:root{
    --primary-color: #a0cc3a;
    --primary-color-darker: #779c22;
    --admin-color: #3a83cc;
    --admin-color-darker: #225d9c;
}
*{
    /*font-family: 'Helvetica', 'Arial', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
}
html, body{
    height: 100%;
    margin: 0;
}
body{
    font-size: 14pt;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
.clear{
    clear: both;
}
.clearLeft{
    clear: left;
}
.clearRight{
    clear: right;
}
.centered{
    text-align: center !important;
}
p{
    margin-bottom: 0.5em;
}
p:last-child{
    margin-bottom: 0;
}
.inlineBlock{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.sml_text{
    font-size: 0.7em;
}
pre{
    line-height: 1.2em;
    font-family: monospace;
}
.hideOnLoad{
    display: none;
}
/***FORMS***/
.formElement{
    position: relative;
    margin-bottom: 1em;
}
.formElement:last-child{
    margin-bottom: 0;
}
.formElement input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .formElement textarea, .formElement select{
    border: 0;
    border: 1px solid #d5d5d5;
}
.formElement input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .formElement textarea{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.formElement select{
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer;
}
.formElement.error{
    
}
.formElement.error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .formElement.error textarea, .formElement.error select{
    border-color: #d9392e;
}
.formElement input[type='submit']{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor: pointer;
    font-size: 1em;
}
.formElement input:disabled:not([type="checkbox"]):not([type="radio"]):not([type="submit"]){
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: default;
}
/*.formElement input[readonly]{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    cursor: default;
}*/
.formElement input[type="submit"]::-moz-focus-inner ,.formElement input[type="reset"]::-moz-focus-inner {
    border:0;
}
.formElement .readOnly{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    cursor: default;
}
.formElement.fullVis .readOnly{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: none !important;
    border: none !important;
    font-weight: 700;
    color: #000 !important;
}
.formElement input[type=number] {
    -moz-appearance:textfield;
    -webkit-appearance: none;
    margin: 0;
}
.formElement select{
    text-indent: 0.01px;
    text-overflow: "";
}
.formElement textarea{
    resize: vertical;
}
.formElement label.required:after, .formElement.fake_required label.main:after{
    content: '*';
    color: #d9392e;
}
.formElement label.main{
    position: relative;
}
.formElement .moneyFieldWrap, .formElement .percentageFieldWrap{
    position: relative;
}
.formElement .percentageFieldWrap:after{
    content: '%';
    position: absolute;
    right: 0.5em;
    top: 50%;
    margin-top: -0.5em;
}
.formElement .moneyFieldWrap:before{
    content: '$';
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -0.5em;
}
.formElement .moneyFieldWrap input{
    padding-left: 15px !important;
}
.formElement .moneyFieldWrap.currency_gbp:before{
    content: '\00A3';
}
.formElement .moneyFieldWrap.currency_generic:before{
    content: '\00A4';
}
.formElement .moneyFieldWrap.currency_yen:before{
    content: '\00A5';
}
.formElement .moneyFieldWrap.currency_eur:before{
    content: '\20AC';
}
.formElement .fieldDescription, .formElement .fieldError{
    font-size: 0.8em;
    font-style: italic;
    margin-top: 0.5em;
}
.formElement.searching .giField_autocomplete,
.ui-autocomplete-loading{
    background: #fff url('images/inputLoad.gif') no-repeat !important;
    background-size: 155px 155px !important;
    background-position: top -55px right -55px !important;
}
.formElement .fieldError{    
    color: #d9392e;
}
.optionsWrap label{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin-right: 10px;
    margin-bottom: 20px;
}
.optionsWrap label .checkbox_box, .optionsWrap label .radio_box{
    /*margin-right: 0.5em;*/
    float: left;
}
.optionsWrap label .checkboxLabel, .optionsWrap label .radioLabel{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    line-height: 27px;
    cursor: pointer;
    margin-left: 0.5em;
    color: #606060;
}
.optionGroup{
    margin-bottom: 20px;
}
.optionGroup:after{
    clear: both;
    content: '';
    display: block;
}
.optionGroup label{
    vertical-align: top;
    display: table;
    float: left;
}
.optionGroup label .checkbox_box{
    display: table-cell;
}
.optionGroup label .checkboxLabel{
    line-height: 1em;
    vertical-align: middle;
    display: table-cell;
    width: 10em;
    padding-left: 5px;
}
.optionsWrap .optionGroupTitle{
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 10px;
    font-size: 1em;
    line-height: 1em;
    width: 100%;
}
/*******/
#header, #footer, #content, #mainNav{
    width: 960px;
    min-width: 960px;
    width: 90%;
    margin: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#headerWrap, #footerWrap{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1100;
}
#contentWrap{
    position: relative;
    /*min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -160px;*/
}
/*#contentWrap:after{
    content: '';
    display: block;
    height: 160px;
}*/
#footerWrap{
    /*height: 160px;*/
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    padding-bottom: 30px;
}
/***********/
section.error{
    padding: 30px;
}
section.error:not(:first-child){
    padding-top: 0;
}
body{
    background: url('images/diag.png') repeat;
    font-size: 10pt;
}
#logo{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url('images/000_66.png') repeat;
    color: #fff;
    font-weight: 800;
    z-index: 1000;
    text-decoration: none;
    padding: 0.2em;
    letter-spacing: 0.02em;
    font-size: 1.5em;
    line-height: 1em;
    -webkit-box-shadow: #575757 0px 0px 4px;
    -moz-box-shadow: #575757 0px 0px 4px;
    box-shadow: #575757 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
}
#accountBar{
    position: absolute;
    top: 0;
    left: 0;
}
#accountBar a{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    background: var(--primary-color);
    padding: 0.55em;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: #575757 0px 0px 4px;
    -moz-box-shadow: #575757 0px 0px 4px;
    box-shadow: #575757 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
}
#logo .green{
    color: var(--primary-color);
}
#headerWrap{
    padding-bottom: 100px;
}
#container{
    background: #fff;
    -webkit-box-shadow: #575757 0px 0px 4px;
    -moz-box-shadow: #575757 0px 0px 4px;
    box-shadow: #575757 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
}
#admin_menu{
    background: url('images/beck_bg.jpg');    
    background-size: cover;
    background-repeat: no-repeat;
}
#admin_menu.com{
    background-image: url('images/beck_bg_com.jpg');
}
#admin_menu.res{
    background-image: url('images/beck_bg_res.jpg');
}
#admin_menu.multi{
    background-image: url('images/beck_bg_multi.jpg');
}
#admin_menu > nav{
    background: url('images/000_66.png') repeat;
}
#admin_menu > nav > ul{
    padding: 30px 15px;    
}
#admin_menu > nav > ul > li{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;    
    width: 25%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 15px;
}
#admin_menu > nav > ul > li:nth-child(-n+4){
    margin-top: 0;
}
#admin_menu > nav > ul > li > a{
    display: block;
    font-size: 1.71em;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background: var(--primary-color);
}
#admin_menu.full .icon{
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#admin_menu .icon:before{
    background: url('images/icon_set.png') no-repeat;
    display: block;
    content: '';
}
#admin_menu:not(.full) .icon:before{
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -16px;
}
#admin_menu .icon.admin:before{
    width: 23px;
    height: 32px;
    background-position: -5px -75px;
}
#admin_menu .icon.residential:before{
    width: 38px;
    height: 32px;
    background-position: -33px -75px;
}
#admin_menu .icon.commercial:before{
    width: 28px;
    height: 32px;
    background-position: -76px -75px;
}
#admin_menu .icon.multi:before{
    width: 25px;
    height: 32px;
    background-position: -109px -75px;
}
#admin_menu .icon.gssadmin:before{
    width: 19px;
    height: 32px;
    background-position: -138px -75px;
}
#admin_menu .icon.workorders:before{
    width: 22px;
    height: 32px;
    background-position: -162px -75px;
}
#admin_menu .icon.inventory:before{
    width: 30px;
    height: 32px;
    background-position: -189px -75px;
}
#admin_menu .icon.payments:before{
    width: 28px;
    height: 32px;
    background-position: -224px -75px;
}
#admin_menu.full .icon.admin:before{
    width: 46px;
    height: 65px;
    background-position: -5px -5px;
}
#admin_menu.full .icon.residential:before{
    width: 77px;
    height: 65px;
    background-position: -56px -5px;
}
#admin_menu.full .icon.commercial:before{
    width: 56px;
    height: 65px;
    background-position: -138px -5px;
}
#admin_menu.full .icon.multi:before{
    width: 49px;
    height: 65px;
    background-position: -199px -5px;
}
#admin_menu.full .icon.gssadmin:before{
    width: 39px;
    height: 65px;
    background-position: -253px -5px;
}
#admin_menu.full .icon.workorders:before{
    width: 45px;
    height: 65px;
    background-position: -297px -5px;
}
#admin_menu.full .icon.inventory:before{
    width: 61px;
    height: 65px;
    background-position: -347px -5px;
}
#admin_menu.full .icon.payments:before{
    width: 57px;
    height: 65px;
    background-position: -413px -5px;
}
#admin_menu.full > nav > ul > li:not(.current):hover > ul {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: opacity;
    -webkit-transition: opacity;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    display: block;
}
#admin_menu.full > nav > ul > li:not(.current) > ul {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: opacity;
    -webkit-transition: opacity;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
#admin_menu > nav > ul > li > ul > li{
    border-bottom: 1px solid #fff;
}
#admin_menu > nav > ul > li > ul > li > a,
#admin_menu > nav > ul > li > ul > li > span{
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.43em;
    line-height: 1.4em;
    padding: 10px 20px;
    transition: padding;
    -webkit-transition: padding;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    position: relative;
}
#admin_menu > nav > ul > li > ul > li > span{
    cursor: default;
}
#admin_menu > nav > ul > li > ul > li > a:hover:before{
    content: '\203A';
    position: absolute;
    left: 20px;
}
#admin_menu > nav > ul > li > ul > li > a:hover{
    padding-left: 30px;
    padding-right: 10px;
    transition: padding;
    -webkit-transition: padding;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
#admin_menu:not(.full) > nav > ul > li > ul{
    display: none;
}
#admin_menu:not(.full) > nav > ul > li:not(.current){
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    transition: opacity;
    -webkit-transition: opacity;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
#admin_menu:not(.full) > nav > ul > li:not(.current):hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: opacity;
    -webkit-transition: opacity;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
