.backgroundpurple
{
    background-color: purple;
    width: 80px !important;
    max-width: 80px !important;
}
.blacktext
{
    color: black;
}
.bluearrowdown
{  
    background-image: url('images/BlueArrowDown.png');
    height: 16px;
    width: 16px;
    max-height: 16px;
    max-width: 16px;
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -20px;
    top: 12px;
    transform: scale(0.5);
}
.button 
{
    margin-top: 16px;
    margin-bottom: 16px;
}
.button-Microsoft 
{
    font: 13px Tahoma;
  
   /*color: #f0f8ff;*/
    color: ghostwhite;
    background-image: url('images/MicrosoftLogin.jpg');
    background-repeat: no-repeat;
    background-position-x:left;
    width: 155px;
    height: 25px;
}
.buttonpanel 
{
    position: relative;
    top: 8px;
    left: 8px;
    margin-left: 40%;
    margin-right: 8px;
}
.calculatedtestsettingsbox
{  
    width: 96.4%;        
    height: 148px;
    position: relative;
    left: 51.3%;
    text-align: center;
    top: 2vh;
}
.center200
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.center492
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 492px;
}
.checkboxlistalign td.dxe
{  
    vertical-align:top!important;
}
.colorblue
{
    color: blue;
}
.colorgray
{
    color: gray;
}
.colornavy
{
    color: navy;
}
.colorred 
{
    color: red;
}
.colorwhite
{
    color: ghostwhite;
}
.confirmfinallabel
{
    height: auto;
    width: 100%;
}
.down2 
{
    position: relative;
    top: 2px;
}
.down3
{
    position: relative;
    top: 3px;
}
.down4 
{
    position: relative;
    top: 4px;
}
.down5
{
    position: relative;
    top: 5px;
}
.down8
{
    position: relative;
    top: 8px;
}
.down16
{
    position: relative;
    top: 16px;
}
.down24
{
    position: relative;
    top: 24px;
}
.down32
{
    position: relative;
    top: 32px;
}
.down48
{
    position: relative;
    top: 48px;
}
.down56
{
    position: relative;
    top: 56px;
}
.downloadfilecontainer
{
    display: inline-block;
    width: 100px;
    height: 40px;
    text-align: center;    
}
.fontbold
{
    font-weight: bold !important;
}
.floatright 
{
    float: right;
}
.floatleft
{
    float: left;
}
.fontsize12 
{
    font-size: 12px;
    font-family: Verdana;
}
.fontsize14
{
    font-size: 14px;
    font-family: Verdana;
}
.fontsize16
{
    font-size: 16px;
    font-family: Verdana;
}
.formb1ahelp
{
    float: right;
    text-align: right;
    position: fixed;
    top: 30vh;
    right: 4%;
    width: 20%;
    height: 4vh;
    white-space: nowrap;
    z-index: 100;
}
.generatereportbutton
{
    position: relative;
    top: .28em;
}
.generatereportbutton2
{
    position: relative;
    top: 1.64em;
}
.generatereportstatus
{
    position: relative;
    top: 4vh;
    width: 60%;    
}
.greentext
{
    color: forestgreen;
}
.height12
{
    height: 12px;
    min-height: 12px;
    max-height: 12px;
}
.height20 {
    height: 20px;
    min-height: 20px;
    max-height: 20px;
}
.height24 {
    height: 24px;
    min-height: 24px;
    max-height: 24px;
}
.height28 {
    height: 28px;
    min-height: 28px;
    max-height: 28px;
}
.height200
{
    height: 200px;
    min-height: 200px;
    max-height: 200px;
}
.height32 {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}
.height200
{
    height: 200px;
    min-height: 200px;
    max-height: 200px;
}
.height30percent
{
    height: 30%;
    max-height: 30%;
    min-height: 30%;
}
.hidden
{
    visibility: hidden;
}
.hoverinfo
{
    float: left;
    width: 240px;
    height: 60px;
    white-space: pre-wrap;
    left: 50%;
    margin-left: -120px;
    background-color: linen;
    color: black;
    border: 1px solid black;
    display: none;
    z-index: 100;
}
.inlineblock
{
    display: inline-block;
}
.inlinecheckmark
{
    position: relative;
    top: -1px;
    height: 18px;
    width: 18px;
}
.inlineimage
{
    position: relative;
    top: -1px;
    height: 20px;
    width: 20px;
}
.inlinesign {
    position: fixed;
    background-image: url('Images/LightBlueTile.png');
    width: 480px;
    height: 160px;
    bottom: 20px;
    left: 50%;
    margin-left: -540px;
    border: 2px solid black;
    overflow: hidden;
}
.left1
{
    position: relative;
    left: -1px;
}
.left2
{
    position: relative;
    left: -2px;
}
.left4
{
    position: relative;
    left: -4px;
}
.left8 
{
    position: relative;
    left: -8px;
}
.left16 
{
    position: relative;
    left: -16px;
}
.left32
{
    position: relative;
    left: -32px;
}
.left40
{
    position: relative;
    left: -40px;
}
.left48
{
    position: relative;
    left: -48px;
}
.left64
{
    position: relative;
    left: -64px;
}
.left72
{
    position: relative;
    left: -72px;
}
.left80
{
    position: relative;
    left: -80px;
}
.left128
{
    position: relative;
    left: -128px;
}
.leftpane
{
    float: left;
    height: 100%;
    width: 40%;
}
.locksmall
{  
    background-image: url('images/LockSmall.png');
    height: 16px;
    width: 80px;
    max-height: 16px;
    max-width: 80px;
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;    
    top: 3px;
    transform: scale(1);
    border: none;
    background-color: transparent;
}
.marginbottom2 
{
    margin-bottom: 2px;
}
.marginbottom8 
{
    margin-bottom: 8px;
}
.marginbottom16
{
    margin-bottom: 16px;
}
.marginleft4 
{
    margin-left: 4px;
}
.marginleft8
{
    margin-left: 8px;
}
.marginleft16 
{
    margin-left: 16px;
}
.marginleft32 
{
    margin-left: 32px;
}
.marginleft48
{
    margin-left: 48px;
}
.marginright8
{
    margin-right: 8px;
}
.marginright16
{
    margin-right: 16px;
}
.marginright24
{
    margin-right: 24px;
}
.margintop2
{
    margin-top: 2px;
}
.margintop4
{
    margin-top: 4px;
}
.margintop8 
{
    margin-top: 8px;
}
.margintop16 
{
    margin-top: 16px;
}
.maxheight0
{
    max-height: 0px;
}
.maxheight240 
{
    max-height: 240px;
}
.maxwidth64 
{
    width: 64px;
    max-width: 64px;
    min-width: 64px;
}
.maxwidth80 
{
    width: 80px !important;
    max-width: 80px;
    min-width: 80px;
}
.maxwidth480 
{
    width: 480px;
    max-width: 480px;
}
.maxheight80 
{
    height: 80px;
    max-width: 80px;
}
.minheight16
{
    min-height: 16px;
}
.minheight24
{
    min-height: 24px;
}
.minheight32
{
    min-height: 32px;
}
.minheight48
{
    min-height: 48px;
}
.minheight64
{
    min-height: 64px;
}
.minheight480
{
    height: 480px;
    min-height: 480px;
}
.minheight640
{
    height: 640px;
    min-height: 640px;
}
.offscreenbutton
{
    width: 50px;
    height: 8px;
    position: absolute;
    left: -200px;
}
.overlay 
{
    display: block;
    position: fixed;
    width: 100%;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    width: 480px;
    min-width: 480px;
    max-width: 480px;
    margin-left: -25%;
    left: 50%;
    bottom: 20px;
    background-color: white;
    color: navy;
    z-index: 20; 
    cursor: pointer; 
}
.overridebutton 
{
    position: relative;
    left: 80%;
    top: -2.12em;
}
.overridebutton2
{
    position: relative;
    left: 80%;
    top: -4em;
}
.pdfviewer
{
    display: block;
    position: relative;
    width: 1080px;
    height: 96vh;
    min-height: 96%;
    max-height: 96%;
    left: 50%;
    margin-left: -540px;
    border: 2px solid black;
    align-content: center;
    justify-content: center;
}
.pdfcontent
{  
     width: 100%;
     height: 100%;
     object-fit: contain;
}
.populatetestpressures
{
    position: relative;
    left: 30%;
    top: -12vh;    
}
.popupcontrol 
{
    background-color: white;
}
.popupcontrol2
{
    background-color: white;
    margin-left: -25%;
}
.popupcontrol3
{
    background-color: white;
    width: 400px;
    position: relative;
    left: 50% !important;
}
.preinject
{
    position: relative;
    left: 48%;
    margin-bottom: 1vh;
}
.rebootmessage
{
    margin-top: 12px;
    margin-bottom: 6px;
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
    width: 272px;
    color: darkred;
}
.redtext 
{
    color: red;
}
.reportnotfound
{  
    display: block;
    width: 589px;
    margin-left: auto;
    margin-right: auto;
    color: white;    
}
.right2
{
    position: relative;
    left: 2px;
}
.right4 
{
    position: relative;
    left: 4px;
}
.right8 
{
    position: relative;
    left: 8px;
}
.right10
{
    position: relative;
    left: 10px;
}
.right12
{
    position: relative;
    left: 12px;
}
.right14 {
    position: relative;
    left: 14px;
}
.right16 {
    position: relative;
    left: 16px;
}
.right18
{
    position: relative;
    left: 18px;
}
.right28
{
    position: relative;
    left: 28px;
}
.right32
{
    position: relative;
    left: 32px;
}
.right33
{
    position: relative;
    left: 33px;
}
.right48
{
    position: relative;
    left: 48px;
}
.right64
{
    position: relative;
    left: 64px;
}
.right96
{
    position: relative;
    left: 96px;
}
.right148
{
    position: relative;
    left: 148px;
}
.right212 
{
    position: relative;
    left: 212px;
}
.right240 
{
    position: relative;
    left: 240px;
}
.rightpane 
{
    float: left;
    height: 100%;
    width: 40%;
}
.signtestbutton
{
    position: absolute;
    left: 10%;
    bottom: 32px;
    z-index: 40;
}
.statusalertbox
{
    background-color: lightgreen;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    width: 360px;
    height: 48px;
    text-align: left;
    display: inline;
    margin-right: 8px;
    padding: 2px;
}
.statusalerttext 
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: darkred;
}
.table-fixed {
    table-layout: fixed;
}
.tabcomplete 
{
    text-align: left;
    height: 16px;
    width: 16px;
    float: left;
    position: relative;
    top: 13px;
    left: 4px;
    margin-right: 2px;
    z-index: 100;
}
.tabcompleteactive
{
    text-align: left;
    height: 16px;
    width: 16px;
    float: left;
    position: relative;
    top: 13px;
    left: 4px;
    margin-right: 2px;
    z-index: 100;
}
.testspecificationstable
{
    table-layout: fixed;
    width: 100%;
}
.teamsbuttonpanel 
{
    position: fixed;
    top: 444px;
    left: 64px;
    margin-left: 50%;
    margin-right: 8px;
}
.temperaturechangewarning 
{
    position: relative;
    left: 50%;
    margin-left: -440px;
    width: 800px;
    height: 64px;
    border: 1px solid black;
    color: whitesmoke;
    background-image: url('Images/RedRoundedCornerBox.png');
    background-repeat: no-repeat;
    margin-bottom: 16px;
    margin-top: 12px;
    z-index: 100;
}
.temperaturechangewarningtext 
{
    position: relative;
    left: 50%;
    margin-left: -320px;
    top: 16px;
    width: 640px;
    height: 32px;
    color: whitesmoke;
    font-family: Verdana;
    font-size: 12px;
}


