html, body{height:100%;margin:0;padding:0;background-color:#707070;font-size:14px;text-rendering:optimizeLegibility;}
.dashboard{background-color:#696969;padding:5px;}
.headerbar {background:#404040;color:#eaeaea;}
/*--bootstrap*/
.well{background-color:#fff;border:#ccc;}


.tab-pane{color:#e6e6e6;}
#manager{color:#fff !important;font-weight:bold !important;}



.webpartheader{display:none;font-size: 0px;color: White;height:0px;margin:0;padding:0;}
.webpartzone{width:100%;padding:3px;margin:0;padding-top:0;padding-bottom:0;border:0px dashed #8d8d8d;}
/*.webpart{}*/
.webpartchrome{background:#202020 url(images/bg_webpart.jpg) repeat-x;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:3px;margin-bottom:5px;}  
.webparttitle{color:#00FFFF;color:#eaeaea;padding:7px;background:#404040;}
.webpartpart{font-size:9px;padding:5px;}
/*.webpartmenulabel{}*/
/*.webparttitlebarverb{}*/
.webparttitlebarverb img{min-height:16px;min-width:16px;}
.usercontrol{max-width:100%;margin:3px;padding:5px;position:relative;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #fff;background:#fff;color:#707070;} 
table.webpartmenupopup{border:1px solid #ccc;background:#ededed;color:#000;font-family: Arial;font-size:.8em;margin:4px;}

.currencypositive{color:rgb(27, 197, 189);font-weight:bold;}
.currencynegative{color:#f42a3f;font-weight:bold;}

.currencypositivelarge {font-size: 1.25em;font-weight: bold;color: rgb(27, 197, 189);}
.currencynegativelarge {font-size: 1.25em;font-weight: bold;color: #f42a3f;}

a.currencypositivelarge, a:visited.currencypositivelarge {color: rgb(27, 197, 189) !important;}
a:hover.currencypositivelarge {color: #1086FF !important; text-decoration:none;}

a.currencynegativelarge, a:visited.currencynegativelarge {color: #f42a3f !important;}
a:hover.currencynegativelarge {color: #1086FF !important; text-decoration:none;}

a:hover.currencynegativelarge{color:Blue !important;}
div.morebox{text-align:right;padding:3px;position:relative;bottom:0;clear:both;background-color:#f8f8f8;border:0px solid #ccc;}

/* --- Main Site Styles --- */
#sidecol1{width:260px;text-align:left;line-height:normal;color: #222;position: absolute;top: 130px;right: 10px;padding-bottom:30px;background:#fff;height:100%;border:1px solid #000;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);box-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
#maincol{top:10px;margin-left:10px;position:relative;margin-right:282px;padding:15px;background:#fff;height:100%;min-height:100%;border:1px solid #000;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);box-shadow: 3px 3px 3px rgba(0,0,0,0.5);}


#maincolfull{position:relative;clear:both;margin-top:74px;padding:4px;}
@media (min-width: 768px) and (max-width: 979px) {
    #maincolfull{margin-top:-20px;}
}
@media (max-width: 767px) {
    #maincolfull{margin-top:-20px;}
}



.modalBackground{background-image:url(/images/backgrounds/modalbg.png);background-repeat:repeat;z-index:100000;}
.pnlPopupContainer{background-image: url(/images/backgrounds/modalbg.png);background-repeat: repeat;padding: 2px;}
.pnlPopupContainer > div{background-color:White;padding: 7px;border: 1px solid #000;}
#spnClose{position: absolute;right: -8px;top: -8px;background-image: url(close.png);width: 30px;height: 30px;cursor: pointer;}


.popup{padding:5px;margin:0;border:3px solid #000;max-width:450px;}

table.plain{border:0;}
table.plain tr td{border:0px !important;}
tr.gridheaderplain{border:1px solid #eaeaea;}
.completeplain{background:#f0f0f0;}
    
div.gridcontainer{background:transparent;border:0px solid transparent;}      
    
table.grid{border:1px solid transparent;background:transparent;overflow:scroll;} /**rem table-layout:fixed*/

tr.gridheader{background:#2f2f2f url(images/bg_grid_header.jpg) repeat-x;border:1px solid #808080;padding:0;}  
tr.gridheader th{border:1px solid #808080;border-right:1px solid #808080;color:#fff;padding:6px 3px 8px 3px;font-size:.85em;}   
tr.gridheader th:hover{background:#606060;}   
tr.gridheader a:link, tr.gridheader a:visited{color:#fff !important;display:block;padding-right:10px;background-position:right; background-repeat:no-repeat;}
tr.gridheader a:hover{text-decoration:none !important;background-position:right; background-repeat:no-repeat;}

tr.gridheaderinsert{background:HoneyDew; border:1px solid #808080;padding:0;font-size:.85em;} 
tr.gridheaderinsert th{border:1px solid #fff;border-right:1px solid #ccc;color:#000;padding:6px 3px 8px 3px;} 

tr.gridheaderinsert th{border:1px solid #eaeaea;border-right:1px solid #fff;color:#808080;padding:6px 3px 8px 3px;}  
tr.gridheaderinsert{background-color:aliceblue;border:1px solid #ccc;padding:0;} 
tr.gridrowinsert{background:#d9edf7;color:#000;}

tr.gridrow{background:#fff;border-left:0;border-right:0;color:#707070;}
tr.gridrow:hover{background:#f0f0f0;}
tr.gridrow td{padding:5px;border-bottom:1px solid #eaeaea;}

.noline{background:#fff;}
.noline:hover{background:#f0f0f0;}
.noline td{padding:5px;border-bottom:0px;padding-bottom:0px;}

tr.altgridrow{background:#fff;color:#707070;}
tr.altgridrow:hover{background:#f0f0f0;}
tr.altgridrow td{padding:5px;border-bottom:1px solid #eaeaea;}

tr.gridfooter{background:#6f6f6f;color:#fff;}
tr.gridfooter td{padding:5px 3px 5px 3px;border-right:1px solid #eaeaea;}

tr.gridpager{background:#d9edf7; font-size:1.5em;font-weight:bold;}
tr.gridpager table td{padding:3px;text-align:center;}
tr.gridpager a {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

tr.gridpager a:hover,
tr.gridpager a:focus,
tr.gridpager a:active,
tr.gridpager a.active,
tr.gridpager a.disabled,
tr.gridpager a[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

tr.editrow{background:#d9edf7;}

tr.selectedrow{background:#d9edf7;}
tr.selectedrow:hover{background:#f0f0f0;}
tr.selectedrow td{padding:5px;border-bottom:1px solid #eaeaea;}

tr.editrow{background:#d9edf7;}
tr.editrow:hover{background:#f0f0f0;}
tr.editrow td{padding:5px;border-bottom:1px solid #eaeaea;}

.complete{background:#f0f0f0;}
.complete:hover{background:#f0f0f0;}
.complete td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertred{background:#f2dede;}
.alertred:hover{background:#f0f0f0;}
.alertred td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertyellow{background:#F3F781;}
.alertyellow:hover{background:#f0f0f0;}
.alertyellow td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertgreen{background:#dff0d8;}
.alertgreen:hover{background:#f0f0f0;}
.alertgreen td{padding:5px;border-bottom:1px solid #eaeaea;}

.groupheader{background:#ffd988;font-weight:bold;font-size:1.1em;}
.groupheader:hover{background:#ffd988;}
.groupheader td{padding:5px;border-bottom:1px solid #eaeaea;}

.groupfooter{background:#707c8f;}
.groupfooter:hover{background:#707c8f;}
.groupfooter td{padding:5px;border-bottom:1px solid #eaeaea;}

.grouptotalcell{color:#fff;font-weight:bold;}

tr.newshelf{background:#fff;}
tr.newshelf:hover{background:#f0f0f0;}
tr.newshelf td{padding:5px;border-bottom:1px solid #eaeaea;border-top:2px solid Orange;}

td.cell-danger{color:#F64E60;}
td.cell-success{color:rgb(27, 197, 189);}
td.cell-primary{color:rgb(16, 134, 255);}
td.cell-info{color:rgb(16, 134, 255);}
td.cell-warning{color:#FFA800;}
td.cell-muted{color:lightslategray;}

.defaultgridrow{border-top:1px solid #ccc;}

.tooltip{color:Maroon;cursor:help;}

/*.defaultdetailsview{}
.defaultdetailsviewrow{}
.defaultdetailsviewaltrow{}
.defaultdetailsviewfieldheader{}*/
   
.popupmenu{background:#fedc69;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;padding:7px;border:2px solid #000;-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);box-shadow: 3px 3px 3px rgba(0,0,0,0.5);} 
    


#contacttitle{width:275px;float:right;text-align:right;margin-top:10px;margin-right:10px;}
#contacttabbox{width:225px;float:left;background-color:#fff;border:0px solid #ccc;margin:10px;}
#contacttabtext{width:225px;text-align:left;font-size:11px;} 
.contactitem{margin:10px;padding:10px; border:1px solid #ccc;position:relative;font-size:.8em;height:160px;}
.contactname{text-align:left; font-size:1.5em; margin-top:8px; margin-left:10px;}
.contacttitle{text-align:left; margin-bottom:10px; margin-left:12px; color:#555;}
.contactinfo{margin-left:20px;}
.phonenumbers{position:absolute; top:70px; left:50px;}
.contactemail{position:absolute; top:25px; right:10px;}
.biolink{position:absolute; top:10px; right:10px;}
#contactbio{border:1px solid #ccc;padding:15px;min-height:200px;background-image:url(images/bg_contact_bio.jpg);background-repeat:repeat-x;}


input[disabled='disabled'] {
  background-color:#fff;
  border:0;
}

span.bookmark:hover{cursor:pointer;}

tr.foo{border-top:1px solid #eaeaea;}

.tl_opportunity{background-color:HoneyDew;}
.tl_opportunity:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_opportunity{background-image:url(/images/buttons/btn-opportunity.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_task{background-color:#ffffb8;}
.tl_task:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_task{background-image:url(/images/buttons/btn-task.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_receipt{background-color:#ccffcc;}
.tl_receipt:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_receipt{background-image:url(/images/buttons/btn-money.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_quote{background-color:#d6ebff;}
.tl_quote:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_quote{background-image:url(/images/buttons/btn-quote.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_order{background-color:#b8dbff;}
.tl_order:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_order{background-image:url(/images/buttons/btn-order.gif);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_rma{background-color:#ffe6e6;}
.tl_rma:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_rma{background-image:url(/images/buttons/btn-return.gif);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_invoice{background-color:#ebffd6;}
.tl_invoice:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_invoice{background-image:url(/images/buttons/btn-invoice.jpg);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_prospect{background-color:#e6e6b8;}
.tl_prospect:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_prospect{background-image:url(/images/buttons/btn-customer.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_customer{background-color:#e6e6b8;}
.tl_customer:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_customer{background-image:url(/images/buttons/btn-customer.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_note{background-color:#FCF8E1;}
.tl_note:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_note{background-image:url(/images/buttons/btn-note.jpg);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_quick-order{background-color:#b8dbff;}
.tl_quick-order:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_quick-order{background-image:url(/images/buttons/btn-order-remote.png);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_rfq{background-color:#b8dbff;}
.tl_rfq:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_rfq{background-image:url(images/buttons/btn-rfq.gif);background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_bookmark{background-color:#fff;}
.tl_bookmark:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_bookmark{background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_general{background-color:#fff;}
.tl_general:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_general{background-position:left;background-repeat:no-repeat;padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}

.tl_empty{background-color:#fff;}
.tl_empty:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.tl_empty{padding:5px;padding-left:40px;border-top:1px solid #eaeaea;}


.parentcomment{background-color:#fff;}
.parentcomment:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.parentcomment{padding:5px;border-top:1px solid #eaeaea;}

.comment{background-color:#fff;}
.comment:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.comment{padding:5px;border-top:1px solid #eaeaea;}

.new{background-color:#fff;}
.new:hover{background-color:#f0f0f0;cursor:pointer;}
tr.foo td.new{padding:5px;border-top:1px solid #eaeaea;}

.ui-widget { font-size: inherit }
.ui-widget { font-family: inherit }



.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  box-sizing: border-box;
}

input {
        max-width: 100%;
    }
    
input.full-width {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
}

textarea.full-width{
    box-sizing: border-box;
    width: 100%;
}

.modal-body{max-height:375px;color:#333;}
.modal-header{color:#333;}

.hideoverflow
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.pagetitle{font-size:1.5em;font-weight:bold;text-shadow: 1px 1px 0px #fff;}

/* Input-append and input-prepend with inline-block-level */

.input-append.input-block-level,
.input-prepend.input-block-level {
    display: table;
}

.input-append.input-block-level .add-on,
.input-prepend.input-block-level .add-on {
    display: table-cell;
    width: 1%; /* remove this if you want default bootstrap button width */
}

.input-append.input-block-level > input,
.input-prepend.input-block-level > input {
    box-sizing: border-box; 
    display: table; 
    min-height: inherit;
    width: 100%;
}

.input-append.input-block-level > input {
    border-right: 0; /* removes the extra right border from the input */
}

.input-prepend.input-block-level > input {
    border-left: 0; /* removes the extra left border from the input */
}

@media (max-width: 480px) {
      .navbar .brand {
      padding: 10px 10px 10px !important;
      font-size: 15px !important;
      font-weight: bold !important;
    }
}

.nav-tabs{background:#2b2b2b url(images/bg_webpart.jpg) repeat-x;padding-left:3px;border-bottom-color:transparent;padding-bottom:0px;margin-bottom:0;padding-top:3px;margin-top:3px;}
.nav-tabs li > a{
    color: #ccc;
    
    }
.nav-tabs li > a:hover,
.nav-tabs > li > a:focus {
    background-color: #707070;
    border-color:transparent;
    }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #333;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #fff;
    border-bottom-color: transparent;
    }
.dropdown-menu {
    background-color: #fff;
  }
.dropdown-menu > li > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu li.active > a:focus{color:#ccc;}

.dropdown-menu > .divider{background-color: #fff;
  border-bottom: 1px solid #606060;}

.tab-content{background: rgb(7,6,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(7,6,5,1) 0%, rgba(234,234,234,1) 0%, rgba(244,244,244,1) 15%, rgba(245,245,245,1) 29%, rgba(246,246,246,1) 38%, rgba(247,247,247,1) 43%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(7,6,5,1) 0%,rgba(234,234,234,1) 0%,rgba(244,244,244,1) 15%,rgba(245,245,245,1) 29%,rgba(246,246,246,1) 38%,rgba(247,247,247,1) 43%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(7,6,5,1) 0%,rgba(234,234,234,1) 0%,rgba(244,244,244,1) 15%,rgba(245,245,245,1) 29%,rgba(246,246,246,1) 38%,rgba(247,247,247,1) 43%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070605', endColorstr='#eaeaea',GradientType=0 );
color:#333;}
.tab-pane{padding:5px;background-color:#808080;}

.button-link {
    padding: 10px 15px;
    background:#fff;
    border-bottom:1px solid #eaeaea;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    box-sizing: border-box;
    display:block;
}
.button-link:hover {
    background: #f0f0f0;
    text-decoration: none;
    color:#000;
}
.button-link:active {
    background: #2E5481;
    border: solid 1px #203E5F;
}


.section{border:0px solid #eaeaea;background:#fff;margin:5px;margin-top:15px;border-top:0px solid #000;-webkit-border-radius: 5px; color:#707070;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.sectionnoborder{padding:5px;background:#fff;}
.sectiontitle{font-weight:normal;font-size:1.0em;background:#000 url(images/bg_webpart.jpg) repeat-x;display:block;padding:5px;color:#fff;}
.sectioncontrol{padding:5px;}
.menucontainer{margin-top:15px;background-color:#eaeaea;}
.tall{padding-left:5px;height:1000px;border-left:1px solid #ccc;}
@media (max-width: 767px) {
    .tall {
        padding-left: 0px;
        height: inherit;
        border-left: 0px solid #eaeaef;
    }
}

.control-panel {
    background-color: #fafafa;
    border: 1px solid #eaeaef;
    padding: 5px;
}

.menusection{margin-bottom:15px;border-top:1px solid #eaeaef;}

.working{background-color: mediumseagreen;
    -webkit-animation-name: working; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: working;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color:#f5f5f5;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes working {
    from {background-color: mediumseagreen;color:#f5f5f5;}
    to {background-color: lightgreen;color:#fff;}
}

/* Standard syntax */
@keyframes working {
    from {background-color: mediumseagreen;color:#f5f5f5;}
    to {background-color: lightgreen;color:#fff;}
}

.no-cpu {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
}

.loading{color:mediumseagreen;}

.ordersummaryitem{padding:3px;padding-left:10px;}

.help-panel{border:1px solid transparent;margin:7px;padding:7px;}
.help-panel:hover{border:1px solid #eaeaea;}
.help-panel i{color:orange;}
.help-text{color:#707070 !important;margin-left:40px;}
 a:hover.help-links{text-decoration:none !important;}

.chosen-container {
    width: 220px !important;
}
 .chosen-container .search-field input {
width: 100% !important;
}

.no-fouc {
    visibility: hidden;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 99999 !important;
}

@media screen and (orientation:portrait) {
    .modalAlert {
        position: fixed;
    }
}
/* landscape */
@media screen and (orientation:landscape) {
    .modalAlert {
        position: fixed;
    }
}

.modalAlert {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 99999;
}

/* Modal Content/Box */
.modal-contentAlert {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.modal-contentQuick {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 85%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeAlert,
.closeQuickCall {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeAlert:hover,
.closeAlert:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.closeQuickCall:hover,
.closeQuickCall:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}

.control-label {

}
    .control-label label {

    }

span.radio {
    padding: 0px;
}

span.radio > input[type="radio"] {
    margin: 8px -5px 7px 0px;
}

span.radio > label {
    float: left;
    margin-right: 5px;
    padding: 0px 5px 0px 10px;
}

.section-head, .section-head tr{background-color:#242D36;border-bottom:1px solid #404040;border-top:1px solid #404040; color:#fff;padding:5px 4px 5px 4px;} 
.section-head td{padding:5px 4px 5px 4px;}
.section-head:hover, .section-head tr:hover{background-color:#000 !Important;}
.section-body, .section-body td{padding:5px;background-color:#404040;color:#ccc;}

.modal-wide {
  position: fixed;
  top: 10%;
  left: 5%;
  right: 5%;
  z-index: 1050;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

@media (max-width: 767px) {

    .modal-wide {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
}

.modal-medium {
  position: fixed;
  top: 10%;
  left: 20%;
  right: 20%;
  z-index: 1050;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

@media (max-width: 767px) {

    .modal-medium {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
}


.green{color:#1bc5bd;}
.blue{color:#3690ff;}
.orange{color:#ffb526;}
.red{color:#ef403c;}

.success{color:rgba(22, 163, 157, 1);}
.primary{color:rgba(16, 134, 255, 1);}
.warning{color:rgba(217, 143, 0, 1);}
.danger{color:rgba(244, 42, 63, 1);}

.current{background-color:rgb(201, 247, 245);}
.a0to30{background-color:rgb(243, 246, 249);}
.a31to60{background-color:rgb(225, 240, 255);}
.a61to90{background-color:rgb(255, 244, 222);}
.aover90{background-color:rgb(255, 226, 229);}


.filter-box {
  display: none;
  position: absolute;
  z-index: 10000;
  width: 100%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {
    .filter-box { 
        width: 98%; 
    }
    }

.filter-box header,
.filter-box .filter-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
  color:#d98f00;
}

.filter-header-urgent {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
    color: #fff !important;
    background-color: #fa8d08;
}

.filter-header-info {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
    color: #31708f !important;
    background-color: #d9edf7;
}

.filter-box header h3,
.filter-box header h4,
.filter-box .filter-header h3,
.filter-box .filter-header h4 { margin: 0; }

.filter-box .filter-body { padding: 2em 1.5em; color:#333; }

.filter-box footer,
.filter-box .filter-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.filter-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #333;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}


.legend{margin-top:25px;padding-left:10px;background-color:rgba(243, 246, 249, .6);border:1px 0 1px 0;border-color:rgb(243, 246, 249);border-left:3px solid #1BC5BD;}

.ui-selectmenu-menu-item-header{display:block;font-weight:700}
.ui-selectmenu-menu-item-content{display:block;font-size:small;}