#admin_menu:not(.full) > nav > ul > li > a{
    font-size: 1.43em;
    position: relative;
    padding: 30px 20px;
}
#admin_menu:not(.full) > nav > ul > li > a.admin{
    padding-left: 53px;
}
#admin_menu:not(.full) > nav > ul > li > a.residential{
    padding-left: 68px;
}
#admin_menu:not(.full) > nav > ul > li > a.commercial{
    padding-left: 58px;
}
#admin_menu:not(.full) > nav > ul > li > a.multi{
    padding-left: 55px;
}
#admin_menu:not(.full) > nav > ul > li > a.gssadmin{
    padding-left: 53px;
}
#admin_menu:not(.full) > nav > ul > li > a.workorders{
    padding-left: 53px;
}
#admin_menu:not(.full) > nav > ul > li > a.inventory{
    padding-left: 63px;
}
#admin_menu:not(.full) > nav > ul > li > a.payments{
    padding-left: 57px;
}
/*******/
#c_header {
    padding: 30px;
}
#c_header:after{
    clear: both;
    content: '';
    display: block;
}
#c_title{
    float: left;
    display: block;
    text-decoration: none;
}
#c_title .main{
    font-size: 1.43em;
    line-height: 1.2em;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 800;
    display: block;
}
#c_title .sub{
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    color: #a0a0a0;
    display: block;
}
#c_user{
    text-align: right;
    float: right;
    position: relative;
    padding-right: 50px;
}
#c_user a{
    color: #000;
    text-decoration: none;
}
#need_help_btn{
    position: absolute;
    left: -11em;
    top: 50%;
    font-size: 1.4em;
    margin-top: -0.5em;
    width: 10em;
    color: var(--primary-color) !important;
}
#c_user .avatar{
    position: absolute;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    top: 50%;
    margin-top: -20px;
    right: 0;
    display: block;
}
#c_user .avatar:before{
    width: 23px;
    height: 32px;
    display: block;
    content: '';
    background: url('images/icon_set.png') no-repeat;
    background-position: -5px -75px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -11px;
}
.bosNotCount{
    position: absolute;    
    color: #fff;
    background: #d9392e;
    font-weight: 700;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.5em;
    top: -0.5em;
    right: -0.5em;
    display: none;
}
.bosNotCount.unread{
    display: block;
}
#c_user .main{
    font-size: 1.29em;
    line-height: 1.33em;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    display: block;
}
#c_user .sub{
    font-size: 1em;
    line-height: 1em;
    color: #a0a0a0;
    display: block;
}
#passwordWrap{
    position: relative;
}
#genPassword{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40%;
    margin-bottom: 0;
    display: none;
}
/********/
#b_crumbs, #bCrumbs{
    background: #e9e9e9;
    padding: 20px 30px;
}
#b_crumbs ul li, #bCrumbs ul li{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
#b_crumbs ul li a, #bCrumbs ul li a, #bCrumbs ul li .crumbLabel{
    display: block;
    color: #a0a0a0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
#b_crumbs ul li a:after, #bCrumbs ul li a:after, #bCrumbs ul li .crumbLabel:after{
    content: '\203A';
    padding: 0 0.5em;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    font-size: 1.2em;
}
#b_crumbs ul li:last-child a, #bCrumbs ul li:last-child a, #bCrumbs ul li:last-child .crumbLabel{
    color: var(--primary-color);
}
#b_crumbs ul li:last-child a:after, #bCrumbs ul li:last-child a:after, #bCrumbs ul li:last-child .crumbLabel:after{
    content: '';
}
/********/
#termsWrap{
    background: url('images/beck_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#termsWrap.com{
    background-image: url('images/beck_bg_com.jpg');
}
#termsWrap.res{
    background-image: url('images/beck_bg_res.jpg');
}
#termsWrap.multi{
    background-image: url('images/beck_bg_multi.jpg');
}
#termsWrap:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    display: block;
    z-index: 1;
    background: url('images/000_66.png') repeat;
}
#terms{
    position: relative;
    z-index: 100;
    color: #fff;
    padding: 30px;
    text-align: center;
}
#terms h1{
    color: #fff;
    font-size: 3.57em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
}
#terms h1 .green{
    font-weight: 800;
    color: var(--primary-color);
}
#terms h2{
    font-weight: 700;
    font-size: 1.2em;
}
#felm_agree{
    margin-top: 30px;
}
#felm_agree label.main{
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.2em;
}
/*********/
#login_background{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url('images/beck_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 100;
    width: 65%;
}
#login_background.com{
    background-image: url('images/beck_bg_com.jpg');
}
#login_background.res{
    background-image: url('images/beck_bg_res.jpg');
}
#login_background.multi{
    background-image: url('images/beck_bg_multi.jpg');
}
#login_background:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    display: block;
    z-index: -1;
    background: url('images/000_80.png') repeat;
}
#log_in_box{
    position: relative;
    z-index: 200;
}
#log_in_form{
    position: relative;
    border-right: var(--primary-color) 30px solid;
}
#log_in_form form{
    background: var(--primary-color);
    width: 34%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}