/* Tooltip container */
.testoptooltip {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .testoptooltip .tooltiptext {
        visibility: visible;
        width: 328px;
        background-color: lightsalmon;
        color: navy;
        text-align: left;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    /*.testoptooltip:hover .tooltiptext {
        visibility: visible;
    }*/

.testsummaryvolumeloss
{
    width: 140px;
    text-align: center;
    position: relative;
    left: -64px;
}
.testsignerlabel 
{
    position: fixed;
    width: 400px;
    white-space: nowrap;
    left: 50%;
    margin-left: -520px;
    bottom: 30px;
    z-index: 50;
}
.textalignleft
{
    text-align: left;
}
.textalignright 
{
    text-align: right;
}
.textalignrightimportant
{
    text-align: right !important;
}
.textboxtextaligntop
{
    vertical-align:top!important;
}
.textboxtextalign td.dxe
{  
    vertical-align:top!important;
}
.textnowrap
{
    white-space: nowrap;
}
.textwhite
{
    color: white;
}
.typetosigncontrol 
{
    position: fixed;
    background-image: url('Images/LightRedTile.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    width: 480px;
    height: 160px;
    bottom: 20px;
    right: 50%;
    margin-right: -540px;
    border: 2px solid black;
}
.typetosigntextbox {
    display: inline-block;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    width: 100%;
    top: 40px;
    font-family: Nickainley;
    font-size: 20px;
    background-color: lightgray;
    color: navy;
    z-index: 20;
}
.up2 {
    position: relative;
    top: -2px;
}
.up4 
{
    position: relative;
    top: -4px;
}
.up8
{
    position: relative;
    top: -8px;
}
.up10 {
    position: relative;
    top: -10px;
}
.up12 {
    position: relative;
    top: -12px;
}
.up14
{
    position: relative;
    top: -14px;
}
.up16 
{
    position: relative;
    top: -16px;
}
.up32 
{
    position: relative;
    top: -32px;
}
.up36
{
    position: relative;
    top: -36px;
}
.up53
{
    position: relative;
    top: -53px;
}
.up60
{
    position: relative;
    top: -60px;
}
.up64
{
    position: relative;
    top: -64px;
}
.verticalalignbottom 
{
    vertical-align: bottom;
}
.warning {
    background-color: rgb(255, 89, 46);
    height: 26px;
    margin-top: -12px;
    width: 50%;
    border-radius: 1px;
    border: 1px solid white;
    margin-bottom: 2px;
}
.warningtext 
{
    position: relative;
    top: 4px;
    left: 8px;
    color: ghostwhite;
    font-family: Verdana;
    font-size: 12px;
}
.warningredbox
{
    position: relative;
    left: 50%;
    margin-left: -360px;
    width: 720px;
    height: 64px;
    border: 1px solid black;
    color: whitesmoke;
    background-image: url('Images/RedRoundedCornerBox.png');
    background-repeat: no-repeat;
    margin-bottom: 16px;
    margin-top: 12px;
    z-index: 100;
}
.warningboxtext
{
    position: relative;
    left: 50%;
    margin-left: -320px;
    top: 16px;
    width: 640px;
    height: 32px;
    color: whitesmoke;
    font-family: Verdana;
    font-size: 12px;
}
.whitetext
{
    font-size: 14px;
    font-family: Verdana;
    color: white;
}
.whitetext:hover
{
    font-size: 14px;
    font-family: Verdana;
    color: white;
}
.whitetext:visited
{
    font-size: 14px;
    font-family: Verdana;
    color: white;
}
.width24
{
    width: 24px;
}
.width80
{
    width: 80px;
}
.width108 
{
    width: 108px;
}
.width120 
{
    width: 120px;
}
.width128 
{
    width: 128px;
}
.width160 {
    width: 160px;
}
.width174 
{
    width: 174px;
    max-width: 174px;
    min-width: 174px;
}
.width180 {
    width: 180px;
}
.width36percent
{
    width: 36%;
    max-width: 36%;
    min-width: 36%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
header {
    margin: 10px 10px 0 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
label {
    font-weight: normal;
    color: #000;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    color: #f0f8ff;
}
/*end reset*/

/* GENERAL ------------------------------------------------------------*/
body {
    font: 12px Tahoma;
    height: 100%;
    background-color: #01305A;
    /*color: #f0f8ff;*/
    color: #333;
    background-image: url('images/Gradient.jpg'); 
    background-position: left top; 
    background-repeat: no-repeat;
    min-width: 1024px;
}
hr { border-color: #f0f8ff; margin-bottom: 5px;margin-top: 10px; }

button { outline: 0; }

textarea {
    outline: 0;
    resize: none;
}

th {
    border-bottom: 1px solid #495fa8;
    text-align: center;
}

table > tbody > tr > td > table > tbody > tr:first-child > td {
    text-align: center;
    vertical-align: middle;
}

#main { padding-bottom: 0;margin-bottom: 0;}

/* Header */

.headerPane {
    background-position: left top;
    background-repeat: no-repeat;
}

.headerPane .headerTop { height: 45px; }

.templateTitle {
    float: left;
    margin-left: 15px;
    margin-top: 11px;
}

.displayinline 
{
    display: inline;
}
.displayinlineimportant
{
    display: inline !important;
}

.form-container 
{
    display: inline-block;
}


.templateTitle a {
    color: White;
    font-size: x-large;
    text-decoration: none;
}

.loginControl {
    float: right;
    font-size: 12px;
    margin-right: 25px;
    margin-top: 17px;
}

.loginControl a {
    border-bottom: dashed 1px White;
    color: White;
    text-decoration: none;
}

.headerMenu {
    height: 30px;
    margin-top: 11px;
}
#logo img {
    /*width: 120px;*/
    height: 60px;
}
#logoutForm a[title="Welcome"] {
    color: orangered;
}
/* Footer */

.footerPane { height: 100%; }

.footerMenu {
    float: right;
    padding-top: 7px;
}

.copyright {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

.content { padding: 5px; }


/* Account */

.accountHeader h2 {
    font-size: 16px;
    margin: 10px 0 7px 0;
}

.accountHeader p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.accountHeader { margin-bottom: 20px; }

.form-field { margin-bottom: 8px; }

.field-validation-error {
    color: Red;
    font-size: 11px;
}


/* PlasticBlue */

.dxsplControl_PlasticBlue { font: 12px Tahoma;
    height: 100%; }

.dxsplControl_PlasticBlue .headerPane,
.dxsplControl_PlasticBlue .footerPane,
.dxsplControl_PlasticBlue .footerMenu li {
    background-color: #3C4F8F;
    color: white;
}
.dxrpControl_PlasticBlue td.dxrpHeader_PlasticBlue {
    background: #415698 url('/rcp/DXR.axd?r=0_4398-rlI8a') repeat-x top !important;
    border: none !important;
    color: white !important;
    font-weight: bold;
    text-align: center;
}
.dxsplControl_PlasticBlue .headerPane { background-image: url('images/PlasticBlueHeader.jpg'); }

.dxsplControl_PlasticBlue .accountHeader h2 { color: #5A83D0; }

.dxsplControl_PlasticBlue .accountHeader p { color: #575757; }

.dxsplControl_PlasticBlue .headerMenu { margin-top: 12px; }



/* Metropolis */

.dxsplControl_Metropolis { font-family: Segoe UI; }

.dxsplControl_Metropolis .headerPane,
.dxsplControl_Metropolis .footerMenu li {
    background-color: White;
    color: Black;
    
}

.dxsplControl_Metropolis .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_Metropolis .accountHeader p { font-size: 11px; }

.dxsplControl_Metropolis .headerMenu { margin-top: 13px; }

.dxsplControl_Metropolis .loginControl a,
.dxsplControl_Metropolis .templateTitle a {
    border-color: Black;
    color: Black;
}

.dxsplControl_Metropolis .templateTitle a { font-size: 28px; }

.dxsplControl_Metropolis .dxsplVSeparator_Metropolis { border-bottom: 0 !important; }

.dxsplControl_Metropolis .footerPane { background: #EDEDED; }

/* MetropolisBlue */

.dxsplControl_MetropolisBlue { font-family: Segoe UI; }

.dxsplControl_MetropolisBlue .headerPane,
.dxsplControl_MetropolisBlue .footerMenu li {
    background-color: White;
    color: Black;
}

.dxsplControl_MetropolisBlue .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_MetropolisBlue .accountHeader p { font-size: 11px; }

.dxsplControl_MetropolisBlue .headerMenu { margin-top: 13px; }

.dxsplControl_MetropolisBlue .loginControl a,
.dxsplControl_MetropolisBlue .templateTitle a {
    border-color: Black;
    color: Black;
}

.dxsplControl_MetropolisBlue .templateTitle a { font-size: 28px; }

.dxsplControl_MetropolisBlue .dxsplVSeparator_MetropolisBlue { border-bottom: 0 !important; }

.dxsplControl_MetropolisBlue .footerPane { background: #EDEDED; }

/* Moderno */

.dxsplControl_Moderno { font-family: Segoe UI; }

.dxsplControl_Moderno .headerPane,
.dxsplControl_Moderno .footerMenu li {
    background-color: White;
    color: Black;
}

.dxsplControl_Moderno .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_Moderno .accountHeader p { font-size: 11px; }

.dxsplControl_Moderno .headerMenu { margin-top: 13px; }

.dxsplControl_Moderno .loginControl a,
.dxsplControl_Moderno .templateTitle a {
    border-color: #0072c6;
    color: #0072c6;
}

.dxsplControl_Moderno .templateTitle a { font-size: 28px; }

.dxsplControl_Moderno .dxsplVSeparator_Moderno {
    border-bottom: 0 !important;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.dxsplControl_Moderno .footerPane { background: #EDEDED; }

tr.dxgv{
    display:none;
}

.navbar {
    margin-bottom: 15px;
}

nav#topnav.navbar.navbar-default {
    border: none;
    border-top: none;
    border-bottom: 7px solid rgba(73, 96, 166, 1);
    background-color: transparent !important;
    background-image: none;
    /*border-color: #2e6da4;*/
    border-radius: 0;
    padding-top: 7px;
    /*border-bottom: rgba(73, 95, 168, 1);*/
    -webkit-box-shadow: none;
    max-height: 49px;
}

.navbar-default .navbar-nav > li {
    margin-left: 4px;
    /*background-color: ButtonHighlight !important;*/
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .navbar-default .navbar-nav > li > label {
        text-transform: uppercase;
        height: 36px;
        padding: 10px 15px;
        margin-bottom: 0px;
        position: relative;
        line-height: 20px;
        background-color: ButtonHighlight !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .navbar-default .navbar-nav > li > a {
        text-transform: uppercase;
        color: #f0f8ff;
        max-height: 36px;
        padding-top: 10px;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            /*background-color: #d9534f !important;*/
            background-image: url('images/PlasticBlueHeader.jpg'); /*linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);*/
            /*background-color: rgba(73, 95, 168, 1);*/
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            color: #fff;
        }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    /*background-color: rgba(60, 80, 143, 1);*/
    background-image: url('images/PlasticBlueHeader.jpg'); /*linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);*/
    /*background-color: #d9534f !important;*/
    border-color: #2e6da4;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
}
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
    background-image: none;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }

    /** Default button **/
    .btn-breadcrumb .btn.btn-default:not(:last-child):after {
        border-left: 10px solid #fff;
    }

    .btn-breadcrumb .btn.btn-default:not(:last-child):before {
        border-left: 10px solid #ccc;
    }

    .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
        border-left: 10px solid #ebebeb;
    }

    .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
        border-left: 10px solid #adadad;
    }

    /** Primary button **/
    .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
        border-left: 10px solid #428bca;
    }

    .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
        border-left: 10px solid #357ebd;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
        border-left: 10px solid #3276b1;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
        border-left: 10px solid #285e8e;
    }

    /** Success button **/
    .btn-breadcrumb .btn.btn-success:not(:last-child):after {
        border-left: 10px solid #5cb85c;
    }

    .btn-breadcrumb .btn.btn-success:not(:last-child):before {
        border-left: 10px solid #4cae4c;
    }

    .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
        border-left: 10px solid #47a447;
    }

    .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
        border-left: 10px solid #398439;
    }

    /** Danger button **/
    .btn-breadcrumb .btn.btn-danger:not(:last-child):after {
        border-left: 10px solid #d9534f;
    }

    .btn-breadcrumb .btn.btn-danger:not(:last-child):before {
        border-left: 10px solid #d43f3a;
    }

    .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
        border-left: 10px solid #d2322d;
    }

    .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
        border-left: 10px solid #ac2925;
    }

    /** Warning button **/
    .btn-breadcrumb .btn.btn-warning {
        border-left: 2px solid orangered;
        background-image: linear-gradient(to bottom, #ff6347 0%, orangered 100%);
        background-color: orangered;
    }

        .btn-breadcrumb .btn.btn-warning:not(:last-child):after {
            border-left: 10px solid orangered;
            background-image: linear-gradient(to bottom, #ff6347 0%, orangered 100%);
        }

        .btn-breadcrumb .btn.btn-warning:not(:last-child):before {
            border-left: 10px solid orangered;
        }

        .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
            border-left: 10px solid orangered;
        }

        .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
            border-left: 10px solid orangered;
        }

    /** Info button **/
    .btn-breadcrumb .btn.btn-info:not(:last-child):after {
        border-left: 10px solid #5bc0de;
    }

    .btn-breadcrumb .btn.btn-info:not(:last-child):before {
        border-left: 10px solid #46b8da;
    }

    .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
        border-left: 10px solid #39b3d7;
    }

    .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
        border-left: 10px solid #269abc;
    }
