html, body{color:#3F4254;background-color:#f0f2f5;}
.headerbar {background:#2a2a2a;color:#fff;}
.dashboard{background-color:#f0f2f5;}

#manager{color:#fff !important;font-weight:bold !important;}


.rounded-corners {
    --border: 1px solid #f0f0f0;
    border-radius: 7px;
}

.webpartchrome{background:#fff;border:1px solid #eaeaea;}
.webparttitle {color:#444; padding:7px; background:#fff; font-size:1.1em; font-weight:bold; border-bottom:1px solid #f0f0f0;}

.webpartheader{display:none;font-size: 0px;color:#808080;height:0px;margin:0;padding:0;}
.webpartzone{width:100%;padding:0px;margin:0;padding-top:0;padding-bottom:0;}
/*.webpart{}*/

.webpartpart{font-size:9px;}
/*.webpartmenulabel{}*/
.webparttitlebarverb{text-align:right;}
.webparttitlebarverb img{min-height:16px;min-width:16px;}
.usercontrol{margin:0px;padding:9px;position:relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #fff;background:#fff;} 
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;}

div.morebox{text-align:right;padding:3px;position:relative;bottom:0;clear:both;background-color:#fff;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;background:#fff;padding:10px;}
@media (min-width: 768px) and (max-width: 979px) {
    #maincolfull{margin-top:-20px;padding:0}
}
@media (max-width: 767px) {
    #maincolfull{margin-top:-20px;padding:0}
}

.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;border-collapse:collapse;}
table.plain tr td{border:0 !important;padding:3px;}
.completeplain{background:#fafafa;}
tr.gridheaderplain th{border:1px solid #eaeaea;border-right:1px solid #fff;border-left:0;color:#808080;background-color:#f3f6f9; padding:2px;font-size:.85em;} 
tr.gridheaderplain{border:0;}
    
div.gridcontainer{background:#fff;}      
  
table.grid{border:1px solid #fff;background:#fff;overflow:scroll;}

.gridheader{border:1px solid #bce8f1;min-height:45px;} 
.gridheader th{background-color:#fafafa;border:1px solid #eaeaea;border-right:1px solid #fff;border-left:1px solid #fff;color:#808080;font-size:.95em;padding:6px 3px 6px 3px;} 
/*.gridheader th:hover{}*/   
.gridheader a:link, .gridheader a:visited{padding:5px;border:1px solid transparent;padding-right:15px;display:block; background-repeat:no-repeat !important; background-position:right !important;}
.gridheader a:link:hover{background-color:rgba(54,153,255,0.3) !important;border:1px solid rgba(54,153,255,1);color:#000 !important;text-decoration:none !important;-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}

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

tr.gridrow{background:#fff;}
tr.gridrow:hover{background:rgb(243, 246, 249);}
tr.gridrow td{padding:5px;border-bottom:1px solid #eaeaea;}

.noline{background:#fff;}
.noline:hover{background:rgb(243, 246, 249);}
.noline td{padding:5px;border-bottom:0px;padding-bottom:0px;}

tr.altgridrow{background:#fff;}
tr.altgridrow:hover{background:rgb(243, 246, 249);}
tr.altgridrow td{padding:5px;border-bottom:1px solid #eaeaea;}

tr.gridfooter{background:rgb(243, 246, 249);}
tr.gridfooter td{padding:5px 3px 5px 3px;border-right:1px solid #eaeaea;}


tr.gridpager{background:#fff; font-size:1.5em;font-weight:bold;}
tr.gridpager table td{padding:5px;text-align:center;}
tr.gridpager a {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #181C32;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: rgb(228, 230, 239);
  *background-color: rgb(228, 230, 239);

  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;

  *zoom: 1;

}

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.selectedrow{background:rgba(27,197,189,0.4);}
tr.selectedrow:hover{background:rgba(27,197,189,0.6);}
tr.selectedrow td{padding:5px;border-bottom:1px solid #eaeaea;}

tr.editrow{background:#d9edf7;}
tr.editrow:hover{background:rgb(243, 246, 249);}
tr.editrow td{padding:5px;border-bottom:1px solid #eaeaea;}

.complete{background:rgba(243, 246, 249, .6); color:rgba(24, 28, 50, .7);}
.complete:hover{background:rgb(243, 246, 249);}
.complete td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertred{background:#FFE2E5;}
.alertred:hover{background:rgb(243, 246, 249);}
.alertred td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertyellow{background:#F3F781;}
.alertyellow:hover{background:rgb(243, 246, 249);}
.alertyellow td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertgreen{background:#dff0d8;}
.alertgreen:hover{background:rgb(243, 246, 249);}
.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:rgb(243, 246, 249);}
tr.newshelf td{padding:5px;border-bottom:1px solid #eaeaea;border-top:2px solid #d98f00;}

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;}

.green{color:rgba(22, 163, 157, 1);}
.blue{color:rgba(16, 134, 255, 1);}
.orange{color:rgb(251 192 0);}
.red{color:rgba(244, 42, 63, 1);}

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

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

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

#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;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%;
}

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

.modal-body{max-height:375px;}

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

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

#tabs a{color:#08c;}
#tabs li a{color:#000;}

.textboxwatermark{color:rgba(0,0,0,0.5) !important;background-color:#fefbd2 !important;}

ul.nav li{
  padding-left:0px !important;
  padding-right:0px !important;
}

ul.nav li{
  margin-left:0px !important;
  margin-right:0px !important;
}

/* 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 3px 10px !important;
      font-size: 15px !important;
      font-weight: bold !important;
    }
}

.nav-tabs{padding:0 0 0 3px; margin-bottom:0; margin-top:0px; background:#fff;}
.nav-tabs > li a 
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #1086FF;
    border: 1px solid #1086FF;
    border-bottom-color: transparent;
    }
.tab-content{background:#fff;}
.tab-pane{padding:5px;}

.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-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea; background:#fff;margin:5px;margin-bottom:15px;
         -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(240,240,240,1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(240,240,240,1);
        box-shadow: 0px 0px 5px 0px rgba(240,240,240,1);
        border:1px solid #eaeaea;
}
.sectionnoborder{padding:5px;background:#fff;}
.sectiontitle {
    font-weight: bold;
    font-size: 1.1em;
    display: block;
    padding: 5px;
    color: #444;
    border-top: 0px solid #1086FF;
    border-radius: 5px; 
    background-color: #fff;
    border-bottom:1px solid #f0f0f0;
    border-radius:7px;
}
.sectioncontrol{padding:5px;}
.menucontainer {
    margin-top: 15px;}
.tall{padding-left:5px;height:1000px;border-left:1px solid #eaeaef;}
@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: #16a39d;
        -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: #16a39d;
            color: #f5f5f5;
        }

        to {
            background-color: lightgreen;
            color: #fff;
        }
    }

    /* Standard syntax */
    @keyframes working {
        from {
            background-color: #16a39d;
            color: #f5f5f5;
        }

        to {
            background-color: lightgreen;
            color: #fff;
        }
    }

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


    .loading {
        color: #16a39d;
    }

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

    .help-panel {
        border: 1px solid transparent;
        margin: 7px;
        padding: 7px;
    }

        .help-panel:hover {
            border: 1px solid #eaeaea;
        }

    .help-text {
        color: #707070 !important;
        margin-left: 40px;
    }

    a:hover.help-links {
        text-decoration: none !important;
    }


    .oval {
        padding: 15px;
        background: red;
        -moz-border-radius: 100px / 50px;
        -webkit-border-radius: 100px / 50px;
        border-radius: 100px / 50px;
    }

    .chosen-container {
        width: 220px !important;
    }

    .chosen-containerx .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 */       
        border: 1px solid #888;
        width: 85%; /* Could be more or less, depending on screen size */
    }

    .each{margin-bottom:2px;border-bottom:1px solid #eaeaea;}

    /* 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: 4px -5px 7px 0px;
        }

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


    .tab-wrapper {
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        padding: 5px;
        height: 50px;
    }

    .tab-list {
        position: absolute;
        left: 0px;
        top: 0px;
        min-width: 3000px;
        margin-left: 12px;
        margin-top: 0px;
    }

        .tab-list li .top {
            display: table-cell;
            position: relative;
            text-align: center;
            cursor: grab;
            cursor: -webkit-grab;
            color: #efefef;
            vertical-align: middle;
        }

    .tab-scroller {
        text-align: center;
        cursor: pointer;
        display: none;
        padding: 7px;
        padding-top: 11px;
        white-space: no-wrap;
        vertical-align: middle;
        background-color: #fff;
    }

    .tab-scroller-right {
        float: right;
    }

    .tab-scroller-left {
        float: left;
    }

    .repeater-header {
        background-color: whitesmoke;
        color: #222222;
        padding: 5px;
        padding-bottom: 1px;
    }

    .section-head, .section-head tr {
        background-color: #f3f6f9;
        border-bottom: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        color: #606060;
        padding: 5px 4px 5px 4px;
    }

        .section-head td {
            padding: 5px 4px 5px 4px;
        }

        .section-head:hover, .section-head tr:hover {
            background-color: rgba(243, 246, 249, 0.70) !Important;
            color: rgba(16, 134, 255, 1) !important;
        }

    .section-body, .section-body td {
        padding: 5px;
    }


    .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;
        }
    }



    .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: #FFA800;
    }

    .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;
    }

    .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;
    }

    .week-view-cal-item {
        border-bottom: 1px solid #eaeaea;
        padding: 7px 0px 0px 7px;
    }

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

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