#log_in_form h1{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 3.57em;
    text-transform: uppercase;
    font-weight: 400;
    text-align: right;
    padding-right: 15px;
}
#log_in_form form h2{
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 1em;
    font-weight: 300;
}
#log_in_form form h3{
    margin-bottom: 0.5em;
}
#log_in_form form p{
    margin-bottom: 1em;
}
#log_in_form h1 .green{
    font-weight: 800;
    color: var(--primary-color);
}
#log_in_links{
    color: #a0a0a0;
    padding: 30px;
    padding-top: 15px;
}
#log_in_links a{
    color: #a0a0a0;
    font-weight: 700;
}
#log_in_form label.main{
    line-height: 1.4em;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 0.5em;
    display: block;
}
/************/
.sideMenu{
    position: relative;
}
.sideMenu ul{
    list-style: none;
}
.sideMenu ul li{
    display: block;
    margin-bottom: 10px;
}
.sideMenu ul li:last-child{
    margin-bottom: 0;
}
.sideMenu ul li a{
    display: block;
    color: #a0a0a0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
.sideMenu ul li.current a{
    color: var(--primary-color);
}
.sideMenu ul li a:before{
    content: '\203A';
    padding: 0 0.5em;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    font-size: 1.2em;
}

.sideMenuContentWrap{
    
}

.sideMenuContentWrap .sideMenu,
.sideMenuContentWrap .contentWrap{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: top;
}

.sideMenuContentWrap .sideMenu{
    width: 20%;
}

.sideMenuContentWrap .contentWrap{
    width: 80%;
}
/************/
.green_btn{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor: pointer;
    vertical-align: middle;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 0.5em;
}
.green_btn.disabled{
    background: #ccc;
    /*border-color: #ccc;*/
    cursor: default;
}
.blue_btn{
    background: var(--admin-color);
    border: 1px solid var(--admin-color);
}
input[type="submit"]{
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 0.5em;
}
input[type="submit"]:disabled{
    background: #ccc;
    border-color: #ccc;
    cursor: default;
}
#log_in_form input[type="submit"]{    
    background: #e9e9e9;
    color: #a0a0a0;
    border: 1px solid #d5d5d5;
    font-weight: 700;
    text-shadow: none;
}
.formElement input:not([type="checkbox"]):not([type="submit"]), .formElement textarea{
    background: #e9e9e9;
    /*color: #a0a0a0;*/
    color: #000;
    font-size: 1.29em;
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formElement select{
    background: #e9e9e9;
    /*color: #a0a0a0;*/
    color: #000;
    font-size: 1.29em;
    line-height: 1em;
    padding: 9px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.formElement.error input, .formElement.error textarea, .formElement.error select{
    background: #ffd2d2;
    color: #ff4242;
}
.formElement input:not([type="checkbox"]).loading, .formElement textarea.loading{
    background: url('images/inputLoad.gif') no-repeat center #e9e9e9;
    background-size: 120px 120px;
}
input[type='checkbox'].gi_styled, input[type='radio'].gi_styled{
    display: none;
}
input[type='checkbox'] + .checkbox_box, input[type='radio'] + .radio_box{
    width: 25px;
    height: 25px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    background: #e9e9e9;
    position: relative;
}
input[type='checkbox']:hover + .checkbox_box, input[type='radio']:hover + .radio_box{
    background: var(--primary-color);
    border: 1px solid var(--primary-color-darker);
}
input[type='checkbox']:checked + .checkbox_box, input[type='radio']:checked + .radio_box{
    background: var(--primary-color);
    border: 1px solid var(--primary-color-darker);
}
input[type='checkbox']:checked + .checkbox_box + .checkboxLabel{
    font-style: italic;
    text-decoration: underline;
}
input[type='checkbox'] + .checkbox_box:before{    
    display: block;
    content: '';
    width: 23px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -11px;
}
input[type='radio']:checked + .radio_box:before, input[type='radio']:checked + .radio_box:hover:before, label:hover > input[type='radio']:checked + .radio_box:before{
    display: block;
    content: '';
    width: 23px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -11px;
    background: url('images/icon_set.png') no-repeat;
    background-position: -23px -112px;
}
input[type='checkbox'] + .checkbox_box:hover:before, label:hover > input[type='checkbox'] + .checkbox_box:before{
    background: url('images/icon_set.png') no-repeat;
    background-position: -23px -112px;
}
input[type='checkbox']:checked + .checkbox_box:before, input[type='checkbox']:checked + .checkbox_box:hover:before, label:hover > input[type='checkbox']:checked + .checkbox_box:before{
    background: url('images/icon_set.png') no-repeat;
    background-position: -23px -112px;
}
td select{
    max-width: 10em;
}
#felm_rememberMe{
    float: right;
    text-align: right;
    line-height: 1.29em;
    padding: 6px;
    padding-right: 30px;
    margin-bottom: 0;
    position: relative;
}
#felm_rememberMe label.main{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    padding-right: 10px;
    color: #fff;
    
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.4) 0px 0px 2px;
    vertical-align: top;
}
#felm_rememberMe .checkbox_box{
    position: absolute;
    top: 0;
    right: 0;
}
#felm_rememberMe .fieldContent{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
/*********/
#siteErrorsWrap{
    position: relative;
}
#siteErrors{
    margin: auto;
    width: 960px;
}
#siteErrors ul{
    margin-bottom: 30px;
    list-style: none;
    padding: 5px;
    background: #ffd2d2;
    color: #d9392e;
    border: 1px solid #d9392e;
    -webkit-box-shadow: #575757 0px 1px 2px;
    -moz-box-shadow: #575757 0px 1px 2px;
    box-shadow: #575757 0px 1px 2px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
}
#siteErrors ul li{
    padding: 5px;
}
/*********/
#siteAlertsWrap{
    position: relative;
}
#siteAlerts{
    margin: auto;
    width: 960px;
}
#siteAlerts ul{
    margin-bottom: 30px;
    list-style: none;
    padding: 5px;
    line-height: 1.2em;
}
#siteAlerts ul.good{
    background: var(--primary-color);
    color: #444513;
    border: 1px solid rgba(0,0,0,0.4);
}
#siteAlerts ul li{
    padding: 5px;
}
#siteAlerts ul.error{
    background: #ffd2d2;
    color: #d9392e;
    border: 1px solid #d9392e;
}
#siteAlerts ul.maintenance{
    background: #f0f0f0;
    color: #000;
    border: 2px solid rgba(0,0,0,0.5);
    outline: 4px solid #f0f0f0;
}
#siteAlerts ul.maintenance h3{
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #d9392e;
}
#siteAlerts ul.maintenance strong{
    color: #d9392e;
}
/********/
#quoteBox{
    padding: 20px;
    margin: 20px auto;
    border: 1px solid rgba(0,0,0,0.4);
}
.notice{
    background: var(--primary-color);
    color: #444513;
    border: 1px solid rgba(0,0,0,0.4);
    padding: 10px;
    margin: 20px auto;
}
.notice:last-child{
    margin-bottom: 0;
}
.notice.red{
    background: #ffd2d2;
    color: #d9392e;
    border: 1px solid #d9392e;
    padding: 10px;
}
.notice.gray{
    background: #bbb;
    color: #4a4a4a;
    border: 1px solid #4a4a4a;
}
.contentPad .notice h1, .contentPad .notice h2{
    color: #444513;
}
.contentPad .notice h2{
    margin: 10px 0;
    font-weight: 700;
}
.contentPad .notice.red h1, .contentPad .notice.red h2{
    color: #d9392e;
}
.notice ul{
    list-style: none;
}
.notice ul li{
    line-height: 1.2em;
}
.notice ul li:not(.label_with_value):before{
    content: '\203A';
    padding: 0 0.5em;
    font-size: 1.5em;
    line-height: 1em;
}
.notice ul li.label_with_value{
    width: 50%;
}
.notice a{
    color: #808080;
    transition: color;
    -webkit-transition: color;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
.notice a:hover{
    color: #fff;
}
.notice.inlineBlock{
    margin: 0;
}
.notice.attention{
    background: #a2e7f2;
    color: #1b636f;
    border: 1px solid #1b636f;
}
/*********/
.gear_wrap{
    padding: 30px;
    text-align: center;
    color: #a0a0a0;
    font-size: 1.29em;
}
.gears{
    width: 140px;
    height: 140px;
    background: url('images/gears.gif') no-repeat;
    background-size: 140px 140px;
    background-position: center;
    margin: auto;
    margin-bottom: 10px;
}
/*********/
.contentPad{
    padding: 30px;
    position: relative;
}
.contentPad h1{
    font-weight: 800;
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 1.36em;
    line-height: 1.16em;
    margin-bottom: 5px;
}
.contentPad h2{
    font-weight: 400;
    color: #a0a0a0;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contentPad a.green_btn + h2{
    margin-top: 20px;
}
.contentPad h2 a{
    color: var(--primary-color);
}
.contentPad h2:not(.brokerage):after{
    clear: both;
    content: '';
    display: block;
}
.contentPad h2 a.green_btn{
    color: #fff;
    float: right;
}
.contentPad form{
    margin-bottom: 20px;
}
.contentPad form:last-child{
    margin-bottom: 0;
}
.contentPad .formElement{
    margin-bottom: 2em;
}
.contentPad .formElement:last-child, .contentPad .formElement.group:last-child .formElement{
    margin-bottom: 0;
}
.contentPad .formElement label.main{
    color: #606060;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    display: block;
    text-shadow: 1px 0px 0px rgba(0,0,0,0.2);
}
.contentPad .columns{
    margin-bottom: 20px;
}
.contentPad .columns:last-child{
    margin-bottom: 0;
}
.contentPad .columns:after{
    clear: both;
    content: '';
    display: block;
}
.contentPad .columns .column:nth-of-type(odd){
    padding-right: 15px;
}
.contentPad .columns .column:nth-of-type(even){
    padding-left: 15px;
}
.contentPad .columns .column{
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contentPad .formElement.group{
    margin-bottom: 0;
}
.contentPad .formElement.group .formElement{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
.contentPad .formElement.group.three .formElement{
    width: 33.33%;
}
.contentPad .formElement.group .formElement:nth-of-type(odd), .contentPad .formElement.group.three .formElement{
    padding-right: 15px;
}
.contentPad .formElement.group .formElement:nth-of-type(even), .contentPad .formElement.group.three .formElement:last-child{
    padding-left: 15px;
}
.contentPad .formElement.group.three .formElement:last-child{
    padding-right: 0;
}
.contentPad .formElement.halved{
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
}
.formElement.bmsPop input{
    background: #ebecb3;
}
.formElement.bmsPop.na{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.addFormGroup:before{
    content: '+';
}
.addFormGroup{
    display: none;
    cursor: pointer;
    vertical-align: middle;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;    
}
.formElement.group .addFormGroup{
    margin-bottom: 15px;
}
.notAdded .addedContent{
    display: none;
}
.notAdded .addFormGroup{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.expandCollapsed:before{
    content: '+';
}
.expandable .expandCollapsed{
    cursor: pointer;
    color: #606060;
    text-decoration: underline;
}
.expandable:not(.inline) .expandCollapsed{    
    vertical-align: middle;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    text-decoration: none;
}

.expandable:not(.open) .expandCollapsed{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.expandable.open .expandCollapsed:before{
    content: '-';
}
.expandable:not(.open) .collapsed{
    display: none;
}
.expandable.open .collapsed{
    margin-bottom: 15px;
}
.expandable{
    margin-bottom: 15px;
}
.expandable.inline{
    margin-bottom: 0;
}
.expandable.inline:not(.open){
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.expandable.inline.open{
    margin-top: 15px;
}
#policyRisks{
    margin-bottom: 15px;
}
.risk,
.system_guide_section{
    position: relative;
    border-bottom: 1px solid var(--primary-color);
    margin-bottom: 15px;
    padding-bottom: 1em;
}
.risk h1{
    color: #000;
}
.quote{
    position: relative;
    border-bottom: 1px solid var(--primary-color);
    margin-bottom: 15px;
}
.quote h1{
    color: #000;
    margin-bottom: 15px;
}
.addRisk:before,
.addQuote:before,
.undoRemoveQuote:before,
.add_system_guide_section:before{
    content: '+';
}
.removeRisk:before,
.remove_system_guide_section:before{
    content: '-';
}
.addRisk, .removeRisk,
.addQuote, .removeQuote,
.addQuote, .undoRemoveQuote,
.add_system_guide_section, .remove_system_guide_section{
    cursor: pointer;
    vertical-align: middle;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    z-index: 1000;
}
.removeRisk,
.undoRemoveRisk,
.remove_system_guide_section{
    /*position: absolute !important;*/
    /*top: 0;*/
    /*right: 0;*/
    /*float: none;*/
    display: inline-block;
}
.risk:last-of-type .removeRisk,
.system_guide_section:last-of-type .remove_system_guide_section{
    display: inline-block;
}
.risk:only-of-type .removeRisk,
.system_guide_section:only-of-type .remove_system_guide_section{
    display: none;
}

.move_up_system_guide_section,
.move_down_system_guide_section{
    float: right;
    display: inline-block;
}

.system_guide_section:first-child .move_up_system_guide_section,
.system_guide_section:last-child .move_down_system_guide_section{
    display: none;
}

.risk fieldset{
    border:  none;
    padding: 0;
}

.removeQuote{
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    display: none;
}
.quote:last-of-type .removeQuote{
    display: block;
}
.refReason{
    padding-left: 1em;
}
.refReason h2{
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;    
}
.refReason ul{
    list-style: none;
}
.refReason ul li{
    position: relative;
    padding-left: 1em;
    padding-bottom: 0.2em;
}
.refReason ul li:before{
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
fieldset{
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
fieldset:after{
    clear: both;
    content: '';
    display: block;
}
fieldset legend{
    font-weight: 400;
    color: #a0a0a0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 1em;
    width: 100%;
}
.populateAddr,
.copyAddr{
    cursor: pointer;
    color: rgba(0,0,0,0.4);
    text-decoration: underline;
    font-size: 0.8em;
    line-height: 1.25em;
    float: right;
    text-transform: uppercase;
    font-style: normal;
}
.checkCity{
    cursor: pointer;
    color: rgba(0,0,0,0.4);
    text-decoration: underline;
    text-transform: uppercase;
    font-style: normal;
}
.greenLink{
    cursor: pointer;
    color: rgba(0,0,0,0.4);
    text-decoration: underline;
}
.fieldError, .fieldDescription{
    line-height: 1.2em;
}
.fieldError .green, .fieldDescription .green{
    color: rgba(0,0,0,0.4);
}
.fieldError .red, .fieldDescription .red{
    color: #d9392e;
}
.fieldError a, .fieldDescription a{
    color: #808080;
}
#referralBox, #policyTotals{
    clear: both;
    padding-top: 20px;
}
#referralBox .notice{
    margin-top: 0;
}
/*********/
.infoBlock{
    margin-bottom: 20px;
}
.infoBlock:last-child{
    margin-bottom: 0;
}
.infoBlock h3, .infoBlock .h3{
    font-weight: 400;
    color: #a0a0a0;
    text-transform: uppercase;    
}
.infoBlock h3{
    margin-bottom: 20px;
}
.infoBlock table{
    width: 50%;
    margin-bottom: 20px;
}
.infoBlock table:last-child{
    margin-bottom: 0;
}
.infoBlock.full table{
    width: 100%;
}
.infoBlock table th, .infoBlock table td{    
    padding: 10px;
    border: 1px solid #d5d5d5;
    line-height: 1.2em;
}
table td.decrease, table td.greenAmount, .greenAmount{
    color: rgba(0,0,0,0.4);
}
table td.increase, table td.expired, table td.redAmount, .redAmount{
    color: #d9392e;
}
.infoBlock table td.empty,
table.searchTable td.empty,
.infoBlock table th.empty,
table.searchTable th.empty{
    background: none !important;
    border: none !important;
}
.infoBlock table th{
    border: 1px solid var(--primary-color-darker);
    background: var(--primary-color);
    color: #fff;
    font-weight: 400;
    font-size: 1.29em;
    text-align: left;
   /* min-width: 50%;*/
}
.infoBlock table.half_cells th{
    width: 50%;
}
.infoBlock .collapsed table{
    width: auto;
}
.infoBlock .collapsed table th{
    font-size: 1em;
    background: none;
    color: #808080;
    border: none;
    padding: 3px;
    border-bottom: 1px solid #d5d5d5;
}
.infoBlock .collapsed table td{
    border: none;
    padding: 3px;
    border-bottom: 1px solid #d5d5d5;
}
.infoBlock .collapsed table th:after{
    content: ': ';
}
hr{
    margin: 20px 0;
    padding: 0;
    height: 0;
    border: none;
    border-bottom: 3px solid var(--primary-color);
}
table td .handle{
    display: block;
    text-align: center;
}
table td .handle:before{
    content: '\2195';
    font-size: 1.5em;
    cursor: move;
}
table tr.ui-state-highlight td{
    background: #ccc !important;
    border: none !important;
}
table tr.ui-state-highlight td:before{
    content: '';
}
table tr.unread td{
    font-weight: 700;
}
table tr.read td,
table tr.inactive td{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
table tr.inactive td{
    text-decoration: line-through;
    background: #F2C4C4 !important;
}
td.add_payment{
    text-align: right;
    font-size: 0.7em;
}
td.add_payment .formElement .fieldDescription, td.add_payment .formElement .fieldError{
    font-size: 1em;
}
td.add_payment .formElement{
    margin-bottom: 5px;
}
td.add_payment .formElement input{
    padding: 5px 10px;
}
td.add_payment input[type="submit"]{
    margin: 0;
}
.noted_text{
    font-size: 0.8em;
    line-height: 1.2em;
}
/*********/
.queryTotal{
    position: relative;
    color: #808080;
    line-height: 1.2em;
/*    margin-bottom: 15px;*/
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    text-transform: uppercase;
    vertical-align: middle;
}
.searchResults .green_btn{
    vertical-align: middle;
}
#searchResults, .searchResults{
    margin-bottom: 20px;
    border-bottom: 3px solid var(--primary-color);
}
#searchResults .notice, .searchResults .notice{
    margin-bottom: 20px;
}
table.searchTable.loading:after{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: url('images/gears.gif') no-repeat center #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
table.searchTable {
    width: 100%;
    margin: 20px auto;
    table-layout: fixed;
    position: relative;
}
table.searchTable th, table.searchTable td{
    padding: 10px;
    border: 1px solid #d5d5d5;
    line-height: 1.2em;
    vertical-align: middle;
}
table.searchTable td:not(.show_all), table.searchTable th .hoverHelper{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
table.searchTable th{
    overflow: hidden;
}
table.searchTable th .hoverHelper{
    display: block;
}
table.searchTable th{
    border: 1px solid var(--primary-color-darker);
    background: var(--primary-color);
    color: #fff;
    font-weight: 400;
    font-size: 1.29em;
    text-align: left;
}
table.searchTable th a{
    color: #fff;
}
table.searchTable td a{
    text-align: center;
}
table td a{
    color: #808080;
    display: block;    
    transition: color;
    -webkit-transition: color;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
table td a:hover{
    color: var(--primary-color-darker);
    transition: color;
    -webkit-transition: color;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
table.searchTable tr:nth-child(odd) td{
    background: #f0f0f0;
    transition: background;
    -webkit-transition: background;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
table.searchTable tr:nth-child(even) td{
    background: #fff;
    transition: background;
    -webkit-transition: background;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
table.searchTable tr:hover td{
    background: #f3f4d5;
    transition: background;
    -webkit-transition: background;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
table.searchTable th.policyNum, table.searchTable th.details{
    width: 5em;
    text-align: center;
}
table th.smlestCol{
    width: 3em;
}
table th.smlCol{
    width: 5em;
}
table th.medCol{
    width: 8em;
}
table th.w-20p{
    width: 20%;
}
table th.w-30p{
    width: 30%;
}
table th.w-40p{
    width: 40%;
}
table th.w-50p{
    width: 50%;
}
table.searchTable th.policyNum.sortBy{
    cursor: pointer !important;
}
table.searchTable th.policyNum.sortBy:after{
    content: '' !important;
}
a.policyLink, a.actionLink{
    font-weight: 800;
}
table.searchTable th.sortBy:hover{
    cursor: s-resize;
}
table.searchTable th.sortBy:after{
    float: right;
}
table.searchTable th.sortBy:hover:after, table.searchTable th.sortBy.asc:hover:after{
    content: '\2193';
}
table.searchTable th.sortBy.desc:hover{
    cursor: n-resize;
}
table.searchTable th.sortBy.desc:after{
    content: '\2193';
    float: right;
}
table.searchTable th.sortBy.desc:hover:after, table.searchTable th.sortBy.asc:after{
    content: '\2191';
}
.hoverHelper{
    cursor: help;
}
td.hoverHelper,
td .hoverHelper{
    text-decoration: dashed underline rgba(0,0,0,0.2);
}
table td label.checkbox{
    width: 100%;
    display: block;
    text-align: center;
}
table td .formElement.checkbox .optionsWrap{
    width: 100%;
    display: block;
    text-align: center;
}
table td .formElement.checkbox .optionsWrap > label{
    display: inline-block;
    margin: 0;
    margin-bottom: -10px;
}
/***********/
ul.pagination{
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
}
ul.pagination li{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    padding: 0 5px;
}
ul.pagination li.next a:after{
    content: '\203A';
    font-size: 1.5em;
    line-height: 0.5em;
}
ul.pagination li.prev a:before{
    content: '\2039';
    font-size: 1.5em;
    line-height: 0.5em;
}
ul.pagination li.first a:after{
    content: '\00ab';
    font-size: 1.5em;
    line-height: 0.5em;
}
ul.pagination li.last a:before{
    content: '\00bb';
    font-size: 1.5em;
    line-height: 0.5em;
}
ul.pagination li a{
    font-size: 1em;
    line-height: 1em;
    display: block;
    padding: 5px;
    border: 1px solid var(--primary-color-darker);
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
}
ul.pagination li.jump a,
ul.pagination li.jump .formElement{
    display: inline-block;
}
ul.pagination li.jump .formElement{
    width: 4em;
    margin: 0;
    vertical-align: middle;
}
ul.pagination li.jump .formElement input{
    padding: 0.4em 0.6em;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}
ul.pagination li.current a{
    background: none;
    font-weight: 800;
    color: var(--primary-color-darker);
}
ul.pagination li.more:before{
    content: '...';
}
.browserBTN{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    border: 2px solid var(--primary-color-darker);
    padding: 0 10px;
    margin-bottom: 10px;
}
.browserBTN:hover{
    border: 2px solid var(--primary-color);
}

/*************/
.graph_chunk{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 700px;
}
.graph_chunk.circle{
    width: 300px;
}

.graph_chunk canvas{
    width: 100%;
    position: relative;
    z-index: 2;
}

/****************/
#brokerDialog,
#warningDialog{
    line-height: 1.2em;
}
#brokerDialog .formElement,
#warningDialog .formElement{
    margin-top: 10px;
}
#brokerDialog .formElement select,
#warningDialog .formElement select{
    max-width: 100%;
}
.ui-dialog[aria-describedby="warningDialog"] .ui-dialog-title,
.ui-dialog[aria-describedby="warningDialog"] strong{
    color: #d9392e !important;
}
#warningDialog p{
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 1em;
}
#warningDialog p:last-child{
    margin-bottom: 0;
}
/***************/
.fileList{
    list-style: none;
    position: relative;
    z-index: 100;
}
.fileList li{
    list-style: none;
    position: relative;
    padding: 5px 0;
    padding-left: 25px;
    line-height: 1.2em;
}
.fileList.noRemove li{
    padding-left: 0;
}
.fileList li .removeFile{
    position: relative;
    background: #ffd2d2;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    height: 20px;
    width: 20px;
    margin-top: -10px;
}
.fileList li .removeFile:before{
    display: block;
    content: 'X';
    color: #ff4242;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}
.file_per{
    display: block;
    width: 100%;
    position: relative;
    background: #d6d6d6;
    height: 7px;
    border: 2px solid #d6d6d6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url('css/PIE-1.0.0/PIE.htc');
}
.file_per.uploaded{
    background: none;
    border: none;
    height: auto;
    color: #808080;
    font-size: 0.8em;
}
.file_per.uploaded:before{
    content: 'Uploaded';
    font-style: italic;
}
.file_per .bar{
    background: var(--primary-color);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url('css/PIE-1.0.0/PIE.htc');
}
.file_per.uploaded .bar{
    display: none;
}
/************/
textarea.terms{
    height: 400px;
}
.termbox{
    background: #fff;
    color: #000;
    height: 300px;
    width: 700px;
    margin: auto;
    margin-top: 30px;
    overflow-y: scroll;
    text-align: left;
    border: 20px solid #fff;
    outline: 1px solid #808080;
}
/***********/
.contentPad h2.brokerage{
    margin-bottom: 10px;
}
.contentPad h2.srimPolicyNumber{
    margin-top: -20px;
}
.contentPad h2 a{
    font-weight: 800;
    color: #808080;
}
.contentPad h2 a:hover{
    color: var(--primary-color);
}
/*************/
.vidWrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.vidWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.helpTopic .helpWrap{
    position: relative;
}
.helpTopic .helpWrap:after{
    content: '';
    display: block;
    clear: both;
}
.helpTopic .helpWrap .helpVid,
.helpTopic .helpWrap .helpContent,
.helpTopic .helpWrap .helpFiles{
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.helpTopic .helpWrap .helpContent,
.system_guide_section .trumbowyg-editor{
    line-height: 1.2em;
}
.helpTopic .helpWrap .helpVid + .helpContent,
.helpTopic .helpWrap .helpContent + .helpFiles{
    padding-left: 20px;
}
.helpTopic .helpWrap .helpVid + .helpContent + .helpFiles{
    margin-top: 20px;
}
.helpTopic .helpWrap .helpFiles.infoBlock table{
    width: 100%;
}
.helpTopic .helpWrap .helpContent ol,
.helpTopic .helpWrap .helpContent ul,
.system_guide_section .trumbowyg-editor ol,
.system_guide_section .trumbowyg-editor ul{
    margin-left: 2em;
}

.system_guide_section .trumbowyg-editor ol,
.system_guide_section .trumbowyg-editor ul,
.system_guide_section .trumbowyg-editor p{
    margin-bottom: 1.2em;
}

.system_guide_section .trumbowyg-editor ol:last-child,
.system_guide_section .trumbowyg-editor ul:last-child,
.system_guide_section .trumbowyg-editor p:last-child{
    margin-bottom: 0;
}

.helpTopic .helpWrap .helpContent ol li,
.helpTopic .helpWrap .helpContent ul li,
.system_guide_section .trumbowyg-editor ol li,
.system_guide_section .trumbowyg-editor ul li{
    line-height: 1.2em;
    padding: 5px;
}
#helpBubble{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: fixed;
    bottom: -280px;
    right: 5%;    
    background-color: #fff;
    -webkit-box-shadow: #575757 0px 0px 4px;
    -moz-box-shadow: #575757 0px 0px 4px;
    box-shadow: #575757 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 100px;
    text-align: center;
    z-index: 2000;
    transition: bottom;
    -webkit-transition: bottom;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
#helpBubble:hover{
    bottom: -20px;
}
#helpBubble h1{
    font-size: 3em;
    color: #575757;
    font-weight: 300;
    border-bottom: 1px dotted var(--primary-color);
    margin: 0 20px;
    padding-bottom: 10px;
}
#helpBubble h3{
    font-size: 1.5em;
    color: #575757;
    font-weight: 800;
    border-top: 1px dotted var(--primary-color);
    margin: 0 20px;
    padding-top: 10px;
    position: relative;
}
#helpBubble:after{
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 120px;
    height: 68px;
    margin-left: -60px;
    background: url('images/phone.jpg') no-repeat;
    content: '';
    display: block;
}
#helpHere{
    height: 220px;
    /*background: url('images/helpHand.png') no-repeat;
    background-size: 40%;
    background-position: right top;*/
}
#helpHere a{
    width: 100%;
    height: 200px;
    background: url('images/helpHere.jpg') no-repeat center;
    background-size: contain;
    display: block;
    margin: 10px 0;
}
/**************/
#log_in_form:after{
    content: '';
    display: block;
    clear: both;
}
#registerBox{
    position: relative;
    float: right;
    color: #fff;
    text-align: right;
    padding-right: 15px;
    max-width: 60%;
}
#registerBox h1{
    position: relative;
    right: auto;
    bottom: auto;
    font-size: 3.2em;
    text-transform: none;
    font-weight: 800;
    padding: 0;
    color: var(--primary-color);
    line-height: 1.2em;
}
#registerBox h2{
    font-weight: 300;
    font-size: 2.29em;
    line-height: 1.2em;
}
#registerBox h3{
    font-size: 3.2em;
    font-weight: 800;
    line-height: 1.2em;
}
#registerBox h4{
    font-weight: 300;
    color: var(--primary-color);
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 20px;
}
#registerBottom{
    margin-top: 100px;
}
#registerBox ul{
    margin-top: 20px;
    font-size: 1.2em;
    line-height: 1.2em;
}
#registerBox p{
    font-size: 1.2em;
    line-height: 1.2em;
}
#log_in_form form h2{
    color: #fff;
    font-size: 1.4em;
    font-weight: 800;
}
#log_in_form form h3{
    /*color: #575757;*/
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.2em;
}
#log_in_form form p{
    /*color: #575757;*/
    color: #fff;
    line-height: 1.2em;
}
/***********************/
.acList, .acList li{
    list-style: none;
}
.acList li{
    position: relative;
    border: 1px solid #d5d5d5;
    border-top: none;
    color: #808080;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.acRemove{
    cursor: pointer;
    color: #d9392e;
}
.acRemove:before{
    content: '\00d7';
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 1em;
    font-weight: 800;
}
.formElement.hidden{
    display: none;
}
/***************/
.polFunctBtns{
    float: left;
    margin-bottom: 30px;
}
.polFunctBtns.top{
    float: right;
}
.polFunctBtns .whyDisabled,
.orgFunctBtns .whyDisabled{
    text-align: center;
    position: relative;
    color: #808080;
    line-height: 1.2em;
    margin: 0.5em 0;
    font-weight: 800;
    cursor: pointer;
}
.orgFunctBtns .whyDisabled{
    text-align: left;
}
.whyDisabled .reasons{
    cursor: default;
    font-weight: 400;
    position: absolute;
    display: none;
    bottom: 2.2em;
    left: 0;
    background: #fff;
    border: 1px solid #d5d5d5;
    color: #808080;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: #575757 0px 0px 4px;
    -moz-box-shadow: #575757 0px 0px 4px;
    box-shadow: #575757 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    width: 100%;
    z-index: 200;
}
.polFunctBtns.top .whyDisabled .reasons{
    bottom: auto;
    top: 2.2em;
}
.whyDisabled .reasons ul, ul.basic{
    list-style: none;
    text-align: left;
}
ul.basic{
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.basic.half{
    width:50%;
    padding-right: 15px;
}
ul.basic:last-child{
    margin-bottom: 0;
}
.whyDisabled .reasons ul li, ul.basic li{
    padding: 10px;
    border-bottom: 1px solid #d5d5d5;
    list-style: none;
}
ul.basic li{
    border: 1px solid #d5d5d5;
    border-bottom: none;
}
.whyDisabled .reasons ul li b, ul.basic li b{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin-right: 1em;
}
.whyDisabled .reasons ul li:last-child{
    border-bottom: none;
}
ul.basic li:last-child{
    border-bottom: 1px solid #d5d5d5;
}
.polFunctBtns .whyDisabled.open .reasons{
    display: block;
}
.orgFunctBtns .whyDisabled.open .reasons{
    display: block;
}
ul.basic a{
    display: block;
    font-weight: 700;
    color: #808080;
}
#container:after{
    clear: both;
    content: '';
    display: block;
}
#siteErrors ul li a{
    color: #D9392E;
    font-weight: 800;
    text-transform: uppercase;
}
tr.deleted td{
    text-decoration: line-through;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
tr.voided td{
    text-decoration: line-through;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background: #ffd2d2;
    color: #d9392e;
}
tr.voided td a{
    color: #d9392e;
}
tr.availMat td{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.notice:first-child{
    margin-top: 0;
}
.notice p{
    margin-bottom: 0.5em;
    line-height: 1.2em;
}
.notice p:last-child{
    margin-bottom: 0;
}
/******************/
.progressBar{
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
    background: #d6d6d6;
    border: 5px solid #d6d6d6;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    margin-bottom: 1em;
}
.progressBar .bar{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    background: var(--primary-color);
}
.progressBar .percentage{
    font-weight: 700;
    color: #fff;
    position: absolute;
    text-align: center;
    z-index: 100;
    line-height: 20px;
    margin-top: -10px;
    top: 50%;
    width: 100%;
    left: 0;
    text-shadow: #82871d 0px 0px 2px;
}

#poweredBy{
    display: block;
    margin: auto;
    width: 152px;
    height: 42px;
    margin-top: 20px;
    background: url('images/poweredby.png') no-repeat;
}
td ul{
    list-style: none;
}
.woStatusWrap{
    position: absolute;
    top: 30px;
    right: 30px;
}
.woStatusWrap h2{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin-right: 10px;
}
.woStatus{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
label.inlineCheck .checkbox_box{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: middle;
    margin-right: 1em;
}
#materialReq td, .dynamicTable td{
    vertical-align: middle;
}
#materialReq .removeMatLine, .dynamicTable .removeLine{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
#materialReq .formElement, .dynamicTable .formElement{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 100%;
}
.marginBox{
    text-align: right;
}
.marginBox input{
    width: 10em !important;
    padding: 5px !important;
    font-size: 1.1em !important;
}
.marginBox .calcOnMarg{
    margin-left: 1em;
}
.ui-datepicker{
    z-index: 1000 !important;
}
#depositFields{
    display: none;
}
#depositFields.open{
    display: block;
}
#map-canvas{
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}
.timeSlotForm{
    margin-bottom: 20px;
}
.timeSlotForm h1{
    color: #000;
}
.timeSlotForm:last-child{
    margin-bottom: 0;
}