/** The Spacing **/

.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
    text-transform: uppercase;
    min-width: 16%;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
        min-width: 16%;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }


/*.btn-primary {
    background-image: url('images/PlasticBlueHeader.jpg');
}*/
.panel-tab {
    border-bottom: transparent !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 14px 9px 0px 14px !important;
}

.text-label {
    padding: 9px 22px;
}

.custom-checkbox {
    height: 16px;
    margin-top: 6px;
    width: 16px;
}


.active a {
    color: #ffffff;
}

.no-border {
    border: #428bca !important;
}

.form-group {
    margin-bottom: 5px !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
}

.form-horizontal {
    background-color: #ffffff;
    padding: 2px;
}

    .form-horizontal .control-label {
        color: #000;
        padding-top: 5px;
    }

li.deactive {
    background-color: ButtonHighlight !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.panel {
    margin-bottom: 15px;
    display: block;
}


.notifybox {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    -ms-border-radius: 100px;
    border-radius: 100px;
    margin-right: 5px;
}

.bgreen {
    background-color: rgb(47, 205, 42);
}

.bred {
    background-color: red;
}

.borange {
    background-color: orange;
}

.error-div {
    padding: 5px;
    border: 1px solid rgba(218, 29, 29, 0.41);
    width: 40%;
    background-color: rgba(255, 204, 186, 0.46);
    margin-top: 10px;
    display:none;
}

.error-div p.cError {
    color: red;
    border: 1px solid rgba(227, 20, 20, 0.16);
    border-radius: 3px;
    padding: 4px;
    background-color: rgba(255, 188, 188, 0.47);
    margin-bottom: 3px;
}

.error-div p {
    color: red;
    border: 1px solid rgba(227, 20, 20, 0.16);
    border-radius: 3px;
    padding: 4px;
    background-color: rgba(255, 188, 188, 0.47);
    margin-bottom: 3px;
}

.success-div {
    padding: 5px;
    border: 1px solid #b2dba1;
    width: 40%;

    margin-top: 10px;
    display:none;
}

.success-div p {
    color: #3c763d;
    border: 1px solid #b2dba1;
    border-radius: 3px;
    padding: 4px;
    background-color: #c8e5bc ;
    margin-bottom: 3px;
}

.error-div p.cWarning {
    color: orange;
    border: 1px solid rgba(233, 142, 44, 0.67);
    border-radius: 3px;
    padding: 4px;
    background-color: rgba(255, 225, 188, 0.47) !important;
    margin-bottom: 3px;
}
.margin-footer
{
    margin:10px 5px 10px 5px;
}
.limit-table thead tr td
{
    text-align:center;
    color: #FFFFFF;
    background: #3D5294 url('/DXR.axd?r=0_4551-iMuca') repeat-x top;
    border: 1px solid #2C4182;
    padding:2px  !important;

}
.limit-table tbody tr td
{
        padding:2px  !important;
}
.limit-tbl-frame
{
    height:500px;
    overflow-y:scroll;
}