.statementTables table.searchTable th{
    color: #000;
    font-weight: 700;
    background: none;
    border-color: #d5d5d5;
    text-align: center;
    font-size: 1em;
}
.statementTables table.searchTable td{
    text-align: center;
}
tr.markedPaid td, tr.markedCorrect td{
    background: #C4EEF2 !important;
}
tr.markedPaid:nth-child(2n) td, tr.markedCorrect:nth-child(2n) td{
    background: #CDF3F7 !important;
}
tr.markedCancel td{
    text-decoration: line-through;
    background: #F2C4C4 !important;
}
tr.markedCancel:nth-child(2n) td{
    background: #F7CDCD !important;
}

tr.markedError td{
    background: #F2D9C4 !important;
}
tr.markedError:nth-child(2n) td{
    background: #F7E0CD !important;
}

tr.totals td{
    background: #ccc !important;
    font-size: 1.4em;
}
tr.totals th{
    background: #808080;
    font-weight: 700;
}
#popNotBack{
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 7999;
}
#popNot{
    width: 420px;
    padding: 30px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -210px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 8000;
}
#popNot.large{
    width: 700px;
    margin-left: -350px;
}
#popNot .close{
    background: var(--primary-color);
    position: absolute;
    top: 15px;
    right: 15px;
    width: 1em;
    height: 1em;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 100;
}
#popNot .close:hover{
    background: var(--primary-color-darker);
}
#popNot img{
    max-width: 100%;
    display: block;
    margin: auto;
}
#popNot h1{
    font-size: 3.14em;
    color: #575757;
    line-height: 1.09em;
    font-weight: 400;
    margin: 0.5em 0;
}
#popNot h2{
    font-size: 2em;
    line-height: 1.07em;
    color: #575757;
    font-weight: 400;
    margin: 0.5em 0;
}
#popNot h3{
    color: #575757;
    font-weight: 400;
    margin-bottom: 1em;
}
#popNot h1:first-child, #popNot h2:first-child{
    margin-top: 0;
}
#popNot h1:last-child, #popNot h2:last-child{
    margin-bottom: 0;
}
#popNot p{
    color: #575757;
    font-size: 1.71em;
    line-height: 1.07em;
}
/** bms_notice **/
#popNot.bms_notice{
    text-align: center;
}
#popNot.bms_notice .svg_logo{
    max-width: 182px;
    margin: auto;
    margin-bottom: 2em;
}
#popNot.bms_notice h2{
    font-weight: 800;
}
#popNot.bms_notice h3{
    font-size: 1.8em;
    color: #575757;
}
#popNot.bms_notice h2 + h3{
    margin-top: -0.5em;
}
#popNot.bms_notice p{
    font-size: 1.2em;
    line-height: 1.2em;
}
/** END bms_notice **/
#popNot.saw_opt_in_box .close{
    top: 10px;
    right: 10px;
}
#popNot.saw_opt_in_box{
    width: 540px;
    margin-left: -270px;
    padding: 25px;
}
#popNot.saw_opt_in_box #popNotContent{
    background: url('images/saw_opt_in_box.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    width: 107%;
    height: 0;
    padding-top: 133%;
    position: relative;
}
.saw_opt_btns{
    position: absolute;
    bottom: 0px;
    width: 93%;
}
.saw_opt_btns .btn{
    width: 80%;
    margin: auto;
    display: block;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    background: #00d0ff;
    background: -moz-radial-gradient(center, ellipse cover, #00d0ff 0%, #0098d7 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #00d0ff 0%,#0098d7 100%);
    background: radial-gradient(ellipse at center, #00d0ff 0%,#0098d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0ff', endColorstr='#0098d7',GradientType=1 );
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 4px;
    -moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 4px;
    box-shadow: rgba(0,0,0,0.7) 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    cursor: pointer;
    padding: 0.3em;
    font-size: 1.4em;
}

.saw_opt_btns .btn.less_desirable{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
table.uploadTable td{
    width: 50%;
}
table.uploadTable td img{
    width: 100%;
    display: block;
}
table.uploadTable td{
    vertical-align: middle;
}

#gPricer{
    position: relative;
}
.gPricerCol{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
}
#gPricerCost{
    font-weight: 800;
    color: #808080;
    font-size: 1.5em;
    margin: 20px 0;
}
.dimSelector{
    position: relative;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 50%;
}
.dimSelector .formElement{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: auto !important;
    vertical-align: bottom;
}
.dimSelector:after{
    content: '"';
    font-size: 1.4em;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: top;
    margin-left: 0.5em;
    margin-top: 0.5em;
}
#gPricerThickness{
    margin-bottom: 15px;
}
#gPricerThickness:last-child{
    margin-bottom: 0;
}
#gPricerAllThickness .formElement{
    width: auto !important;
}
#addedGlass{
}
.addedGlass{
    margin-top:20px;
    list-style: none;
}
.addedGlass li{
    margin-bottom: 0.5em;
}
.addedGlass li:last-child{
    margin-bottom: 0;
}
#fairway_merge_logo{
    width: 217px;
    height: 25px;
    position: absolute;
    top: 2px;
    right: 90px;
    background: url('images/fairway_merge_logo.png');
}

td textarea.made_sml{
    max-height: 2.5em;
}
td textarea.made_sml:focus{
    max-height: none;
}
#felm_wo_cancel_reason{
    display: none;
}
#felm_wo_cancel_reason.open{
    display: block;
}

#work_order_total{
    position: fixed;
    left: 5%;
    bottom: 0;
    background: #fff;
    color: #808080;
    font-size: 1.5em;
    line-height: 1em;
    padding: 20px;    
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #575757 0px 0px 4px;
    -moz-box-shadow: #575757 0px 0px 4px;
    box-shadow: #575757 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    z-index: 2000;
}
#work_order_total #wo_total_amount{
    font-weight: 700;
    color: #808080;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.material_cost_row .formElement, .material_cost_row.editing .displayValue{
    display: none;
}
.material_cost_row.editing .formElement{
    display: block;
}

.voidTransaction, .reorderBtn{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor: pointer;
    vertical-align: middle;
    background: #ffd2d2;
    color: #d9392e;
    border: 1px solid #d9392e;
    font-size: 0.9em;
    line-height: 1em;
    padding: 0.2em;
    font-weight: 700;
    float: right;
}
td.reorderInside .reorderBtn{
    display: none;
}
td.reorderInside .formElement{
    margin-bottom: 0;
}
tr:hover td.reorderInside .reorderBtn{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin-top: 1em;
}

.coloured_circle{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 24px;
    height: 24px;
    background: #444;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 3px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

.coloured_circle.green{
    background: #29a826;
    border-color: #005100;
}

.coloured_circle.yellow{
    background: #ddb92b;
    border-color: #bb7300;
}

.coloured_circle.red{
    background: #a82626;
    border-color: #510000;
}

.ratio_field{
    
}

.ratio_field .ratio_string,
.ratio_field .formElement{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: top;
}

.ratio_field .ratio_string{
    width: auto;
    margin-right: 0.5em;
    font-size: 2em;
    margin-top: 0.3em;
}
.ratio_field .formElement{
    width: 10em;
}

th.img_cell,
td.img_cell{
    width: 100px;
}

td.img_cell img{
    width: 100%;
    display: block;
}



/****************/
#scratch_tickets_cta{
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 100;
}

#scratch_tickets_cta .msg{
    font-size: 1.5em;
    color: #fff;
    width: 200px;
    display: block;
    left: 340px;
    bottom: 20px;
    text-shadow: rgba(0,0,0,0.7) 0px 0px 2px;
    position: absolute;
    text-decoration: none;
    background: #00d0ff;
    background: -moz-radial-gradient(center, ellipse cover, #00d0ff 0%, #0098d7 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #00d0ff 0%,#0098d7 100%);
    background: radial-gradient(ellipse at center, #00d0ff 0%,#0098d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0ff', endColorstr='#0098d7',GradientType=1 );
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 4px;
    -moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 4px;
    box-shadow: rgba(0,0,0,0.7) 0px 0px 4px;
    behavior: url('css/PIE-1.0.0/PIE.htc');
    text-align: center;
    text-transform: uppercase;
    padding: 0.4em;
    font-weight: 700;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: opacity;
    -webkit-transition: opacity;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    pointer-events: none;
}

#scratch_tickets_cta .ticket_1_cta,
#scratch_tickets_cta .ticket_2_cta{
    width: 320px;
    height: 408px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    display: block;
    top: -80px;
    transition: top;
    -webkit-transition: top;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}

#scratch_tickets_cta .ticket_1_cta{
    background-image: url('images/saw_ticket_cta.png');
    z-index: 10;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}

#scratch_tickets_cta .ticket_2_cta{
    background-image: url('images/saw_ticket_cta_2.png');
    z-index: 20;
}

#scratch_tickets_cta:hover .ticket_1_cta,
#scratch_tickets_cta:hover .ticket_2_cta{
    top: -260px;
}

#scratch_tickets_cta:hover .msg{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.boolean_on,
.boolean_off{
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.2em;
}
.boolean_on:before,
.boolean_off:before{
    content: '';
    display: block;
}

.boolean_on:before{
    content: '\2713';
    color: #409c40;
}

.boolean_off:before{
    content: '\2717';
    color: #d9392e;
}

.legacy_disabled{
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    pointer-events: none;
    padding: 0.5em;
    margin-bottom: 20px;
}

.legacy_disabled table:last-child{
    margin-bottom: 0;
}

.legacy_disabled:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
}
.legacy_disabled:after{
    content: 'No longer available';
    position: absolute;
    z-index: 110;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    width: 100%;
    font-weight: bold;
    color: #fff;
    font-size: 2em;
    text-align: center;
}

.contentPad .formElement.group .formElement:only-child {
    margin-bottom: 15px;
}

.label_with_value{
    display: block;
    margin-bottom: 0.5em;
}
.label_with_value:last-child{
    margin-bottom: 0;
}
.label_with_value .label, 
.label_with_value .value{
    display: inline-block;
    vertical-align: top;
}
.label_with_value .label{
    margin-right: 0.3em;
    width: 60%;
}
.label_with_value .value{
    font-weight: 700;
    text-align: right;
    width: calc(40% - 0.3em);
}

.infoBlock table table{
    font-size: 12px;
}

.infoBlock table table th {
    background: #fff;
    color: #000;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
}

.infoBlock table table tr td {
    border: none;
}
.infoBlock table table tr:nth-child(even) td{
    background: #e5e5e5;
}
.infoBlock table table tr:nth-child(odd) td{
    background: #f0f0f0;
}
tr:only-child .remove_deductible{
    display: none;
}
/*************/
.auto_columns > *{
    display:inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.auto_columns > *{
    margin-bottom: 2em;
}
/**HALVES**/
.auto_columns > *{
    width: 50%;
}
.auto_columns > *:nth-child(odd),
.auto_columns > .full_width:nth-child(odd) ~ *:nth-child(even),
.auto_columns > .full_width:nth-child(odd) ~ *:nth-child(even) ~ .full_width:nth-child(even) ~ *:nth-child(odd){
    padding-right: 1.07em;
    padding-left: 0;
}
.auto_columns > *:nth-child(even),
.auto_columns > .full_width:nth-child(odd) ~ *:nth-child(even) ~ *:nth-child(odd),
.auto_columns > .full_width:nth-child(odd) ~ .full_width:nth-child(even) ~ *:nth-child(even){
    padding-left: 1.07em;
    padding-right: 0;
}
.auto_columns > .multi_column{
    width: 100%;
    padding: 0;
}
.auto_columns > .multi_column:nth-last-child(+2){
    margin-bottom: 2em;
}
/**THIRDS**/
.auto_columns.thirds > *{
    width: 33.3333% !important;
}
.auto_columns.thirds > *:nth-child(3n+1){
    padding-left: 0;
    padding-right: 1.4338em;
}
.auto_columns.thirds > *:nth-child(3n+2){
    padding: 0 0.7062em;
}
.auto_columns.thirds > *:nth-child(3n+3){
    padding-right: 0;
    padding-left: 1.4338em;
}
.auto_columns.thirds > *.two_thirds{
    width: 66.66% !important;
}
.auto_columns.thirds > *.two_thirds:nth-child(3n+1){
    padding-right: 0.7062em;
}
.auto_columns.thirds > *.two_thirds:nth-child(3n+1) + *:nth-child(3n+2){
    padding-left: 1.4338em;
}
fieldset .auto_columns > .formElement{
    margin-bottom: 0;
}
/** END COLUMNS **/
.graph_chunk{
    vertical-align: top;
}
.chart.loading{
    background: url('images/gears.gif') no-repeat center #fff;
    background-size: 140px 140px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    min-height: 200px;
    position: relative;
}
.test_mode{
    background: rgba(0,0,0,0.8);
    padding: 1em;
    position: fixed;
    width: 400px;
    top: 1em;
    left: 50%;
    margin-left: -200px;
    color: #fff;
    text-align: center;
    font-size: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(255,255,255,0.9);
    outline: 4px solid rgba(0,0,0,0.6);
    pointer-events: none;
}
body.test{
    background: url('images/inflicted.png') repeat;
}
.red_text{
    color: #d9392e !important;
}
.green_text{
    color: var(--primary-color) !important;
}
.formElementNotices .notice{
    margin-top: 0;
}
.formElement + .formElementNotices .notice:first-child{
    margin-top: -20px;
}
.formElementNotices .notice:last-child{
    margin-bottom: 20px;
}
.checkbox_toggler_element,
.radio_toggler_element,
.toggler_element{
    margin-bottom: 20px;
}
.checkbox_toggler_element.faded_out,
.radio_toggler_element.faded_out,
.toggler_element.faded_out{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    filter: blur(1px);
    pointer-events: none;
    cursor: default;
}
.checkbox_toggler_element.faded_out:before,
.radio_toggler_element.faded_out:before,
.toggler_element.faded_out:before{
    content: '';
    display: block;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(255,255,255,0.5);
    pointer-events: none;
    position: absolute;
    z-index: 10;
    cursor: default;
}
.delete_risk_wrap{
    margin-top: 0.5em;
    margin-bottom: 1em;
}
.delete_endorsement_wrap{
    margin-bottom: 1em;
}
.pending_msg,
.remove_msg{
    font-style: italic;
    color: #808080;
    cursor: help;
    opacity: 1 !important;
    text-decoration: none !important;
    pointer-events: all !important;
}
.pending_delete td{
    background: rgba(217,57,46,0.2);
}
.pending_delete td > *{
    opacity: 0.4;
    text-decoration: line-through;
    pointer-events: none;
}
.pending_delete td .delete_risk_wrap,
.pending_delete td .delete_risk_wrap *{
    opacity: 1;
    text-decoration: none;
    pointer-events: all;
}
.delete_warning{
    display: inline-block;
    margin: 0;
}
.ajax_loading{
    position: relative;
}
.ajax_loading:after{
    background: url('images/inputLoad.gif') no-repeat center rgba(255,255,255,0.6);
    background-size: 120px 120px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.g-recaptcha{
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.29em;
    line-height: 1em;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 0.5em;
    background: #e9e9e9;
    color: #a0a0a0;
    border: 1px solid #d5d5d5;
    font-weight: 700;
    text-shadow: none;
}
.removedRisk .column{
    display: none;
}
.removedRisk .removeRisk{
    display: none;
}
.undoRemoveRisk{
    display: none;
}
.removedRisk .undoRemoveRisk{
    float: right;
    display: inline-block;
}
.removedRisk{
    padding-bottom: 15px;
}
.removedRisk h1{
    text-decoration: line-through;
    color: #d9393e;
}
.remove_msg{
    color: #d9393e !important;
}
.risk_deets input{
    font-size: 1em !important;
    padding: 5px !important;
}
.onoff_label{
    margin-left: 0.5em;
    line-height: 27px;
    cursor: pointer;
}
.strike{
    text-decoration: line-through;
    color: rgba(0,0,0,0.5);
}
.statement_email{
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 2em !important;
}
.statement_email:nth-child(even){
    padding-right: 0;
    padding-left: 15px;
}
.remove_statement_email{
    position: absolute;
    top: -1em;
    right: 0;
}
.inlineBlock.middle{
    vertical-align: middle;
}
.onoff_label_no_wrap{
    margin-left: 10px;
}
.fake_radio_checkbox{
    width: 25px;
    height: 25px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    background: #e9e9e9;
    position: relative;
    vertical-align: middle;
}
.fake_radio_checkbox:before{
    display: block;
    content: '';
    width: 23px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -11px;
}
label:hover input[type="checkbox"]:not(:checked) + .checkbox_box:not(:last-child){
    border: 1px solid #d5d5d5;
    background: #e9e9e9;
}
label:hover input[type="checkbox"]:not(:checked) + .checkbox_box:not(:last-child):before{
    background: none;
}
.fake_radio_checkbox:hover,
input[type="checkbox"]:not(:checked) + .checkbox_box + .onoff_label + .onoff_label_no_wrap .fake_radio_checkbox,
label input[type="checkbox"]:not(:checked) + .checkbox_box:not(:last-child):hover{
    background: var(--primary-color);
    border: 1px solid var(--primary-color-darker);
}

input[type="checkbox"]:not(:checked) + .checkbox_box + .onoff_label + .onoff_label_no_wrap .fake_radio_checkbox:before{
    background: url('images/icon_set.png') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: -23px -112px;
}
.onoff_label_no{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
    cursor: pointer;
}
.gi_support{
    background: #6DA7D6 !important;
    padding-left: calc(1.5em + 0.55em + 0.25em) !important;
    position: relative;
}
.gi_support .gi_logo{
    background: url('images/gi_logo_white.png') no-repeat;
    width: 1.5em;
    height: 1.5em;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0.55em;
    margin-top: -0.75em;
}
/** Green Btn Update **/
.ui-button{
    text-transform: uppercase;
    font-weight: 700 !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
}
.ui-button.green_btn{
    background: var(--primary-color) !important;
    color: #fff !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    text-align: right;
}

.green_btn,
input[type="submit"],
.addFormGroup,
.expandable:not(.inline) .expandCollapsed,
.addRisk,
.removeRisk,
.addQuote,
.removeQuote,
.addQuote,
.undoRemoveQuote,
ul.pagination li a,
#accountBar a,
.ui-button{
    border-color: rgba(0,0,0,0.2) !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    line-height: 1.2em;
    padding: 0.4em 0.6em;
}
#accountBar a{
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    vertical-align: top;
}
.green_btn:hover,
input[type="submit"]:hover,
.addFormGroup:hover,
.expandable:not(.inline) .expandCollapsed:hover,
.addRisk:hover,
.removeRisk:hover,
.addQuote:hover,
.removeQuote:hover,
.addQuote:hover,
.undoRemoveQuote:hover,
ul.pagination li a:hover,
#accountBar a:hover,
.ui-button:hover{
    -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    bottom: -1px;
}
#accountBar a:hover{
    padding-top: 0.5em;
    bottom: auto;
}
.green_btn.disabled,
.green_btn.disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    bottom: auto;
}
/** END Green Btn Update **/
/** VIP **/
#admin_menu > nav > ul > li:first-child:nth-last-child(5),
#admin_menu > nav > ul > li:first-child:nth-last-child(5) ~ li,
#admin_menu > nav > ul > li:first-child:nth-last-child(10),
#admin_menu > nav > ul > li:first-child:nth-last-child(10) ~ li {
    width: 20%;
}
#admin_menu > nav > ul > li:first-child:nth-last-child(5),
#admin_menu > nav > ul > li:first-child:nth-last-child(5) ~ li:nth-child(-n+5),
#admin_menu > nav > ul > li:first-child:nth-last-child(10),
#admin_menu > nav > ul > li:first-child:nth-last-child(10) ~ li:nth-child(-n+5){
    margin-top: 0;
}
#admin_menu:not(.full) > nav > ul > li > a.vip{
    padding-left: 68px;
}
#admin_menu > nav > ul > li > a.vip,
.green_btn.vip_btn{
   background: rgb(112,112,111);
    background: -moz-linear-gradient(-72deg, rgba(112,112,111,1) 0%, rgba(125,125,122,1) 26%, rgba(190,192,194,1) 46%, rgba(161,162,163,1) 59%, rgba(142,141,141,1) 100%);
    background: -webkit-linear-gradient(-72deg, rgba(112,112,111,1) 0%, rgba(125,125,122,1) 26%, rgba(190,192,194,1) 46%, rgba(161,162,163,1) 59%, rgba(142,141,141,1) 100%);
    background: linear-gradient(-72deg, rgba(112,112,111,1) 0%, rgba(125,125,122,1) 26%, rgba(190,192,194,1) 46%, rgba(161,162,163,1) 59%, rgba(142,141,141,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#70706f",endColorstr="#8e8d8d",GradientType=1);
    overflow: hidden;
    position: relative;
}
#admin_menu > nav > ul > li > a.vip:after,
.green_btn.vip_btn:after{
    content: '';
    display: block;
    width: 70%;
    background: rgba(255, 255, 255, 0.2);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2)50%, rgba(255, 255, 255, 0.7)100%); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0.2)50%, rgba(255, 255, 255, 0.7)100%); /* Opera 11.1-12.0 */ 
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.2)50%, rgba(255, 255, 255, 0.7)100%); /* Firefox 3.6-15 */
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2)50%, rgba(255, 255, 255, 0.7)100%); /* Standard syntax */
    left: -100%;
    top: 0;
    height: 100%;
    position: absolute;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    -ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg);
}
#admin_menu > nav > ul > li > a.vip:hover:after,
.green_btn.vip_btn:hover:after{
    left: 150%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
#admin_menu .icon.vip:before{
    background: url('images/vip_icon.png') no-repeat;
    width: 38px;
    height: 36px;
    background-size: 38px 36px;
    background-position: 0 0;
}
#admin_menu.full .icon.vip:before{
    width: 68px;
    height: 65px;
    background-size: 68px 65px;
}
#admin_menu:not(.full) .icon.vip::before{
    margin-top: -18px;
}
.wrap_btns .green_btn{
    margin-bottom: 0.5em;
}
.wrap_btns{
    margin-bottom: -0.5em;
}
/** END VIP **/
pre{
    background: #f0f0f0;
    padding: 0.5em;
    border: 1px solid rgba(0,0,0,0.5);
}

/** FORM FIXES**/
.optionsWrap{
    margin-bottom: -20px;
}

/** SVGS **/
.fill_gray{
    fill: #626366;
}
.fill_green{
    fill: var(--primary-color);
}
.fill_white{
    fill: #fff;
}
.fill_stroke_white{
    stroke:#fff;
    stroke-miterlimit:10;
    stroke-width:0.5px;
}
/** END SVGS**/
.bms_covered_regions_wrap{
    background: #3B3B3D;
    padding: 2em;
    position: relative;
}
.bms_covered_regions_wrap svg{
    width: 100%;
    display: block;
}
.bms_covered_regions_wrap .title_text{
    color: var(--primary-color) !important;
    font-weight: bold;
    width: 266px;
    font-size: 2.3em !important;
    line-height: 1.2em !important;
    position: absolute;
    top: 1em;
    right: 1em;
}
.bms_covered_regions_wrap .svg_logo{
    width: 182px;
}
.bms_covered_regions_wrap .svg_map{
    width: 100%;
}
#registerBox{
    max-width: 62%;
    position: relative;
}
#registerBox .bms_covered_regions_wrap{
    text-align: left;
    border: 2em #fff solid;
    margin-top: -70px;
    margin-bottom: -30px;
}
#registerBox .bms_covered_regions_wrap .svg_logo,
#registerBox .bms_covered_regions_wrap .svg_map,
#registerBox .bms_covered_regions_wrap .title_text{
    display: inline-block;
    vertical-align: top;
}
#registerBox .bms_covered_regions_wrap .svg_logo{
    width: 20%;
}
#registerBox .bms_covered_regions_wrap .svg_map{
    width: 35%;
    margin: 0 2%;
}
#registerBox .bms_covered_regions_wrap .title_text{
    position: relative;
    top: auto;
    right: auto;
    width: 40%;
    font-size: 3em !important;
}
/** Autocomp **/
.ui-menu .ui-menu-item{
    list-style: none !important;
    padding: 0.5em !important;
}
.ac_main_label{
    display: block;
    margin-bottom: 0.25em;
    color: #000;
}
.ac_sub_label{
    display: block;
    font-size: 0.8em;
    margin-bottom: 0.25em;
    color: #808080;
}
.ac_sub_main_label{
    display: block;
    font-size: 0.9em;
    color: #333;
    margin-bottom: 0.25em;
}
.ac_main_label:last-child,
.ac_sub_label:last-child,
.ac_sub_main_label:last-child{
    margin-bottom: 0;
}
.acList li{
    position: relative;
    padding-left: 2em;
}
.acList li .acRemove{
    position: absolute;
    left: 0;
    top: 0.25em;
    padding: 0.5em;
    text-align: center;
}
/** Brokerage Rate Update **/
.default_value{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #808080;
    font-style: italic;
}
.default_value:before{
    content: 'Default:';
    display: block;
    font-style: normal;
    font-weight: bold;
}
/** Selectric **/
.selectric{
    background: #e9e9e9;
}
.selectric .button{
    background: #e9e9e9;
}
.selectric .label{
    font-size: 1.29em;
    color: #000;
    /*padding: 0 4px;*/
    padding: 1px 4px;
    height: 39px;
}
.selectric-giField_select .selectric-items .empty_value{
    display: none;
}
/** END Selectric **/
/** Totals Row **/
.total_sum_cell,
table.searchTable td.total_sum_cell.empty{
    border-top: 3px solid #000 !important;
    border-bottom: 3px solid #000 !important;
}
.total_sum_cell{
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** END Totals Row **/
/** Primary Field (MERGER) **/
.formElement input.primary{
    border: 2px solid #96baf2 !important;
    -webkit-box-shadow: rgba(66, 135, 245, 0.8) 0px 0px 10px;
    -moz-box-shadow: rgba(66, 135, 245, 0.8) 0px 0px 10px;
    box-shadow: rgba(66, 135, 245, 0.8) 0px 0px 10px;
}
/** END Primary Field (MERGER) **/

/** Filterable Brokerage Fields **/
.filter_init{
    width: calc(100% - 2.5em) !important;
}
.filter{
    display: inline-block;
    font-size: 1.29em;
    width: 2.5em;
    height: 2.5em;
    border: 1px solid #d5d5d5;
    border-left: none;
    background: #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    transition: background;
    -webkit-transition: background;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
.filter_icon{
    display: block;
    position: absolute;
    background: url('images/filter_icon.png');
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
    transition: opacity;
    -webkit-transition: opacity;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
.filter:hover{
    background: #dbdbdb;
}
.filter:hover .filter_icon{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filters{
    position: absolute;
    left: 100%;
    top: -1px;
    font-size: 0.6em;
    width: 200px;
    border: 1px solid #d5d5d5;
    background: #e9e9e9;
    padding: 10px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 4px;
    z-index: 100;
    display: none;
}
.filter.filters_applied{
    background: var(--primary-color);
}
.filters input,
.filters select{
    font-size: 1em !important;
    padding: 5px !important;
    width: 100%;
    line-height: 1.2em;
    background: #fff !important;
}
#filter_fields{
    display: none;
}
/** END Filterable Brokerage Fields **/
@media only screen and (max-width : 1780px){
    #registerBox .bms_covered_regions_wrap .title_text{
        font-size: 2.4em !important;
    }
}
@media only screen and (max-width : 1380px){
    #registerBox .bms_covered_regions_wrap .title_text{
        font-size: 2em !important;
    }
    #registerBox .bms_covered_regions_wrap{
        margin-top: 0px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width : 1250px){
    #registerBox .bms_covered_regions_wrap .svg_logo{
        width: 182px
    }
    #registerBox .bms_covered_regions_wrap .svg_map{
        width: 100%;
        margin: 0;
    }
    #registerBox .bms_covered_regions_wrap .title_text{
        font-size: 2em !important;
        line-height: 1.2em !important;
        width: 100%;
        margin-top: 1em;
    }
}
@media only screen and (max-width : 1380px){
    #admin_menu > nav > ul > li:first-child:nth-last-child(5),
    #admin_menu > nav > ul > li:first-child:nth-last-child(5) ~ li,
    #admin_menu > nav > ul > li:first-child:nth-last-child(10),
    #admin_menu > nav > ul > li:first-child:nth-last-child(10) ~ li{
        font-size: 0.8em;
    }
    /**Full Size Icons**/
    #admin_menu.full .icon.admin:before{
        width: 23px;
        height: 32px;
        background-position: -5px -75px;
    }
    #admin_menu.full .icon.residential:before{
        width: 38px;
        height: 32px;
        background-position: -33px -75px;
    }
    #admin_menu.full .icon.commercial:before{
        width: 28px;
        height: 32px;
        background-position: -76px -75px;
    }
    #admin_menu.full .icon.multi:before{
        width: 25px;
        height: 32px;
        background-position: -109px -75px;
    }
    #admin_menu.full .icon.gssadmin:before{
        width: 19px;
        height: 32px;
        background-position: -138px -75px;
    }
    #admin_menu.full .icon.workorders:before{
        width: 22px;
        height: 32px;
        background-position: -162px -75px;
    }
    #admin_menu.full .icon.inventory:before{
        width: 30px;
        height: 32px;
        background-position: -189px -75px;
    }
    #admin_menu.full .icon.payments:before{
        width: 28px;
        height: 32px;
        background-position: -224px -75px;
    }
    #admin_menu.full .icon.vip:before{
        width: 38px;
        height: 36px;
        background-size: 38px 36px;
    }
    /**END Full Size Icons**/
    
    /**Medium Size Icons**/
    #admin_menu:not(.full) .icon::before {
        margin-top: -12px;
        left: 15px;
    }
    #admin_menu:not(.full) .icon.vip::before {
        margin-top: -13px;
    }
    #admin_menu:not(.full) > nav > ul > li > a{
        padding: 20px 15px;
    }
    
    #admin_menu .icon.admin:before,
    #admin_menu .icon.residential:before,
    #admin_menu .icon.commercial:before,
    #admin_menu .icon.multi:before,
    #admin_menu .icon.gssadmin:before,
    #admin_menu .icon.workorders:before,
    #admin_menu .icon.inventory:before,
    #admin_menu .icon.payments:before{
        background-size: 450px 101px;
    }
    
    #admin_menu.full .icon.admin:before,
    #admin_menu.full .icon.residential:before,
    #admin_menu.full .icon.commercial:before,
    #admin_menu.full .icon.multi:before,
    #admin_menu.full .icon.gssadmin:before,
    #admin_menu.full .icon.workorders:before,
    #admin_menu.full .icon.inventory:before,
    #admin_menu.full .icon.payments:before{
        background-size: 600px 135px;
    }
    
    #admin_menu .icon.admin:before{
        width: 18px;
        height: 25px;
        background-position: -3px -56px;
    }
    #admin_menu .icon.residential:before{
        width: 30px;
        height: 25px;
        background-position: -24px -56px;
    }
    #admin_menu .icon.commercial:before{
        width: 21px;
        height: 25px;
        background-position: -57px -56px;
    }
    #admin_menu .icon.multi:before{
        width: 20px;
        height: 25px;
        background-position: -81px -56px;
    }
    #admin_menu .icon.gssadmin:before{
        width: 15px;
        height: 25px;
        background-position: -103px -56px;
    }
    #admin_menu .icon.workorders:before{
        width: 18px;
        height: 25px;
        background-position: -121px -56px;
    }
    #admin_menu .icon.inventory:before{
        width: 24px;
        height: 25px;
        background-position: -141px -56px;
    }
    #admin_menu .icon.payments:before{
        width: 21px;
        height: 25px;
        background-position: -168px -56px;
    }
    #admin_menu .icon.vip:before{
        width: 28px;
        height: 27px;
        background-size: 28px 27px;
    }
    
    #admin_menu:not(.full) > nav > ul > li > a.admin{
        padding-left: 43px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.residential{
        padding-left: 55px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.commercial{
        padding-left: 46px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.multi{
        padding-left: 45px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.gssadmin{
        padding-left: 40px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.workorders{
        padding-left: 43px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.inventory{
        padding-left: 49px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.payments{
        padding-left: 46px;
    }
    #admin_menu:not(.full) > nav > ul > li > a.vip{
        padding-left: 53px;
    }
    /**END Medium Size Icons**/
    
    /**Small Size Icons**/
    /*
    #admin_menu .icon.admin:before,
    #admin_menu .icon.residential:before,
    #admin_menu .icon.commercial:before,
    #admin_menu .icon.multi:before,
    #admin_menu .icon.gssadmin:before,
    #admin_menu .icon.workorders:before,
    #admin_menu .icon.inventory:before,
    #admin_menu .icon.payments:before{
        background-size: 300px 68px;
    }
    
    #admin_menu .icon.admin:before{
        width: 12px;
        height: 17px;
        background-position: -2px -38px;
    }
    #admin_menu .icon.residential:before{
        width: 20px;
        height: 17px;
        background-position: -16px -38px;
    }
    #admin_menu .icon.commercial:before{
        width: 14px;
        height: 17px;
        background-position: -38px -38px;
    }
    #admin_menu .icon.multi:before{
        width: 13px;
        height: 17px;
        background-position: -54px -38px;
    }
    #admin_menu .icon.gssadmin:before{
        width: 10px;
        height: 17px;
        background-position: -69px -38px;
    }
    #admin_menu .icon.workorders:before{
        width: 13px;
        height: 17px;
        background-position: -80px -38px;
    }
    #admin_menu .icon.inventory:before{
        width: 16px;
        height: 17px;
        background-position: -94px -38px;
    }
    #admin_menu .icon.payments:before{
        width: 16px;
        height: 17px;
        background-position: -111px -38px;
    }
    #admin_menu .icon.vip:before{
        width: 19px;
        height: 18px;
        background-size: 19px 18px;
    }
    */
    /**END Small Size Icons**/

}