@media print {
    body { min-width:0 !important; overflow:visible !important; }
    #header { display:none !important; }
    .schedule_month { display:none !important; }
    .print { display:none !important; }
    #importcontacts { display:none !important; }
    .reminders_top { display:none !important; }
    .reminder_checkbox { display:none !important; }
    .estimate_checkbox { display:none !important; }
    .contact_checkbox, .cb-col { display: none !important; }
    .no-page-break { break-inside: avoid !important; page-break-inside: avoid !important; }
    header { display:none !important; }
    .printwrapper { margin:0 !important; padding:0 !important; }
    .print-only{display:block !important;}
    .dis-arrow { display:none !important; }
}

/* Locally hosted fonts from
   @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700) */
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin_300.woff2) format('woff2'), url(../webfonts/opensans_latin_300.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin_400.woff2) format('woff2'), url(../webfonts/opensans_latin_400.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin_600.woff2) format('woff2'), url(../webfonts/opensans_latin_600.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin_700.woff2) format('woff2'), url(../webfonts/opensans_latin_700.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin-ext_300.woff2) format('woff2'), url(../webfonts/opensans_latin-ext_300.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin-ext_400.woff2) format('woff2'), url(../webfonts/opensans_latin-ext_400.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin-ext_600.woff2) format('woff2'), url(../webfonts/opensans_latin-ext_600.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(../webfonts/opensans_latin-ext_700.woff2) format('woff2'), url(../webfonts/opensans_latin-ext_700.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body {
    font-family: 'Open Sans';
    font-size: 16px;
    min-width:1275px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
option {
    font-family: 'Open Sans', sans-serif !important;
}

li{
    padding-bottom:10px;
}
::-webkit-input-placeholder { color:#3E4144; /* MAG #8e8e90 */}
::-moz-placeholder { color:#3E4144; /* MAG #8e8e90 */} /* firefox 19+ */
:-ms-input-placeholder { color:#3E4144; /* MAG #8e8e90 */} /* ie */
input:-moz-placeholder { color:#3E4144; /* MAG #8e8e90 */}
::placeholder, input::placeholder {
    color:#3E4144;
    opacity: 0.54;
}

html, body { margin:0; padding:0; height: 100%;}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
strong, b {  font-family: 'Open Sans', sans-serif;}

.print-only{display:none;}
.address strong, .address b {
    font-family: 'Open Sans';
}

a, a:visited {
    text-decoration: none;
    color: #01367B; /* MAG rgb(0,0,238) */
}
a.button {
    color: #fff;
}
hr {
    height:0px;
    padding:0;
    margin:0;
    border-top:2px solid #ddd;
    border-width: 2px 0 0 0;
}
input {
    padding: 5px;
    font-size: 16px;
    color: #0D1115; /* MAG #000 */
    font-family: 'Open Sans';
}
select, .safari-select-multiple {
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    padding: 5px;
    vertical-align: top;
    height: 40px;
    background-color: #FFF;
    text-indent: 3px;
    font-family: 'Open Sans', sans-serif; /* MAG added from previous duplicated select */
    font-size: 15px; /* MAG added from previous duplicated select */
    color: #0D1115; /* MAG #000 */
}
input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=number],
input[type=date] {
    border: 1px solid #bbb;
    padding: 9px 4%;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    color: #0D1115; /* MAG #000 */
    font-family: 'Open Sans';
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
}
input.search {
    height:28px;
    line-height:30px;
    box-shadow: none;
    padding: 8px 8px 8px 45px;
    background: #fff url(../images/search2.png) no-repeat 10px 9px;
    background-size: 18px 18px;
    width: 320px;
    border-radius: 5px;
}
#header input.search {
    padding-right: 40px;
    width: 20%;
}
textarea {
    font-family: 'Open Sans';
    border: 1px solid #bbb;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    width: 70%;
    padding: 2.5%;
}
img { border:0; vertical-align:middle; }
i.fa-lock-alt{
    color:#FF3131; /* MAG red */
}
i.fa-unlock-alt{
    color:#169D53; /* MAG green */
}
.focus-attn{
    border-color:#FF3131 !important; /*MAG red */
    background-color:#fafc56 !important;
}
.inline-block {
    display: inline-block;
}
.button {
    display: inline-block;
    border: 1px solid #169d53; /* MAG rgb( 62, 165, 96 ) */
    border-radius: 5px;
    background: #169D53; /* MAG background: #41ab64 */
    /* MAG Commented Out
    background-image: linear-gradient(bottom, rgb(65,171,100) 100%, rgb(58,154,90) 0%);
    background-image: -o-linear-gradient(bottom, rgb(65,171,100) 100%, rgb(58,154,90) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(65,171,100) 100%, rgb(58,154,90) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(65,171,100) 100%, rgb(58,154,90) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(65,171,100) 100%, rgb(58,154,90) 0%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(65,171,100)), color-stop(0, rgb(58,154,90)));
    box-shadow: 0px 2px 0px 0px rgb( 45, 132, 73 );
    */
    color: #fff;
    padding: 0px 20px;
    box-sizing: border-box;
    height: 44px;
    line-height: 44px;
    text-align:center;
    position: relative;
    top: -1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .025s;
    -webkit-transition: .025s;
    -moz-transition: .025s;
    -ms-transition: .025s;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    vertical-align: middle;
}
.button:hover {
    opacity: .8; /* MAG added */
    /* background: rgb(22,157,83,0.8); /* MAG background: #44ae67 */
}
.button:active {
    box-shadow: none;
    top: 1px;
    color: #a9d8b8;
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
}
.button-sm {
    border-radius: 4px;
    color: #fff;
    padding: 0 18px;
    font-size: 12px;
    height: 31px;
    line-height: 31px;
}
.button.blue {
    border: 1px solid #01367B; /* MAG rgb(144,167, 207) */
    background: #01367B; /* MAG background: #91abd8 */
    /* MAG Commented Out
    background-image: linear-gradient(bottom, rgb(144,167,207) 100%, rgb(131,154,194) 0%);
    background-image: -o-linear-gradient(bottom, rgb(144,167,207) 100%, rgb(131,154,194) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(144,167,207) 100%, rgb(131,154,194) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(144,167,207) 100%, rgb(131,154,194) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(144,167,207) 100%, rgb(131,154,194) 0%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgb(144,167,207)), color-stop(0, rgb(131,154,194)));
    box-shadow: 0px 2px 0px 0px rgb(95, 121, 164);
    */
}
.button.blue:hover {
    /* background: rgb(1,54,123,0.8); /* MAG background: #96afda */
    opacity: 0.8;
}
/* MAG Commented out Duplicate
.button-blue:hover {background: rgb(1,54,123,0.8);} /* MAG background: #96afda */

.button.blue:active {
    color: #e0e7f3;
    box-shadow: none;

}
.button.red {
    border: 1px solid #FF3131; /* MAG #a00000 */
    background-color:#FF3131; /* MAG #dd1d1d */
    background-image: none;
    /* box-shadow: 0px 2px 0px 0px #a00000; MAG commented out */
    color: #fff;
}
.button.yellow {
    border: 1px solid #FFCF31;
    background-color:#FFCF31;
    background-image: none;
    color: #333;
}
.button.grey, .button.gray {
    background: #e6e6e6;
    border: solid 1px #bebcc6;
    -webkit-box-shadow: 0px 2px 0 0 #c4c4c6;
    box-shadow: 0px 1px 0 0 #c4c4c6;
    color: #777;
}
.button.green {
    border: 1px solid #169D53; /* MAG #006600 */
    background-color: #169D53; /* MAG #008800 */
    background-image:none;
    /* box-shadow: 0 2px 0 0 #006600; MAG commented out */
}
.button.cancel {
    background: #EAEAEA; /* MAG #e6e6e6 */
    border: solid 1px #3E4144; /* MAG #bebcc6 */
    color: #3E4144; /* MAG #858587*/
}
.button-link {
    background: none;
    border-color: transparent;
    box-shadow: none;
    color: #01367B; /* MAG #8AA1C9 */
}
.button-link:hover {
    color: #333;
    background: none;
    border-color: transparent;
}
.button.disabled, button[disabled] {
    cursor: default;
    opacity: 0.5; /* MAG 0.3 */
    pointer-events: none;
}
.noaccess {
    cursor: default;
    opacity: 0.3;
    /* Use tank-track.js to block pointer events and display warnings */;
}
.invalid-disabled {
    cursor: default;
    opacity: 0.3;
    /* Use javascript to block pointer events and display warnings */;
}
.button.disabled:active {
    color: #fff;
    top: -2px;
}
.button.opened {
    box-shadow: none;
    vertical-align: -4px;
}
.button.tutorial {
    padding:6px 10px 0;
}
.button.tutorial i {
    font-size: 30px;
}
.tutorialbox {
    position: fixed;
    width: 40%;
    min-width: 600px;
    right: 5%;
    border: 0;
    z-index:10;
    display:none;
}
.tutorialbox iframe {
    width: 100%;
    background-color: black;
    border: 0;
}
.tutorialbox .titlebar {
    height: 50px;
    background-color: #ddd;
    border-radius: 10px 10px 0 0;
    border: 1px solid #666;
}
.tutorialbox .closewindow, .tutorialbox .popout {
    float:right;
    margin: 5px 10px 5px 15px;
    font-size: 30px;
}
.tutorialbox i {
    color: #666;
}

/* Helpers */
.nowrap{white-space: nowrap;}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-red{color:#FF3131;} /* MAG red */
.left  { float: left; }
.right { float: right; }

/* Tooltips */

a[data-tooltip], button[data-tooltip] {
    position: relative;
}
a[data-tooltip]::before,
a[data-tooltip]::after,
button[data-tooltip]::before,
button[data-tooltip]::after {
    position: absolute;
    display: none;
    opacity: 0.85;
}
a[data-tooltip]::before,
button[data-tooltip]::before {
    /*
     * using data-tooltip instead of title so we
     * don't have the real tooltip overlapping
     */
    content: attr(data-tooltip);
    background: #2b2b30;
    color: #fff;
    font-size: 13px;
    padding: 8px;
    border-radius: 4px;
    /* we don't want the text to wrap */
    white-space: nowrap;
    text-decoration: none;
}
a[data-tooltip]::after,
button[data-tooltip]::after {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    content: '';
}

a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after,
button[data-tooltip]:hover::before,
button[data-tooltip]:hover::after {
    display: block;
}

/** positioning **/

/* left tooltip */
a[data-tooltip][data-placement="left"]::before {
    top: -25%;
    right: 100%;
    margin-right: 10px;
}
a[data-tooltip][data-placement="left"]::after {
    border-left-color: #2b2b30;
    border-right: none;
    top: 50%;
    right: 100%;
    margin-top: -6px;
    margin-right: 4px;
}

/* right tooltip */
a[data-tooltip][data-placement="right"]::before {
    top: -25%;
    left: 100%;
    margin-left: 10px;
}
a[data-tooltip][data-placement="right"]::after {
    border-right-color: #2b2b30;
    border-left: none;
    top: 50%;
    left: 100%;
    margin-top: -6px;
    margin-left: 4px;
}

/* top tooltip */
a[data-tooltip][data-placement="top"]::before, button[data-tooltip][data-placement="top"]::before {
    bottom: 100%;
    left: 8px;
    margin-bottom: 10px;
}
a[data-tooltip][data-placement="top"]::after, button[data-tooltip][data-placement="top"]::after {
    border-top-color: #2b2b30;
    border-bottom: none;
    bottom: 100%;
    left: 32px;
    margin-bottom: 4px;
}

/* bottom tooltip */
a[data-tooltip][data-placement="bottom"]::before {
    top: 100%;
    left: 0;
    margin-top: 10px;
}
a[data-tooltip][data-placement="bottom"]::after {
    border-bottom-color: #2b2b30;
    border-top: none;
    top: 100%;
    left: 10px;
    margin-top: 4px;
}

/* Margin & Padding Utils */

/*:root {
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
}*/

.m0  { margin:        0 !important }
.mt0 { margin-top:    0 !important }
.mr0 { margin-right:  0 !important }
.mb0 { margin-bottom: 0 !important }
.ml0 { margin-left:   0 !important }

.m1  { margin:        .5rem }
.mt1 { margin-top:    .5rem }
.mr1 { margin-right:  .5rem }
.mb1 { margin-bottom: .5rem }
.ml1 { margin-left:   .5rem }

.m2  { margin:        1rem }
.mt2 { margin-top:    1rem }
.mr2 { margin-right:  1rem }
.mb2 { margin-bottom: 1rem }
.ml2 { margin-left:   1rem }

.m3  { margin:        2rem }
.mt3 { margin-top:    2rem }
.mr3 { margin-right:  2rem }
.mb3 { margin-bottom: 2rem }
.ml3 { margin-left:   2rem }

.m4  { margin:        4rem }
.mt4 { margin-top:    4rem }
.mr4 { margin-right:  4rem }
.mb4 { margin-bottom: 4rem }
.ml4 { margin-left:   4rem }

.mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
.mxn2 { margin-left: -1rem; margin-right: -1rem; }
.mxn3 { margin-left: -2rem; margin-right: -2rem; }
.mxn4 { margin-left: -4rem; margin-right: -4rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.p0 { padding: 0 !important}

.p1  { padding:       .5rem }
.py1 { padding-top:   .5rem; padding-bottom: .5rem }
.px1 { padding-left:  .5rem; padding-right:  .5rem }

.p2  { padding:       1rem }
.py2 { padding-top:   1rem; padding-bottom: 1rem }
.px2 { padding-left:  1rem; padding-right:  1rem }

.p3  { padding:       2rem }
.py3 { padding-top:   2rem; padding-bottom: 2rem }
.px3 { padding-left:  2rem; padding-right:  2rem }

.p4  { padding:       4rem }
.py4 { padding-top:   4rem; padding-bottom: 4rem }
.px4 { padding-left:  4rem; padding-right:  4rem }

.pr0{padding-right:0px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}

/* Grid System */

.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.col {
    float: left;
    box-sizing: border-box;
}

.col-right {
    float: right;
    box-sizing: border-box;
}

.col-1 {
    width: calc(1/12 * 100%);
}

.col-2 {
    width: calc(2/12 * 100%);
}

.col-3 {
    width: calc(3/12 * 100%);
}

.col-4 {
    width: calc(4/12 * 100%);
}

.col-5 {
    width: calc(5/12 * 100%);
}

.col-6 {
    width: calc(6/12 * 100%);
}

.col-7 {
    width: calc(7/12 * 100%);
}

.col-8 {
    width: calc(8/12 * 100%);
}

.col-9 {
    width: calc(9/12 * 100%);
}

.col-10 {
    width: calc(10/12 * 100%);
}

.col-11 {
    width: calc(11/12 * 100%);
}

.col-12 {
    width: 100%;
}

.quickbooks-icon-disabled {
    filter: grayscale(100%);
    opacity: 0.5;
}

@media (min-width: 40em) {

    .sm-col {
        float: left;
        box-sizing: border-box;
    }

    .sm-col-right {
        float: right;
        box-sizing: border-box;
    }

    .sm-col-1 {
        width: calc(1/12 * 100%);
    }

    .sm-col-2 {
        width: calc(2/12 * 100%);
    }

    .sm-col-3 {
        width: calc(3/12 * 100%);
    }

    .sm-col-4 {
        width: calc(4/12 * 100%);
    }

    .sm-col-5 {
        width: calc(5/12 * 100%);
    }

    .sm-col-6 {
        width: calc(6/12 * 100%);
    }

    .sm-col-7 {
        width: calc(7/12 * 100%);
    }

    .sm-col-8 {
        width: calc(8/12 * 100%);
    }

    .sm-col-9 {
        width: calc(9/12 * 100%);
    }

    .sm-col-10 {
        width: calc(10/12 * 100%);
    }

    .sm-col-11 {
        width: calc(11/12 * 100%);
    }

    .sm-col-12 {
        width: 100%;
    }

}
@media (min-width: 52em) {

    .md-col {
        float: left;
        box-sizing: border-box;
    }

    .md-col-right {
        float: right;
        box-sizing: border-box;
    }

    .md-col-1 {
        width: calc(1/12 * 100%);
    }

    .md-col-2 {
        width: calc(2/12 * 100%);
    }

    .md-col-3 {
        width: calc(3/12 * 100%);
    }

    .md-col-4 {
        width: calc(4/12 * 100%);
    }

    .md-col-5 {
        width: calc(5/12 * 100%);
    }

    .md-col-6 {
        width: calc(6/12 * 100%);
    }

    .md-col-7 {
        width: calc(7/12 * 100%);
    }

    .md-col-8 {
        width: calc(8/12 * 100%);
    }

    .md-col-9 {
        width: calc(9/12 * 100%);
    }

    .md-col-10 {
        width: calc(10/12 * 100%);
    }

    .md-col-11 {
        width: calc(11/12 * 100%);
    }

    .md-col-12 {
        width: 100%;
    }

}

@media (min-width: 64em) {

    .lg-col {
        float: left;
        box-sizing: border-box;
    }

    .lg-col-right {
        float: right;
        box-sizing: border-box;
    }

    .lg-col-1 {
        width: calc(1/12 * 100%);
    }

    .lg-col-2 {
        width: calc(2/12 * 100%);
    }

    .lg-col-3 {
        width: calc(3/12 * 100%);
    }

    .lg-col-4 {
        width: calc(4/12 * 100%);
    }

    .lg-col-5 {
        width: calc(5/12 * 100%);
    }

    .lg-col-6 {
        width: calc(6/12 * 100%);
    }

    .lg-col-7 {
        width: calc(7/12 * 100%);
    }

    .lg-col-8 {
        width: calc(8/12 * 100%);
    }

    .lg-col-9 {
        width: calc(9/12 * 100%);
    }

    .lg-col-10 {
        width: calc(10/12 * 100%);
    }

    .lg-col-11 {
        width: calc(11/12 * 100%);
    }

    .lg-col-12 {
        width: 100%;
    }

}

/* Border Utils */

.border {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
}

.border-top {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
}

.border-right {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
}

.border-left {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
}

.border-none { border: 0 }

.rounded { border-radius: 4px }
.circle  { border-radius: 50% }

.rounded-top    { border-radius: 4px 4px 0 0 }
.rounded-right  { border-radius: 0 4px 4px 0 }
.rounded-bottom { border-radius: 0 0 4px 4px }
.rounded-left   { border-radius: 4px 0 0 4px }

.not-rounded { border-radius: 0 }

/* Grid */

.threecolumns { background-color:#eaeaea; display:table; height:100%;}
.threecolumns .leftcolumn { background-color:#EAEAEA; border-right:2px solid #999; display:table-cell; vertical-align:top; }
.threecolumns .rightcolumn { background-color:#d62f2f; border-left:2px solid #999; padding:15px; display:table-cell; vertical-align:top; }
.threecolumns .centercolumn { background-color:#fff; border-left:2px solid #999; padding:15px; display:table-cell; vertical-align:top; }

.twocolumns { background-color:#eaeaea; display:flex; }
.twocolumns .leftcolumn {
    position:relative;
    background-color:#EAEAEA; /* MAG eaeaea */
    border-right:2px solid #999;
    min-height:800px;
    min-height:calc(100vh - 114px);
    flex: 0 0 275px;
}
.twocolumns .rightcolumn {
    background-color:#fff;
    padding:15px;
    flex: 1;
    min-width: 0;
    overflow-x: hidden;
}
.access .rightcolumn { position: relative; }
.twocolumns h2 {
    text-transform:uppercase;
    font-size:16px;
    color: #0D1115; /* MAG #000 */
    font-weight: normal;
    height:40px;
    line-height:40px;
    position: relative;
}

.leftheading, .reminder_heading {
    padding:10px 0 10px 20px;
    border-bottom:2px solid #ddd;
    background-color:#fff;
}
.template .leftheading {
    padding: 4px 0 4px 20px;
}

.leftcolumn a.collapse {
    z-index:2;
    position:absolute;
    top:400px;
    right:-3px;
    color:#6E7173; /* MAG #aaa */
    background-color:#fff;
    border:2px solid #999;
    border-radius:4px;
    padding: 0 2px 0 0 ;
    font-size:36px;
}
.leftcolumn.collapsed {
    flex-basis: 20px !important;
    overflow: hidden;
}

.leftcolumn.is-collapsed {
    flex-basis: 0px !important;
    overflow: hidden;
}

.rightcolumn a.collapse-button {
    z-index:2;
    position:absolute;
    top:400px;
    left: -24px;
    color:#6E7173; /* MAG #aaa */
    background-color:#fff;
    border:2px solid #999;
    border-radius:4px;
    padding: 0 2px 0 0 ;
    font-size:36px;
}
.rightcolumn a.collapse-button.is-collapsed {
    left: -2px;
}

.main-action .button {
    margin: 30px 25px;
    height: 51px;
    line-height: 51px;
    width: 225px;
    font-weight: bold;
}

.main-action.schedule-buttons .button {
    margin-bottom: 15px;
    margin-top: 15px;
}
.leftcolumn .ext-but {
    margin-left: 30%;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 10px !important;
    line-height: 20px;
}

.report-title h2 span {
    text-transform: none;
    font-size: 16px;
}

#form-extrafields tr td:first-child {
    width: 28%;
}
.leftheading img {
    margin-left: -60px !important;
}
.leftmenu { background-color:#ddd; /* MAG #ddd */}
.leftmenu a {
    display:block;
    padding: 10px 0 10px 17px;
    margin-bottom:2px;
    color:#0D1115; /* MAG #000 */
    background-color:#EAEAEA;
    font-size: 14px;
}
.leftmenu a:hover { background: #ddd; /* MAG #ddd */}
.leftmenu a.selected {
    font-weight: bold;
    background-color:#c6c6c6;
    border-left:8px solid #484850;
    padding-left: 9px;
}
.main-action { background: url(../images/action.png) repeat; }

.onecolumn { padding:0 25px; }

.print {
    display: inline-block;
    width: 60px;
    height: 40px;
    border: 2px solid #169D53; /* MAG #aaa */
    border-radius: 5px;
    background: url(../images/print.png) no-repeat center center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.print_waiting_area {
    float: left;
    margin: 5px;
    width: 40px;
    height: 40px;
    border: 1px solid #169D53; /* MAG #aaa */
    border-radius: 5px;
    background: white url(../images/print.png) no-repeat center center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}



/* COMPONENTS =============================================================== */

/* Table */

.table {
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
}

.table th {
    text-align: left;
    font-weight: 700;
}

.table th,
.table td {
    padding: .5rem 1rem;
    font-size: 14px;
    line-height: inherit;
}

.table th { vertical-align: bottom }
.table td { vertical-align: top }

.table-light th,
.table-light td {
    border-bottom: 1px solid #bbb;
}

.table-light tr td:last-child {
    border-right: 0;
}

/* List Group */

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 1rem 1.5rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: inherit;
}
.list-group-item:hover {
    background-color: #F4F4F4;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Tabs */

.tab-wrap {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.nav-tabs {
    margin: 0;
    padding: .5rem .5rem 0;
    background: #F5F5F5;
    border-bottom: 1px solid #ddd;
}
.nav-tabs li {
    display: inline-block;
}
.nav-tabs li a {
    color: #01367B; /* MAG #8DA5D3 */
    position: relative;
    bottom: -1px;
    display: block;
    padding: 8px 30px;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover {
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    color: #333;
}
.nav-tabs li a:hover {
    background: #e5e5e5;
}

.tab-pane {
    padding: 2rem;
    display: none;
}
.tab-pane.active {
    display: block;
}


/* Header =================================================================== */
#header a { color:white; }
#header .bar1 { width:100%; height:38px; line-height:38px; padding:4px 0; color:#fff; background-color: #01367B; overflow:hidden; } /* MAG background-color: #8da5d3 */
#header .companyname { text-transform:uppercase; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight: 700; padding:0 20px 0 50px; float:left; background:url(../images/home.png) 22px 10px no-repeat; }
#header .options { float: right; color: #bac5da; }
#header .options a { padding: 5px 10px; font-size: 15px; }
#header .welcome { color: #fff; }
#header .options .settings { padding-right: 40px; background:url(../images/settings.png) 75px 54% no-repeat; background-size: 16px; }
#header a.active {
    background-color: rgba(255, 255, 255, 0.2) !important;
    padding: 10px;
}
#header .bar2 {
    height:66px;
    line-height:66px;
    background-color:#484850;
    font-size:22px;
    white-space:nowrap;
    overflow:hidden;
    border-top: 1px solid #6d6d73; /* MAG added */
}
#header .bar2.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
#header .bar2 a {
    font-family: 'Open Sans';
    font-weight: 300;
    padding: 0 24px 2px;
    line-height: 64px;
    float: left;
    color:#C8C8C8; /* MAG #a5a5a5 */

    border-left: 1px solid #6d6d73;
    transition: .1s ease;
    -webkit-transition: .1s ease;
    -moz-transition: .1s ease;
    position:relative;
    text-align:center;
}
#header .bar2 a:first-child {
    border-left: none;
}
#header .bar2 a.selected:after { display:block; }
#header .bar2 a:not(.selected):hover { color: #fff; background-color: #36363b; }

#header a span {
    display: inline-block;
    width: 38px;
    height: 30px;
    margin-right: 5px;
    margin-left: -15px;
    position: relative;
    top: 7px;
    background:url(../images/nav_new.png) center center no-repeat;
}
#header .bar2 a i{
    margin: 0 10px 10px -5px;
    padding-bottom:10px;
    font-size:18px;
    opacity: .5;
}
#header .bar2 a.selected i{
    opacity: .9;
}

#header a.schedule span { background-position: 11px 5px; border-left:0 none; }
#header a.contacts span { background-position: 11px -101px }
#header a.reminders span { background-position: 12px -211px; width: 34px; }
#header a.estimates span { transform: rotate(180deg);background-position: 9px -436px; }
#header a.invoices span { background-position: 9px -436px; }
#header a.reports span { background-position: 7px -322px; }

#header a.selected { background-color: #5d5d65; color:white; }
#header a.schedule.selected span { background-position: 11px -568px; }
#header a.contacts.selected span { background-position: 11px -683px; }
#header a.reminders.selected span { background-position:9px -799px; }
#header a.estimates.selected span { transform: rotate(180deg);background-position:9px -1025px; }
#header a.invoices.selected span { background-position:9px -1025px; }
#header a.reports.selected span { background-position: 5px -910px; }

#header .search { float:right; margin:10px 12px 0 0; }
div.suggestions {
    box-shadow: 0 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    background-color: white;
    z-index:10;
    border-radius: 3px;
}
.searchform {
    position: relative;
}
.clear-search {
    background: url('../images/close.png') no-repeat;
    position: absolute;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    cursor: pointer;
}
div.suggestions div {
    cursor: default;
    height: auto;
    padding: 10px 5px 10px 50px;
    text-align: left;
    overflow:hidden;
    color: #3E4144; /* MAG #989898 */
    font-size: 14px;
}
div.suggestions div:not(.search_summary) {
    min-height: 30px;
}
div.suggestions div:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
div.suggestions div:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
div.suggestions div.selected {
    background-color: #01367B; /* MAG #8DA5D3 */
    color: white;
}
div.suggestions div.search_summary, div.suggestions div.not_found {
    height: auto;
    min-height: 15px;
    font-size: 16px;
    padding-left: 25px;
}
#dropdown > div {
    position:relative;
}
#dropdown > div > i {
    position:absolute;
    font-size: 20px;
    top: calc(50% - 10px);
    left: 0;
    width: 50px;
    text-align: center;
}
#searchsnapshot div { cursor: default; height:60px; padding: 5px 5px 5px 50px; text-align: left; border: 1px solid #999; }

#searchsnapshot { width:376px; height:60px; margin:10px auto; }

/* Company Info */
table.companyinfo td {
    font-family: 'Open Sans';
    color:#0D1115; /* MAG #9e9e9e */
    border-bottom: 2px solid #ddd;
    padding:10px 0;
    line-height:40px;
    vertical-align:top;
    width: 40%; }

/* editcontact.php */
a#newcontact, a#existingcontact { color:black; line-height:30px; border:1px solid black; display:inline-block; width:200px; text-align:center; }
a#newcontact.selected, a#existingcontact.selected { font-family: 'Open Sans', sans-serif; font-weight: normal }

/* contacts.php */
#contacttable, .reportlist, #scheduletoday, #invoicelist, #disposallist, #companylist {
    width: 100%;
    border-collapse: collapse;
}
.list-contact {
    margin-bottom: 58px;
    float: left;
    background: #FFF;
    border-bottom: 80px;
}
#contacttable td, #contacttable th,
#invoicelist th, #invoicelist td,
#disposallist td, #disposallist th,
#companylist td, #companylist th {
    border: 1px solid #CCCCCC; /* MAG #ccc */
    border-width: 1px 1px 1px 0;
    padding: 7px 10px;
    height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#contacttable th, #invoicelist th, #disposallist th, #companylist th {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    font-weight: 600;
    color:#0D1115; /* MAG #999 */
}
#contacttable td, #scheduletoday td, #invoicelist td, #disposallist td, #companylist td {
    color: #0D1115; /* MAG #555 */
    white-space: nowrap;
}
.ellipsis {
    text-overflow: ellipsis;
}
#contacttable, #invoicelist, #disposallist, #companylist {
    table-layout: fixed;
}
#contacttable th, #contacttable tr:nth-child(even) td,
.reportlist tr:nth-child(even) td,
#scheduletoday tr:nth-child(even) td,
#invoicelist th, #invoicelist tr:nth-child(even) td,
#disposallist th, #disposallist tr:nth-child(even) td,
#companylist th, #companylist tr:nth-child(even) td {
    background-color: #F2F4F8; /* MAG background-color rgba(0,0,0,0.05) */
}
#contacttable tbody tr:hover,
.reportlist tbody tr:hover,
#todayappointments tbody tr:hover,
#invoicelist tbody tr:hover,
#companylist tbody tr:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.5);
}
#contacttable tr:hover td,
#invoicelist tbody tr:hover td,
#disposallist tbody tr:hover td,
#companylist tr:hover td {
    cursor: pointer;
    background: #EAEAEA; /* MAG #ddd */
    color: #000;
}
th.addr-col {
    width: 20%;
}
th.cont-col {
    width: 20%;
}
th.type-col {
    width: 5%;
}
th.date-col {
    width: 12%;
}
th.comp-col {
    width: 11%;
}

#contacttable .auto-adjust-prices-col {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

/* Mimic merged table cells without actually merging them */
#invoicelist tr.total .invnum-col {
    overflow: visible;
    text-overflow: clip;
}
#invoicelist tr.total td:nth-child(n+1):nth-child(-n+6){
    border-right-width: 0;
}
#invoicelist tr.total td:nth-child(n+2):nth-child(-n+7){
    border-left-width: 0;
}

/* No checkbox on totals columns */
#invoicelist tr.total .cb-col span{
    visibility: hidden;
}

/* Invoice table columns */
#invoicelist th, #invoicelist td {
    width: 10%;
    height: 32px;
}

#invoicelist .empty-row-columns {
  background-color: transparent;
  border-left: none;
  border-top: none;
}

#invoicelist .column-icon {
  font-size: 22px;
}

#invoicelist .cb-col, #companylist .cb-col {
    text-align: center;
    width: 23px;
}
#invoicelist .invdate-col,
#invoicelist .payment-date-col,
#invoicelist .due-date-col,
#invoicelist .disposal-date-col,
#invoicelist .datecreated-col,
#invoicelist .phone-col {
    width: 16%;
}
#invoicelist .prop-city-col,
#invoicelist .tank-type-col {
    width: 16%;
}
#invoicelist .cont-col,
#invoicelist .billing-contact-col,
#invoicelist .billing-company-col,
#invoicelist .property-company-col,
#invoicelist .headquarters-col,
#invoicelist .prop-col,
#invoicelist .wastesite-col {
    width: 20%;
}
#invoicelist .comp-col,
#invoicelist .time-col {
    width: 12%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}
#invoicelist .pumped-col,
#invoicelist .nontaxable-amount-col,
#invoicelist .taxable-amount-col,
#invoicelist .taxrate-col,
#invoicelist .salestax-col,
#invoicelist .job-duration-col,
#invoicelist .total-sales-col,
#invoicelist .product-sales-col,
#invoicelist .category-sales-col,
.amount-col,
#invoicelist .applied-col,
#invoicelist .refunded-col,
#invoicelist .unapplied-col,
#invoicelist .tax-adjustment-col,
#invoicelist .credit-col,
#invoicelist .paid-col,
#invoicelist .refund-col,
#invoicelist .baddebt-col,
#invoicelist .amount-due-col {
    text-align: right;
}
#invoicelist .odometer-col {
    width: 12%;
    text-align: right;
}
#invoicelist .numbers-col {
    width: 12%;
    overflow: auto;
    white-space: normal;
}
#invoicelist .loose-ends-col,
#invoicelist .products-col {
    width: 20%;
    white-space: normal;
}
#invoicelist .loose-ends-col > div,
#invoicelist .products-col > div {
    /* Use a <div> inside the <td> to enforce max-height */
    max-height: 75px;
    overflow: hidden;
}
#invoicelist .invoice-dates-col,
#invoicelist .payment-date-col {
    white-space: normal;
}

#batch-change-title-popup .container {
    background-color: white;
    margin: 0 auto;
    width: 450px;
    border: solid 2px rgb(1, 54, 123);
    border-radius: 3px;
    padding: 10px 20px;
}

#batch-change-title-popup .container h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
#batch-change-title-popup .container p {
    margin: 0;
    padding: 0;
}

#column-show-hide {
    width: 192px;
    padding: 6px;
    margin-top: 0;
}
#column-show-hide li {
    list-style-type: none;
    padding: 2px 10px;
    margin: 0;
    color: #0D1115; /* MAG Added */
}

.preset-modal-container {
  display: flex;
  padding: 10px 0 !important;
  width: 100%;
}

.preset-modal-container .preset-container-column {
  flex: 1 1 auto;
}

.preset-modal-container .preset-center-content {
  border-right: solid 2.5px #777;
  width: 300px;
  max-width: 300px;
}

.preset-modal-container .preset-center-content h1 {
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  margin-top: 13px;
  margin-bottom: 18px;
}

.preset-modal-container .preset-settings-content {
  padding: 15px;
  border-bottom: solid 2.5px #777;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.preset-modal-container .preset-title {
  font-weight: bold;
  text-align: center;
  width: 58%;
}

.preset-modal-container .preset-title-input {
    display: none;
    text-align: center;
    padding: 3px;
    width: 85%;
}

.preset-modal-container #btn_cancel_edit_preset {
    display: none;
    padding: 0 23px !important;
}

.preset-modal-container #btn_save_preset, .preset-modal-container #btn_save_as_preset {
    min-width: 100px;
}

.preset-modal-container .preset-list-container {
    height: 295px;
}

.preset-modal-container .preset-list {
    margin: 0 10px 20px 10px;
    border-bottom: solid 3px #777;
    border-top: solid 3px #777;
    padding: 0.15px 0 0 0;
    max-height: 290px;
    overflow-x: hidden;
    overflow-y: auto;
}

.preset-modal-container .preset-item {
    background-color: #efefef;
    border-left: solid 3px #777;
    border-right: solid 3px #777;
    border-top: solid 3px #777;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.preset-modal-container .preset-item.selected-preset {
    background-color: #01367B;
    border-left: solid 3px #01367B;
    border-right: solid 3px #01367B;
    border-top: solid 3px #01367B;
    color: #FFF !important;
}

.preset-modal-container .preset-item:first-child {
    border-top: none;
}

.preset-modal-container .sort-by-data {
    border-top: solid 1.75px #777;
}

.preset-modal-container .filter-data-text {
    display: block;
    border: solid 1.75px #777;
    margin-top: 10px;
    padding: 5px;
    height: 200px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.preset-modal-container .filter-data-text ul {
    margin: 0;
    padding: 0;
}

.preset-modal-container .filter-data {
    margin: 0 10px;
}

.preset-modal-container .sort-by-data {
    margin: 15px 10px;
    padding-top: 10px;
    line-height: 18px;
}

.preset-modal-container .preset-item .delete-icon {
    background-color: #b50601;
    border: none;
    color: #FFF;
    font-size: 18px;
    height: 22px;
    font-weight: bold;
    padding: 2px 5px 2px 6px;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 6px;
}

.preset-modal-container .preset-item .drag-icon {
    color: #cccccc;
    margin-right: 10px;
}

.contact_checkbox, .reminder_checkbox, .estimate_checkbox {
    width: 23px;
}
.city-col {
    width: 10%;
}
.zip-col {
    width: 8%;
}
.tanks-col, .job-col {
    width: 8%;
}
.capacity-col {
    width: 10%;
}

#companylist th.date-col {
    width: 10%;
}
#admin #companylist th.date-col {
    width: 100px;
}
th.state-col {
    width: 5%;
}
#companylist th.phone-col {
    width: 10%;
}
th.plan-col {
    width: 5%;
}
th.view-col {
    width: 8%;
}
#admin span.is-on{
    display: inline-block;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    height:22px;
    width:22px;
    background: url(../images/check-box.png) -22px top no-repeat;
}
#admin span.is-off{
    display: inline-block;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    height:22px;
    width:22px;
    background: url(../images/check-box.png) 0px top no-repeat;
}
.reminders_top {
    white-space: nowrap;
}

#scheduletoday td { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; border-width: 2px 1px; padding: 5px; height: 60px;}
.date-range-select input, #customstart, #customend {
    width: 39.4%;
    font-size: 14px;
    text-align: center;
}
#scheduletoday td.typeC {
    background-color: #169D53 !important; /* MAG #41ab64 */
    color:white;
}
#scheduletoday td.typeR {
    background-color: #01367B !important; /* MAG #8DA5D3 */
    color:white; }

.filters {
    padding: 0 20px;
}

.filters > li {
    list-style: none;
    margin-bottom: 6px;
    padding-bottom:0;
}

.filters label {
    font-size: 13px;
    margin-bottom: 2px;
    display: block;
    color: #0D1115; /* MAG #777 */
    font-weight: 600; /* MAG added */
}
select.filter {
    width: 99%;
    margin-bottom: 6px;
    box-shadow: none;
}

.searchfilter {
    border: 1px solid #bbb;
    padding: 3px 30px 0px 3px;
    background-color: white;
    border-radius: 4px;
    min-height: 32px;
    position: relative;
}
.searchfilter .icon {
    float:right;
    width:30px;
    height:27px;
    background:url(../images/dropdown.png) 7px -50px no-repeat;
    background-size: 90% auto;
    background-position: 7px -34px;
    position: absolute;
    right: 0;
    top: 0;
}
.searchfilter.open .icon { background-position: 7px 9px; }
.searchfilter .clearlast { clear:both; }
.searchfilter .option {
    float:left;
    color:#0D1115; /* MAG #666 */
    margin:0px 3px 3px 0;
    padding:3px 6px;
    background-color:#FFFFFF;  /* MAG #d8e1f0 */
    border:1px solid #0D1115; /* MAG #666 */
    font-size: 13px;
    border-radius: 2px;
}
.searchfilter .option a {
    display:inline-block;
    vertical-align:middle;
    margin:-2px -5px 0 0px;
    width:16px;
    height:10px;
    padding: 5px;
    background: url(../images/exit.png) center center no-repeat; cursor:pointer;
}
.searchselect { border:1px solid #CCC; border-top:0; background-color:white; display:none; max-height:150px; overflow-y:scroll; }
.searchselect .option { cursor:pointer; padding:2px 5px; font-size: 14px; }
.searchselect .option:hover {
    color:#FFFFFF;
    background-color:#6E7173; /* MAG 8DA5D3 */
}
.searchselect .option a { display: none; }
.searchselect input[type=text]{
    width:216px;
    box-sizing:border-box;
    border-radius:0;
}
.searchinput { position:relative; display:none; }
.searchinput input[type=text] { width:100%; box-sizing: border-box; }

#contactscroll {
    width: 100%;

}
#contactscroll table {
    max-width: 100%;
    width: 100% !important;
}
/* Schedule */

/* Batch Drag Container */
.leftheading.batch-drag-container {
    position: relative;
    padding: 10px 14px;
}

.undo-link {
    display: none;
    margin-top: 3px;
    line-height: 30px;
}

.selected_checkbox_appointment {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.selected_checkbox_appointment .grabproperty {
    padding: 5px 10px !important;
}

.selected_checkbox_appointment .grabproperty .select_appointment_checkbox {
    margin-left: 10px;
}

.leftheading.batch-drag-container .container {
    position: relative;
}

.leftheading.batch-drag-container .inline, #contactname-text .inline {
    display: inline-block;
}

.grabproperty .details {
    padding-top: 28px;
}

.grabproperty .select_appointment_checkbox  {
    position: absolute;
    top: 0;
    left: 13px;
}

#waiting_area_map .select_appointment_checkbox {
    position: relative;
    left: auto;
    top: auto;
}

#selected_upcoming_appointments_quantity {
    visibility:hidden;
}
/* Batch Dragon Container End */

.day .upcomingappointments {  min-height: 72px;
    max-height: 1000px;
}
.upcomingappointments {
    overflow-y:scroll;
    clear:both;
    color:#0D1115; /* MAG #000 */
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.grabproperty {
    padding:3px 0;
    position:relative;
    border-bottom:2px solid #ddd;
    border-right: 2px solid #DDDDDD; /* MAG added */
    vertical-align:middle;
    font-weight:normal;
    text-align:left;
    overflow:hidden;
    background:#EAEAEA no-repeat right center;
    white-space:nowrap;
    cursor:pointer;
}
.edit_permission .grabproperty { cursor: grab; }
.grabproperty .details{padding-left:16px;}
.grabproperty .capacity { text-align:right; position:absolute;right:8px;top:2px;background-color:inherit;}
.upcomingappointments .address { width:67%;  }
.upcomingappointments .address p {
    display: table-cell;
    min-height: 60px;
    margin: 0;
    vertical-align: middle;
    font-size: 13px;
}
.upcomingappointments .townshipcounty{clear:both;color:#000;}
.upcomingappointments .phone{clear:both;color:#000; }
.grabproperty.tall, .grabproperty.tall .address, .grabproperty.tall .address p { height:78px; }
.grabproperty.tall2, .grabproperty.tall2 .address, .grabproperty.tall2 .address p { height:96px; }
.grabproperty.tall3, .grabproperty.tall3 .address, .grabproperty.tall3 .address p { height:114px; }
.grabproperty.tall4, .grabproperty.tall4 .address, .grabproperty.tall4 .address p { height:132px; }
.grabproperty.tall5, .grabproperty.tall5 .address, .grabproperty.tall5 .address p { height:150px; }
.upcomingappointments .address p b {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
.grabproperty.new { background-image: url(../images/star.png); }
.upcomingappointments .grabproperty:nth-child(even of :not(.hidden)) {
    background-color: #F2F4F8; /* MAG #f7f7f7 */
}
.upcomingappointments .grabproperty:hover { background: #ccc; }
.upcomingappointments > p { margin-left: 10px; }
.upcomingappointments .touch_device { width: 75%; }
.upcomingappointments .grabproperty.warning {
    background-image: none;
}

#daily_map .grabproperty {
    padding: 4px 8px;
}
#daily-trucks {
    border: 0;
}
#daily-trucks > div {
    min-height: inherit;
}
#daily-trucks .grabproperty {
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    margin: 0 2px 3px 2px;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .9;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: grab;
}
#daily-trucks .grabproperty a {
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

#frequentdestinations {
    position:fixed;
    width:275px;
    bottom:0;
    left:0;
    border-right: 2px solid #999;
    border-top: 2px solid #999;
    padding-bottom: 4px;
    background-color:#eaeaea;
    z-index: 1;
}
.destination-drop {
    overflow:hidden;
    background-color:#fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    cursor: grab;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
    margin: 4px;
}
.destination-drop > span {
    margin-left: 24px;
}
#frequentdestinations .leftheading { padding-left: 4%; line-height: 40px; height: 40px; }

#technician-drop {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.destination-selector {
    display: none;
    position: relative;
    padding: 18px 0px;
    border: 2px solid #777;
    background: #f4f4f4;
    letter-spacing: 3px;
    text-align: center;
    overflow: visible !important;
    height: auto;
    cursor: default;
    z-index: 2;
}
.destination-selector.open {
    display: block;
}
.destination-selector .select-widget {
    width: 198px;
    float: left;
    position: absolute;
    left: -250px;
    top: -30px;
    height: 90px;
    display: block;
    border: 1px solid #9f9f9f;
    border-radius:  6px;
    background: #fff;
    padding: 20px;
    letter-spacing: 0px;
    line-height: initial;
    text-align: left;
    box-shadow: 0px 2px 14px rgba(0,0,0,0.5);
    z-index: 10;
    overflow: visible;
}
.destination-selector .select-widget:after {
    content: ' ';
    position: absolute;
    display: block;
    width: 9px;
    height: 18px;
    background-position: top left;
    background-size: 100% 100%;
    top: 40px;
    right: -9px;
    background-image: url(../images/notch.png);
}

.scheduledriver #daily_truck_scroll td:only-child .destination-selector .select-widget {
    left: 50px;
}

/* Position popup to the right for the first column to avoid being hidden by left sidebar */
#daily_truck_scroll .destination-selector.backwards .select-widget {
    left: 50px;
}
#daily_truck_scroll .destination-selector.backwards .select-widget:after {
    right: auto;
    left: -9px;
    transform: scaleX(-1);
}

.destination-selector .select-widget h3,
.auto-schedule-popover h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500; /* MAG 300 */
    font-size: 15px;
    color: #0D1115; /* MAG #333 */
    border-bottom: 1px dotted #ababab;
    padding: 0px 0px 10px;
    margin: 0px 2px 13px;
}
.destination-selector .select-widget h3 img,
.auto-schedule-popover h3 img {
    float: right;
    margin-top: -3px;
    margin-left: 10px;
    cursor: pointer;
}
.destination-selector .select-widget select {
    font-size: 12px;
    width: 200px;
}
.calendarmonth.daily div.destination-selector {
    line-height: 30px;
}

.button.small-button{
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    height: 31px;
    line-height: 31px;
    margin-bottom: 0 !important;
}

#itemlist .tanks-table {
    border-top: 1px dotted #ddd;
    border-collapse: collapse;
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
    font-size: 16px;
}

#itemlist .tanks-table td {
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
    text-align: left;
    padding: 3px 0;
}
#itemlist .tanks-table td label{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right:10px;
}
.jobform .tanks-table td label,
.newjob3 .tanks-table td label {
    width:auto
}

#itemlist .tanks-table tr:first-child td {
    color: #000;
    font-weight: 600;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.tanks-count {
    display: inline-block;
    padding: 3px 5px;
    width: auto;
    font-size: 85%;
    margin-right: 1px;
    border-radius: 4px;
    background: rgba(0,0,0,.08);
}

.ui-draggable-dragging { cursor: grabbing !important; }
.ui-sortable-helper { cursor: grabbing !important; }

.upcoming_drag { position:fixed; float: left; display: block; z-index: 1000 !important; }
.calendar_drag { position:fixed; }
.schedule_month {
    display:inline-block;
    height:18px;
    color:#444;
    background-color: #eee;
    padding:11px 18px 11px;
    text-transform:uppercase;
    font-size:13px;
    font-weight: 700;
    border:1px solid #aaa;
    vertical-align:middle;
    margin-left: -1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.schedule_month:hover { background: #fff; }
.schedule_month:visited { color: #444; }
.schedule_month.selected {
    color:white;
    background-color: #01367B; /* MAG #91acd9 */
    box-shadow: inset 0 1px 7px rgba(0,0,0,.2);
}
.schedule_month:nth-child(1) { border-radius: 5px 0px 0px 5px; }
.schedule_month:nth-child(3) { border-radius: 0px 5px 5px 0px; }

.schedule_lock {
    display: inline-block;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 5px;
    vertical-align: middle;
}
.schedule_lock i{
    padding: 10px 20px;
    color: #aaa;
    font-size:22px;

}
.schedule_lock.locked {
    border-color:#FF3131; /* MAG red */
}
.schedule_lock.unlocked {
    border-color:#169D53; /* MAG green */
}
.schedule_lock.locked i{
    color:#FF3131; /* MAG red */
}
.schedule_lock.unlocked i{
    color:#169D53; /* MAG green */
}

#monthname { font-size:20px; line-height:40px; display:inline-block; min-width:175px; text-align:center; vertical-align:middle; color: #0D1115;} /* MAG added color */
#weekname { font-size:20px; line-height:40px; display:inline-block; min-width:330px; text-align:center; vertical-align:middle; color: #0D1115;} /* MAG added color */
#dayname { font-size:20px; line-height:40px; display:inline-block; min-width:300px; text-align:center; vertical-align:middle; color: #0D1115;} /* MAG added color */
#nextmonth, #prevmonth, #nextweek, #prevweek, #nextday, #prevday, #prevdriver, #nextdriver {
    line-height:40px;
    display: inline-block;
    width:24px;
    height:24px;
    background: url(../images/next.png) no-repeat center center;
    vertical-align:middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
#prevmonth, #prevweek, #prevday, #prevdriver { margin-left:20px; background-image: url(../images/prev.png); }
#prevmonth { margin-left: 15px; }
#prevyear, #nextyear {
    line-height: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    vertical-align:middle;
    text-align: center;
    font-size: 22px;
    color: #01367B; /* MAG #a6a8ad */
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.button_row {
    float:right;
    margin-right:15px;
}
.date_row, .button_row {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.calendarmonth {
    border-bottom:1px solid #ddd;
    table-layout:fixed;
    min-width: 100%;
}
.calendarmonth.daily {
    min-width: auto;
}
.calendarmonth th {
    background-color: #EAEAEA; /*MAG #f7f7f7 */
    text-transform: uppercase;
    padding:11px 10px;
    border:1px solid #ddd;
    border-width:1px 0 0px 0;
    width:14%;
    font: bold 13px 'Open Sans', sans-serif;
    color: #0D1115; /* MAG #484850 */
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.calendarmonth td { height:155px; border:1px solid #ddd; vertical-align:top; overflow:visible; }
.calendarmonth td > div:not(.schedule-note, .open-driver-menu) {
    line-height:18px;
    font-weight:normal;
    font-size:12px;
    text-align:left;
    white-space:nowrap;
    margin: 3px 2px;
    border-radius:2px;
    padding:4px 8px;
    overflow:hidden;
    text-overflow: ellipsis;
    opacity: .9;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.calendarmonth td.today div.num {
    padding-top: 3px;
}
.calendarmonth td div:hover { opacity: 1; }
.calendarmonth td div.sched { position:relative; cursor: pointer; }
.edit_permission .calendarmonth td div.sched { cursor: grab; }
.calendarmonth td div.loc {border: 2px solid #777;color: #000; background-color: #fff;}
.calendarmonth td div.num { font-size:12px; cursor:pointer; color: #0D1115;} /* MAG added color */
.calendarmonth td div .d1 { position:absolute; right:8px; top:4px; padding-left:5px; font-weight:bold; background-color: inherit; }
.calendarmonth td div .d1a { position:absolute; right:0px; top:17px; padding-left:5px;font-weight:bold; }
.calendarmonth td div .d2 { overflow:hidden; text-overflow:ellipsis; display:block; }
.calendarmonth td div .d2.customername {position:relative;overflow:visible}
.calendarmonth td div .d2.customername .d1{right:-8px;top:0; padding-right:8px;}
.calendarmonth td div .d2.customername .d1a{right:-8px;padding-right:8px;text-align:right;}
.calendarmonth td div .d2.inout {
    background-color:#000;
    margin: -4px -8px 0 -8px;
    line-height: 22px;
    min-height: 22px;
    font-size: 13px;
    text-transform: uppercase;
}
.calendarmonth.daily td div .d2.inout {
    margin: -5px -6px 0 -5px;
}
.calendarmonth.daily td div .d2.inout div{height:auto;}
.calendarmonth td div .d2.inout span {
    margin:0;
    float:right;
    color:#fff;
    font-weight:bold;
    padding:2px 6px;
}
.calendarmonth td div .d2.inout span:first-of-type{float:left;;}
.calendarmonth td div .d3 { overflow:hidden; text-overflow:ellipsis; display:block; }
.calendarmonth .saturday { color:#9FA0A2; border-right:0; } /* MAG color #bbb */
.calendarmonth .sunday { color:#9FA0A2; border-left:0; } /* MAG color #bbb */

.calendarmonth.weekly td { height:600px; cursor:default; }
.calendarmonth.weekly td > div {
    margin: 5px 2px;
}
.calendarmonth.weekly th { cursor:pointer; }
.calendarmonth.weekly div.num { height:15px; position:relative; overflow:visible; }
.calendarmonth.weekly div.sched { height:35px; }
.calendarmonth.weekly div.sched.tall { height:53px; }
.calendarmonth.weekly div.sched.tall2 { height:71px; }
.calendarmonth.weekly div.sched.tall3 { height:89px; }
.calendarmonth.weekly div.sched.tall4 { height:107px; }
.calendarmonth.weekly div.sched.tall5 { height:125px; }
.calendarmonth.weekly div.sched.tall6 { height:143px; }
.calendarmonth.weekly .timeofday {
    display: block;
    line-height: 18px;
    font-size: 12px;
}

/* Multi-day appointment band: drop adjoining margins, square inner
 * corners, and use negative margins + z-index to bridge the 2px gap
 * created by the td borders between day columns. Applies to both
 * week and month views. */
.calendarmonth div.sched.span-start {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 1;
}
.calendarmonth div.sched.span-middle {
    margin-left: -1px;
    margin-right: -1px;
    border-radius: 0;
    z-index: 1;
}
.calendarmonth div.sched.span-end {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 1;
}

.calendarmonth .target-active { background-color:#f1f1f1; border-color: #aaa; }
.calendarmonth .past-date.target-active { background-color:#fff; border:1px solid #ddd; }
.calendarmonth .today { background-color:#eaeaea; border:2px solid #484850; }
.calendarmonth td .todaynotch {
    background:url(../images/notch3.png) 0 0 no-repeat;
    position:absolute;
    top: -14px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 6px;
}

.calendarmonth.daily th {
    vertical-align: middle;
    width: 360px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    border: 2px solid #ddd;
    border-left-width: 0;
    border-bottom-width: 1px;
    text-transform: uppercase;
    min-width:250px;
 }
.calendarmonth.daily td { height:600px; cursor:default; }
.calendarmonth.daily td > div:not(.schedule-note, .open-driver-menu) {
    padding:5px;
    position: relative;
    margin: 5px 2px;
}
.calendarmonth.daily div.tall { height:55px; }
.calendarmonth.daily div.tall2 { height:73px; }
.calendarmonth.daily div.tall3 { height:91px; }
.calendarmonth.daily div.tall4 { height:109px; }
.calendarmonth.daily div.tall5 { height:127px; }
.calendarmonth.daily div.tall6 { height:145px; }
.calendarmonth.daily div.tall7 { height:162px; }
.calendarmonth.daily td div .d2.customername .d1{top:-2px;}
.calendarmonth.daily td div .d2.customername .d1a{
    top:14px;
    line-height:14px;
}
.calendarmonth.daily div.warning {
    background-image: url(../images/warning.png);
    background-repeat: no-repeat;
    background-position: bottom 3px right 20%;
}

.calendarmonth.daily td div.complete-job .completed-check{
    position:absolute;
    right:-10px;
    bottom:-5px;
}

.calendarmonth td .loose-ends-check {
    position: absolute;
    right: 40px;
    top: 5px;
    color: black;
    font-size: 1.25em;
}
.calendarmonth.weekly td .loose-ends-check {
    right: 40px;
    top: auto;
    bottom: 10px;
}
.calendarmonth.daily td .loose-ends-check {
    right: 30px;
    top: auto;
    bottom: 10px;
}

.touch_draggable {
    border: 3px solid black;
    margin: -2px !important;
    z-index: 1;
    animation: jiggle 0.4s infinite linear;
}

@keyframes jiggle {
    0% {
        transform: rotate(-1.5deg);
    }
    50% {
        transform: rotate(1.5deg);
    }
}

.completed-job {
    bottom: 17px;
    float: right;
    position: absolute;
    right: 32%;
}
.calendarmonth.daily .loc {
    border:2px solid #777;
    color:#000; background-color:#fff;
}

.calendarmonth.daily .manifest{ /* daily schedules */
    position:absolute;
    top: 0px;
    right: 60px;
    height: 41px;
    padding: 5px;
    margin: 5px 2px;
    font-size: 20px;
    font-weight: bold;
}

.calendarmonth.weekly td .manifest{
    font-weight: bold;
}

.calendarmonth.daily td.truck-column .manifest{ /* day but not driver schedule*/
    top: 15px;
}


.truck {
    /* Default style for appointments with no specific truck */
    color: #0D1115; /* MAG #000 */
    background-color: #ccc;
}

.intruck {
    height: 39px;
    padding: 3px 10px;
    margin: 0;
    color: #0D1115; /* MAG #000 */
    background-color:#fff;
    text-align: center;
    cursor: pointer;
}
.truck-stop {
    clear:left;
    cursor: pointer;
}
.edit_permission .truck-stop {
    cursor: grab;
}
i.remove-location{
    position:absolute;
    top:8px;
    right:5px;
    z-index:3;
    color:#0D1115; /* MAG #000 */
    font-size:14px;
    cursor:pointer;
}
.placeholder-appointment i.remove-location{
    color:#fff;
}
.placeholder-appointment.truck i.remove-location{
    color:#0D1115; /* MAG #000 */
}
.tall i.remove-location{
    top:28px;
}
i.remove-location:hover{
    color:#FF3131 !important; /* MAG red */
}
.truck-stop .direction-letter,
.grabproperty .direction-letter {
    font-weight:bold;
    font-size:16px;
}
.cap {
    height:45px;
    text-align:right;
    margin-right:3px;
    text-transform: none;
}
.scheduledriver .cap {
    position:absolute;
    right:8px;
    top:11px;
    background-color: inherit;
}
.cap .jobcodes { font-family: 'Open Sans', sans-serif; }
.cap .firstcap { font-family: 'Open Sans', sans-serif; }
.intruck .cap {
    font-size: 12px;
    height: auto;
    width: 25%;
    text-align: right;
    margin-right: 3px;
    color: #59585e;
}
.truck-column {
    max-width: 600px;
}
.truck-column .cap{
    top:4px;
}

.intruck .icon { margin-right:15px; }

.intruck .hq_link {
    font-size: 12px;
    line-height: 1em;
    font-weight: normal;
    text-transform: none;
    text-decoration: underline;
    text-decoration-style: dotted;
}

#change-headquarters-popover {
    position: absolute;
    top: 300px;
    left: calc(50% - 200px);
    width: 400px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
    z-index: 5;
}

.calendarmonth.daily td .ui-draggable {
    padding: 11px 9px 7px 12px;
}

.calendarmonth.daily td .ui-draggable .cap{
    width:auto;
}
.leftheading.sch-head {
    padding: 7px 0 0 0px;
    background-image:url(../images/list.png);
    background-repeat: no-repeat;
    background-position: 14px 27px;
}
.leftheading.sch-head h2 {
    margin-bottom: 7px;
    white-space: nowrap;
    font-size:14px !important;
    text-align: center;
}
.sch-head .fineprint{
    margin-top: -20px;
    margin-bottom: 5px;
    white-space: nowrap;
    text-align: center;
}
.ondeck-container {
    float: left;
    width: 80px;
    margin: 5px 0 0 5px;
    overflow: hidden;
    text-align: center;
}
.ondeck-count{
    font-size: 28px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    margin: 0 auto;
    min-width: 40px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    color: #01367B; /* MAG #849cc4 */
    /* color: #3766b5; */
    /* text-shadow: 1px 1px 0 #fff, 1px 0px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 1px 0 #fff, -1px 0px 0 #fff, -1px -1px 0 #fff; */
    /* background: url(../images/filter.png) no-repeat center center; */
    border: 1px solid #01367B; /* MAG #aaa */
    border-radius: 5px;
    text-shadow: 1px 1px 0 #fff, 1px 0px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 1px 0 #fff, -1px 0px 0 #fff, -1px -1px 0 #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.sch-head .ondeck-count.small{
    font-size:20px;
}

.sch-head .show-schedule-options{
    padding: 5px 10px;
    column-count: 2;
}
.sch-head .show-schedule-options label {
    margin: 0 0 5px 0;
}
div.open-driver-menu {
    box-sizing: border-box;
    color:#000;
    padding: 16px 0 16px 10px;
    background-image: url(../images/dropdown.png);
    background-position: right -40px;
    background-repeat: no-repeat;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    font-size: 16px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #000;
}
.calendarmonth.daily div.open-driver-menu {
    background-color:#eaeaea;
    margin: 3px 2px;
}

.calendarmonth.daily .driver-email{
    width: 170px;
    float:left;
    padding: 0 !important;
    height:60px;
    position:relative;
}
.calendarmonth.daily .driver-email .email-invoice{
    margin:6px 0;
    width: 100%;
}
.calendarmonth.daily .email-disabled-text{
    width: 100%;
    color: #EAEAEA; /* MAG black */
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
}
.calendarmonth.daily .change-driver {
    display: flex;
    align-items: center;
    height: 40px;
    color: #000;
    padding-left: 10px;
    font-size: 16px;
    background-color: #eaeaea;
    border-width: 4px;
    border-style: solid;
}
#daily_truck_scroll {
    clear: both;
    overflow-x: auto;
    overflow-y:scroll;
}
.day #daily_truck_scroll{
    min-width:0;
    overflow-x:auto;
    overflow-y:visible;
}
#daily_truck_scroll .email-confirm{
    top:50px;
}
.schedule_truck { display:block; color:inherit; }


h1.list-title {
    float: left;
    font-size: 24px;
    font-weight: normal;
    padding: 5px 0px 20px 20px;
}
h1.list-title span:first-child {
    padding-top: 0px;
}
h1.list-title span {
    display: inline-block;
    vertical-align: middle;
}
/* Trucks */
#trucks {
    padding-left: 0;
}
.truck_list {
    border: 2px solid #ccc;
    position:relative;
    margin-bottom:10px;
    font-size: 14px;
    display:block;
    color:#0D1115;
    background-color:#fff;
    cursor: pointer; /* MAG grab */
    border-radius:3px;
    padding-bottom: 0;
}
.truck_list:hover {
    border-color: #aaa;
}
.truck_list a {
    display: block;
    background-color: #ffffff;
    padding:10px 30px 18px 50px;
}
.users .truck_list {
    padding: 15px 15px;
}
.truck_list.selected {
    border-color:#0D1115; /* MAG #000 */
    box-shadow: 0 0 5px 2px #ddd
}
.truck_icon { width:50px; height:30px; background:url(../images/trucks.png) no-repeat 10px 10px; display:inline-block; vertical-align:middle; }
.truck_list .icon { margin-top: 12px; }
.truck_list .swath {
    float:left;
    width:25px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: grab;
}
.truck_list .options { display:block; float:right; visibility: hidden; opacity: 0; }
.truck_list .options span { float:right; }
.truck_list .options .tinyhr { width:45px;height:0; border-bottom:1px dotted #666; margin:5px 0; }
.truck_list .name {
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
    margin-top:5px;
    color:#3E4144; /* MAG #494850 */
}
.truck_list:hover .options { visibility: visible; opacity: 1; }
.icon { width:50px; height:28px; background-image:url(../images/trucks.png); background-repeat:no-repeat; vertical-align:middle; float:left; margin-top:5px; }

#colorpicker { border: 1px solid #ababb5; background: url(../images/sort.png) no-repeat 50px center; width:152px; height:40px; display:inline-block; text-align:left; }
#colorpicker span { width:100px; height:30px; display:block; margin:5px; }
#colorlist {
    position:absolute;
    right: 0;
    width:230px;
    height:185px;
    display:none;
    border: 1px solid #ababb5;
    background-color:#fff;
    z-index:2;
}
#colorlist a {
    float: left;
    width: 40px;
    height:40px;
    margin: 5px 0 0 5px;
    color: #000;
}
#iconpicker { border: 1px solid #ababb5; background: url(../images/sort.png) no-repeat 40px center; width:151px; height:64px; display:inline-block; text-align:left; overflow:hidden; }
#iconpicker span { height:54px; display:block; margin:5px; }
#iconlist { width:300px; height:270px; display:none; border: 1px solid #ababb5; position:absolute; background-color:#fff; z-index:2 }
#iconlist a { float:left; margin:11px; }
#difference {outline:none;}
/* Reminders */
/* MAG changed border color from #8ea9d6 */
.remindermenu a span { float:right; margin-right:20px; border:2px solid #01367B; border-radius:10px; height:20px; line-height:20px; padding:3px 8px; margin-top:5px; min-width: 15px; text-align: center;}
.remindermenu a.selected span { background-color:#4d515c; border-color:#4d515c; color:#fff; }
.remindermenu a input { width:43%; padding-left:0; padding-right:0; text-align:center; }
.reminders_top { height:50px; padding-top:13px; padding-bottom:15px; text-align:right; padding-right:10px; overflow:hidden; }
.reminder_btn, .addtank_btn  {
    display:inline-block;
    color:#fff;
    background:#169D53 url(../images/reminder-actions_arrows.png) no-repeat right -28px; /* MAG background #41a863 */
    padding:10px 44px 11px 40px;
    margin-left: 1px;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    /* box-shadow: 0 4px 0 0 #2e8348; MAG commented out */
    cursor: default;
    font-size: 14px;
}
.reminder_btn.opened { background-position: right 12px; background-color: #169D53; border-bottom-color: #169D53; } /* MAG #277541 */
.reminders_top #btn_export { margin-right: 25px;}
/* MAG background-color #41A853 border-bottom #2E8348 */
.reminder_btn.grayed { background-color:#169D53; border-bottom-color: #169D53; background-image:none; opacity: 0.3}
.reminders_top .print { position: relative; top: 1px; vertical-align: top;}
.reminder_dropdown, .service_due_dropdown {
    position:absolute;
    text-align:left;
    display:none;
    border:2px solid #01367B; /* MAG 1px #3c9f5c */
    background-color:#fff;
    width:403px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    z-index: 1;
}
.reminder_dropdown > div, .reminder_dropdown section > div { padding:15px; border-bottom:1px solid #bcddc8; border-collapse:collapse; }
.reminder_dropdown > div:last-child, .reminder_dropdown section > div:last-child { border-bottom:0; }

.reminder_dropdown li {
  break-inside: avoid-column;
}

.reminder_dropdown span.clear-deposit-date {
    cursor: pointer;
    padding: 0 5px;
}

.reminder_dropdown span.clear-deposit-date i {
    color: red;
    font-size: 20px;
}

.reminder_dropdown div.add-names-to-deposit-slip-box {
    border-left: solid 2px #ddd;
    padding-left: 8px;
}

.reminder_dropdown div.add-names-to-deposit-slip-box span {
    margin-top: -5px;
}

.service_due_dropdown div > div { padding:15px; border-bottom:1px solid #bcddc8; border-collapse:collapse; }
.service_due_dropdown div > div:last-child { border-bottom:0; }

#reset-service-due-date-content {
  display: none;
}

#reset-service-due-date-content .button {
  border: none;
  box-shadow: none;
}

.estimates_dropdown {
    position:absolute;
    text-align:left;
    display:none;
    border:1px solid #169D53; /* MAG #3c9f5c */
    background-color:#fff;
    width:403px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    z-index: 1;
}
.estimates_dropdown div { padding:15px; border-bottom:1px solid #bcddc8; border-collapse:collapse; }
.estimates_dropdown div:last-child { border-bottom:0; }
.reminder_checkbox, .contact_checkbox, .estimate_checkbox {
    text-align:center;
    border-left-width: 0 !important;
}

#inactive-email-status{
    color:#FF3131; /* MAG red */
    display:block;
    position:absolute;
    top:28px;
    left:10px;
}
@media(max-width: 1200px) {
    #inactive-email-status{
        top:40px;
    }
}
/* Login */
.login_heading {
    font-size:24px;
    color:#169D53; /* MAG #3da060 */
    text-align:center;
    font-weight:normal;
}

/* Invoices */
.invoice_header {
    font-size:30px;
    line-height:57px;
    color:#0D1115; /*MAG #484852 */
    background-repeat:no-repeat;
    padding-left:80px;
    margin:10px 0;
    position: relative;
}
.invoice_header span {
    position: absolute;
    left: 0;
    top: 0;
    color: #01367B; /* MAG #8DA5D3 */
    border: 2px solid #01367B; /* MAG #8DA5D3 */
    border-radius: 50%;
    line-height: 49px;
    height: 52px;
    width: 52px;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.vertical_dots { width:65px; }
.settings_table { background:url(data:image/gif;base64,R0lGODlhAQACAIABAIikzP///yH5BAEAAAEALAAAAAABAAIAAAICRAoAOw==) 28px top repeat-y; width:100% }
.settings_table p {
    color: #0D1115; /* MAG added */
    margin-top: .5em;
    margin-bottom: .5em;
}

.products_table { border-collapse: separate; border-spacing: 0 10px; table-layout: fixed; }
.products_table p { color: #777; margin-top: .5em; margin-bottom: .5em; font-size: 15px; }
.products_table tr:hover .item_options { visibility: visible; }
.products_table .ui-sortable-helper:hover .item_options { visibility: hidden; }
.products_table select {
    width: 100%;
}
.jump-to-products {
    display:block;
    color:#666;
}
#update-invoice-prices {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 540px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
}
.job-code-font{font-size:larger;font-family: "Times New Roman", Times, serif !important}
.item_options {
    font-family: 'Open Sans', sans-serif;
    color:#3E4144; /*MAG #999 */
    border:1px solid #3E4144; /* MAG #999 */
    padding:5px;
    visibility: hidden;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    /* box-shadow: 0 0 5px 0 #ccc; MAG commented out */
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}
.item_options > a {
    flex: 1;
}
a.item_edit {
    font-family: 'Open Sans', sans-serif;
    color:#3E4144; /* MAG #666 */
}
a.item_delete {
    font-family: 'Open Sans', sans-serif;
    color:#3E4144; /* MAG #666 */
}
a.item_clone {
    font-family: 'Open Sans', sans-serif;
    color:#3E4144; /* MAG #666 */
}
#newrow-0, #newitem-0, #newzone-0, #newcategory-0, #cropnewrow-0 {
    display:none;
}
.fineprint {
    font-size:14px; /* MAG 13px */
    color: #3E4144; /* MAG #484850 */
}
.fineprint a, a.fineprint {
    color:#3E4144; /* MAG #999 */
    text-decoration:underline;
}
.finelink { color:#01367B; } /* MAG #84a0c7 */

.email-terms {
    border: 1px dashed #8AA4CF;
    border-radius: 5px;
    background: #fafafa;
    padding: 2em 2.5em;
}
.email-terms h3 {
    color: #555;
    margin-bottom: 1em;
}
.email-terms ol {
    padding-left: 1em;
    font-size: 14px;
}
.email-terms li {
    font-size: 14px;
    padding-left: 1em;
}
.email-terms ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.email-terms p {
    font-size: 14px;
    line-height: 1.8;
}
.email-terms li p {
    color: #555;
}
.email-terms p a {
    color: #555;
    text-decoration: underline;
}
.email-terms p strong {
    color: #555;
}

/* editjob.php */
#totalprice2 { font: normal 22px 'Open Sans', sans-serif; color: #333; }
a.backtoproperty {
    color: #01367B;
    font-weight: bold;
    margin-left: 0;
    text-decoration: underline;
}
#backtopropertymanifestsummary {
    color: #999;
    float: right;
    padding-left: 40px
}
a.backtoproperty:hover,
#backtopropertymanifestsummary:hover{
    color: #000;
}
#truck.noaccess {
    opacity: 1;
}
#driver.noaccess {
    opacity: 1;
}
/* Jobs popup frame */
#darkbox {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
#lightbox {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    border: 0;
    background-color: white;
    z-index:100;
    overflow-y: scroll;
    border-radius: 4px;
}
#closebox {
    position: fixed;
    right: 10%;
    top: 10%;
    z-index: 100;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    margin: -60px -50px 0 0;
    text-align: center;
    color: #eee;
    border: 4px solid #eee;
    border-radius: 50%;
}
.jobs-bar { width: 100px; height:30px; background:url(../images/jobs-bar2.jpg) 0 -23px no-repeat; }


/* Dashboard */
.dashboard .leftcolumn {
    text-align: center;
}
.dashboard .leftheading {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 25px 0;
    text-transform: uppercase;

}
.leftheading h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 16px !important; /* MAG 13px */
    color: #0D1115; /* MAG #4A474F */
    letter-spacing: 0.25px;
}

.dashboard .centercolumn {
    text-align: center;
    border: none;
}

.dashboard .stats {
    margin: 30px auto;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    margin: 0 auto;
    display: block;
    width: 85%;
    background: url(../images/stat-divider.png) repeat-y center top;
}

.dashboard .stats h4 {
    padding: 40px 0;
    float: left;
    width: 50%;
    font: 36px/1 'Open Sans';
    font-weight: 300;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.dashboard .stats h4.avg {
    text-align: right;
}

.dashboard .stats h4 span {
    display: block;
    font-size: 14px;
}

.dashboard .stats a {
    display: block;
    border-top: 2px solid #ddd;
    padding: 25px 0;
    clear: both;
    color: #999;
    font-size: 14px;
    background: #fff;
}

.dashboard .feedback {
    display: block;
    width: 60%;
    margin: 60px auto;
    color: #0D1115; /* MAG #999 */
    font-size: 16px;
    line-height: 1.3em;
}

.dashboard .feedback strong {
    display: block;
    margin-bottom: 12px;
    color: #169d53; /* MAG #72AD8E */
}

.dashboard .feedback a {
    color: inherit;
    text-decoration: underline;
}

.dashboard #dayname {
    min-width: 60px;
}

.weather {
    margin: 0;
    background: #29292b url(../images/wthr-bg.png) repeat-x center top;
    color: #fff;
    padding: 20px 0;
    margin-top: -1px;
}

.weather > * {
    display: inline-block;
}

.weather, .job-complete {
    display: none;
}

.wthr-icon {
    display: none;
}

.weather .current-temp {
    font: normal 28px 'Open Sans', sans-serif;
    margin: 0 0 0 15px;
}

.hi-temp, .lo-temp {
    color: #999;
    float: right;
    padding-left: 25px;
    margin-left: 30px;
    font-weight: bold;
}

.hi-temp {
    margin-right: 20px;
}

.today header {
    background: #fff;
    border-bottom: 2px solid #dddddd;
    border-top: 2px solid #dddddd;
    padding: 12px 0;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
}

.today table {
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.today table tr td {
    padding: 18px 10px;
    border-bottom: 2px solid #ddd;
    margin: 0;
}

.today table tr:nth-child(even) td {
    background: #F2F4F8; /* MAG #f7f7f7 */
}

.today td.gallons {
    width: 60px;
}

.full-sched {
    text-align: center;
    /* color: #6E7173; /* MAG #999 */
    display: block;
    font-size: 16px; /* MAG 14px */
    margin: 40px auto;
}

.full-sched:hover {
    /* color: #999; */
    text-decoration: none;
}
.user-notifications{
    margin:20px 0 40px;
}

.user-notifications.scroll {
    overflow-y: scroll;
    height: 540px;
}

.user-notifications table {
    background-color:#fff;
}
.user-notifications table td{
    border: 2px solid #ccc;
    border-width: 1px 1px 1px 0;
    padding: 7px 10px;
    height: 20px;
    font-size: 14px;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-notifications table tr:nth-child(odd) td {
    background-color: #F2F4F8; /* MAG f2f2f2 */
}

.notepad {
    width: 88%;
    /* width: 330px; */ /*Temp – should be fluid*/
    background: #fff url(../images/notepad-body.png) repeat-y left top;
    box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    text-align: left;
    margin: 20px auto;
}

.notepad textarea {
    border: none;
    overflow: scroll;
    background: none;
    min-height: 350px;
    resize: none;
    display: block;
    width: 88%;
    position: relative;
    top: 16px;
    padding: 0 3% 0 9%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    line-height: 30px;
    text-align: start;
    text-decoration: none;
    word-break: normal;
    overflow-wrap: break-word;
    word-spacing: 0px;
    box-shadow: none;
    border-radius: 0;
    color: #0D1115; /* MAG added */
}

.notepad textarea:focus {
    outline: none;
    border: none;
}

.notepad header {
    background: #fff url(../images/notepad-header.png) repeat-y left top;
    padding: 10px 0;
}

.notepad header p {
    color: #0D1115; /* MAG #b5b5b8 */
    margin: 10px 0 0px 30px;
    font-size: 14px;
}

.notepad footer {
    background: #fff url(../images/notepad-header.png) repeat-y left top;
    padding-bottom: 25px;
    position: relative;
    z-index: 2;
}

.notepad a {
    color: #01367B; /* MAG #8da7d2 */
    font-size: 13px;
    text-decoration: underline;
}

.clear-notes {
    margin-left: 28px;
}

#schedulenote {
    position:absolute;
    width:230px;
    height:174px;
    background-color:#fff;
    border:2px solid #999;
    border-radius:5px;
    padding:20px 20px 10px;
    z-index: 3;
    color: #0D1115;
}

#schedulenote .radio-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
    margin-bottom: 20px;
}

/* Add A Time popup */
#scheduletime {
    position:absolute;
    width:230px;
    height:174px;
    background-color:#fff;
    border:2px solid #999;
    border-radius:5px;
    padding:20px 20px 10px;
    z-index: 3;
    color: #0D1115;
}
#scheduletime .heading, #schedulenote .heading { font-size:16px; }
.close { float:right; padding:20px; margin:-10px; background:url(../images/close.png) center center no-repeat; }
#scheduletime hr, #schedulenote hr { margin:15px 0 20px 0; border: none; border-bottom: dashed 1px #CCC;}
#scheduletime input[name=time] { width:80px; font-size:22px; padding:3px 15px; vertical-align:middle; line-height: 35px;}
#schedulenote input[name=note] { width:200px; font-size:22px; padding:3px 15px; vertical-align:middle; line-height: 35px;}
.am, .pm {
    color:#0D1115; /* MAG #000 */
    background-color: #EAEAEA; /* MAG #ebebeb */
    width:50px;
    line-height:41px;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    border:2px solid #b7b7b7;
    font-size: 13px; }
.am { margin-left:10px; border-radius: 5px 0 0 5px; }
.pm { border-left:0; border-radius: 0 5px 5px 0; margin-left: -5px; }
.am.selected, .pm.selected {
    color:#fff;
    background-color:#01367B; /* MAG #91acd9 */
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.15) inset;
}
#scheduletime .recurring { display:block; line-height:40px; }
#scheduletime .button, #schedulenote .button { margin-top:20px; width:230px; padding:0; }
#scheduletime .notch, #schedulenote .notch { position:absolute; margin:0; padding:0; opacity:1; width:17px; height:36px; left:270px; top:140px; background:url(../images/notch.png) 0 0 no-repeat; }
#scheduletime .send-confirmation {
    display:none;
}

.general-note {
    display: inline-block !important;
    margin: 0 5px !important;
}

.general-note.holiday div {
    text-align: center !important;
    margin: 0 !important;
    padding-right: 5px !important;
}

.general-note div {
    height: 20px !important;
    padding-right: 70px !important;
    width: auto !important;
}

.schedule-note {
    background-color: white !important;
    border: solid 4px #333;
    position: relative;
    margin: 2px 0;
}

.schedule-note.holiday div {
    width: 96%;
    text-align: center;
    margin: 0;
    padding: 10px 5px;
}

.schedule-note div {
    vertical-align: middle !important;
    text-align: left;
    line-height: 20px;
    min-height: 20px;
    font-weight: bold;
    color: #000 !important;
    font-size: 14px;
    overflow-wrap: break-word;
    white-space: normal;
    padding: 10px 5px 10px 10px;
}

.deleteNoteButton {
    float: right;
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: red;
    cursor: pointer;
    padding: 10px;
}

.editNoteButton {
    float: right;
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: #01367B;
    cursor: pointer;
    padding: 10px;
}

/* Frequent destinations */
.location_list {
    border: 2px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
    color: #555;
}
.location_list:hover{
    border-color: #aaa;
}
.location_list.pinned{
    cursor: grab;
}
.location_list.selected { border-color:#000; }
.location_list p {
    margin: 0;
    /* min-height: 22px; */
    height: auto;
    line-height: 1.3; }
.location_list .options { float:right; display:none; margin-top:7px; }
.location_list .options span { float:right; }
.location_list .options .tinyhr { width:45px;height:0; border-bottom:1px dotted #666; margin:5px 0; }
.location_list:hover .options { display:block; }
.location_list a:link,.location_list a:hover,.location_list a:visited,.location_list a:active{
    color: #494850;
}
/* Property */

.property, .jobform {
    background: #EAEAEA;
    color: #0D1115; /* MAG #484850 */
    min-height: 1px;
    padding: 1px 0;
}
.jobform {
    color: #0D1115; /* MAG #000 */
}
.property .column-3 {
    float:left;
    width: 44.7%;
    padding:0 0 0 5%;
}
.property-service-list {
    display: block;
    background-image: url(../images/up.png);
    background-position: right 15px;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all 0.3s;
}

.property-service-list.closed {
    background-image: url(../images/down.png);
    height: 50px !important;
    transition: all 0.3s;
}
.property-service-list .bad-debt-stamp {
    width:100px;
    transform: rotate(-5deg);
}

.property-service-list .job-cancelled-stamp {
    margin-top: -15px;
    margin-right: -10px;
    transform: rotate(12deg);
    width: 100px;
}

.property .column-3 .newjob {
    width: 100%;
    margin-bottom: 20px;
}

.property-service-list h3, .property-note-block h3 {
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    padding-top: 10px;
}
.property-service-list h3 img {
    margin-top: -5px;
    margin-right: 10px;
}
.property .column-3 ul {
    padding: 0 3px;
}
.property .column-3 li a,
.property .column-3 li a:link,
.property .column-3 li a:visited {
    display: inline-block;
    color: #01367B; /* MAG #849cc4 */
    text-decoration: underline;
}
.property-service-list table {
    width: 100%;
    border-collapse: collapse;
}
.property-service-list li table.auto-schedule a {
    display: none;
}
.property-service-list li:hover table a {
    display: inline-block;
}
.property-service-list table .left {
    float: left;
}
.property-service-list table thead tr {
    height: 20px;
}
.property-service-list table thead tr td:nth-child(2) {
    text-align: center;
}
.property-service-list table thead tr td:nth-child(3) {
    text-align: right;
}
.property-service-list table tbody tr:first-child td {
    padding-top: 10px;
}
.property-service-list table tbody tr:last-child td {
    border-top: 1px solid #ccc;
    padding-bottom: 10px;
}
.property-service-list table tbody tr:last-child td:first-child {
    border-top: none;
}
.property-service-list table tbody tr td:nth-child(2),
.property-service-list table tbody tr td:nth-child(3) {
    text-align: right;
}
.property-service-list table tfoot tr td:nth-child(2),
.property-service-list table tfoot tr td:nth-child(3) {
    border: 1px solid #ccc;
    text-align: center;
}


#pagecontent header {
    overflow: hidden;
}

header .back {
    float: left;
    display: block;
    margin: 20px 0 0 20px;
    padding-left: 38px;
    color: #169D53; /* MAG #3b9c5b */
    font: normal 16px 'Open Sans', sans-serif; /* MAG 14px */
    text-transform: uppercase;
    letter-spacing: .5px;
    white-space: nowrap;
    background: url(../images/back.png) no-repeat 7px 5px;
    background-size: 16px; /* MAG 14px */
}
header .back:hover {
    /* color: #000; MAG commented out */
    opacity: 0.8; /* MAG added */
}

#pagecontent .wrap {
    width: 98%;
    margin: 20px auto;
    position: relative;
}

#pagecontent.property .wrap {
    margin-top: 10px;
}

.jobform#pagecontent header {
    overflow: visible;
}

.jobform .wrap {
    background: #fff;
    min-height: 840px;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
}

.jobform .itemlist a { color: #000; }
.jobform .leftcolumn .payment a{
    text-decoration: underline
}
.prior-job-notes {
    overflow-wrap: break-word;
}
.prior-job-notes a {
    color: #01367B !important;
    text-decoration: underline;
    font-weight: bold;
}
.prior-job-notes .line4-title {
    margin-left: 10px;
}
.prior-job-notes .line4-content {
    margin-left: 20px;
}

.jobform .leftcolumn #service-contract-invoices a {
    color: #01367B; /* MAG #849cc4 */
    text-decoration: underline
}

#pr-prop {
    background: #fff;
    border: 2px solid #dddddd;
    margin-left: 35%;
    position: relative;
    overflow: visible;
    background: #fff;
}

#pr-contact {
    float: left;
    width: 34%;
    border: 2px solid #dddddd;
    background: #fff;
}

#pr-prop .link {
    position: absolute;
    left: -45px;
    top: 18px;
    height: 70px;
    width: 70px;
    display: block;
    background: url(../images/linked.png) no-repeat center center;
}

#pr-prop .link span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

#pr-prop header, #pr-contact header {
    width: 90%;
    padding: 18px 5% 40px;
    background: #fff url(../images/head-shadow.png) repeat-x 0 100%;
    text-transform: uppercase;
}
#pr-prop header{
    padding:16px 5% 31px;
}

#pr-prop header img, #pr-contact header img {
    margin-top: -4px;
}
#pr-prop header img.bad-debt-stamp{
    margin-left:80px;
    width:140px;
}

#pr-prop header a, #pr-contact header a {
    float: right;
    text-align: right;
    margin-right: 0;
    text-decoration: underline;
    color: #01367B; /* MAG #849cc4 */
    font-size: 15px;
    text-transform: none;
}
#pr-prop header a.deleteprop{
    padding-top:2px;
}
#pr-prop header .tab-selector i {
    font-size: 32px;
}

#pr-contact header a {
    margin-right:30px;
}
a.address-status {
    text-decoration: underline;
    color: #01367B; /* MAG #849cc4 */
    text-transform: none;
}
#pr-prop .inner, #pr-contact .inner {
    width: 90%;
    margin: 20px auto 50px;
}

#pr-prop .inner[data-tab='image-gallery'] .thumbnail{
    float:left;
    padding: 20px 20px 0px 0;
    width:250px;
    height:200px;
}

#pr-prop .inner[data-tab='image-gallery'] .thumbnail img{
    display:block;

}

#pr-prop .inner[data-tab='image-gallery'] .thumbnail{
    position: relative;
}
#pr-prop .inner[data-tab='image-gallery'] .thumbnail:hover .delimage {
    display: block;
}
#pr-prop .inner[data-tab='image-gallery'] .thumbnail .delimage{
    right: -0px;
    top: -0px;

}


#statistics .inner {
    width: 69%;
    margin: 38px auto 50px;
}

#pr-contact .inner {
    width: 80%;
}

#propertyname-monthly-statement-edit {
    display: none;
}

#propertyname-monthly-statement-edit, #propertyname-monthly-statement-info {
    margin: 12px 0;
}

#propertyname-monthly-statement-info * {
    color: #0D1115 !important; /* MAG rgb(72, 72, 80) */
}

#propertyname-edit input, #contactname-edit input, #contactphone-edit input {
    padding: 6px 12px;
    margin: 3px 0;
}

#propertyname-edit .township-parcel-permit label{
    font-size:16px;
    padding-top:10px;
}
#propertyname-edit .township-parcel-permit input{
    width:200px;
    float:right;
}

#propertyname-text #property-township span, #propertyname-text #property-parcelnumber span, #propertyname-text #property-permitnumber span{
    width:100px;
    display:inline-block;
}

#contactphone-text { clear:both; }

.property h2 {
    font: 100 30px/1.2em 'Open Sans', sans-serif;
}

.property label {
    font-size: 15px;
    margin-bottom: 5px;
    display: inline-block;
}

.property ul,
.property-service-list ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.property ul > li,
.property-service-list > li {
    margin-bottom: 14px;
}

.property ul label {
    display: block;
    width: 100%;
}

.formfield input[type=text] {
    width: 80% !important;
}
.namefield {
    display: inline;
}

.property #prop-options label {
    width: 100%;
}

.status-label {
    font-size: 14px;
    position: relative;
    top: -4px;
}

.button.validate {
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}
.property ul input[type=text] {
    padding: 8px 4%;
    font-size: 15px;
    width: 90%;
}
.property ul strong input {
    font-weight: bold;
}

.property-note-block-header b {
    margin-right: 4px;
}

.property-note-block-header img {
    margin-right: 5px;
}

.property textarea, .property-note-block textarea, .property-notes-block textarea {
    display: block;
    width: 94.2%;
    margin-bottom: 15px;
    resize: none;
    height: 90px;
    color: #0D1115; /* MAG added */
}
.prop-type {
    margin-bottom: 15px;
    padding-bottom: 25px;
    border-bottom: 2px solid #ddd;
    color: #0D1115; /* MAG added */
}
p.prop-type {
    margin-top: 5px;
}
.job-img {
    float: left;
    display: block;
    background: url(../images/job-form.png) no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    margin-left: 20px;
    white-space: nowrap;
    padding-left:35px;
}
.job-img .bad-debt-stamp{
    margin-left:40px;
    width:140px;
}
.last-sent {
    color: #0D1115; /* MAG #777 */
    font-size: 12px;
    text-align: right;
    float: left;
    max-width: 150px;
    line-height: 1.4;
    margin: 0 1.5em 0;
    position: relative;
    top: 4px;
}
.last-sent span {
    white-space: nowrap;
}

.email-invoice-wrap {
    position: relative;
    margin-right: 16px;
}
.email-confirm {
    display: flex;
    position: absolute;
    margin-top: 12px;
    right: 0;
    border: 1px solid #aaa;
    z-index: 1;
    text-align: left;
    padding: 12px;
    background: #fff;
    border-radius: 4px;
    opacity: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.15);
    will-change: transform;
    visibility: hidden;
    transition: .2s ease;
    transform: translateY(-.5em);
}
.email-invoice-wrap .email-confirm {
    top: 100%;
}
.email-trip-ticket-wrap .email-confirm {
    top: 80px;
    right: 110px;
}

.email-invoice.blue:active {
    top: 2px;
}

.email-invoice:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/sending-email.gif);
    background-image: url(../images/sending-email.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: opacity .2s ease;
}

.email-invoice.is-sending {
    color: transparent;
    color: rgba(255,255,255,.1);
}

.email-invoice.is-sending:after {
    opacity: 1;
}

.email-confirm.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.email-confirm .button-sm {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 12px 0;
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    top:0;
}

.email-confirm :last-of-type {
    margin-bottom: 0;
}

.email-select {
    padding-right: 10px;
    min-width: 200px;
}

.email-select label {
    text-indent: 0;
    color: #000;
}

.email-guidelines, .texting-guidelines {
    display: none;
}

.next-service {
    font-size: 18px;
    height:50px;
}

.next-service a {
    font-size: 15px;
    text-decoration: underline;
    color: #01367B; /* MAG #849cc4 */


}
.next-service img {
    position:relative;
    top:50%;
    transform:translateY(-50%);
}
.next-service .service-det {
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.truck-map {
    cursor: pointer;
}
.truck-map a {
    color: #000;
    padding-bottom: 2px;
}
.intruck:hover a {
    border-bottom: 1px dotted #999;
}
.col-info p {
    color:#0D1115; /* MAG */
    margin:0 0 5px;}

.textblock { min-height:22px; overflow-wrap: break-word; }
.textblock div {
    color: #0D1115; /* MAG #999 */
}
/*.textblock:hover .startedit { display:inline; }*/
.startedit {
    float:right;
    display:inline;
    color:#01367B; /* MAG #84a0c7 */
    text-decoration:underline;
}

/* Job Form */

.jobheader {
    padding: 15px 0 6px;
    line-height:36px;
}
.jobheader .email-select {
    line-height:normal;
}

#editjob div.site-contact-item {
    margin-bottom: 5px;
}

.jobform .twocolumns {
    background: none;
    padding: 1px 0;
    overflow: auto;
}

.jobform .twocolumns .leftcolumn, .jobform .twocolumns .rightcolumn {
    background: transparent url(../images/head-shadow.png) repeat-x top left;
    border: none;
    padding: 30px 3%;
}

.jobform .twocolumns .rightcolumn {
    border-left: 1px dotted #aaa;
}

.jobform .rightcolumn {
    border-left: none;
}

#itemlist {
    margin: 0;
    font-size: 22px;
    padding: 0;
}

#itemlist li {
    border: 1px solid transparent;
    list-style: none;
    margin: 0;
    padding: 12px 15px 10px;
    border-radius: 3px;
    display: block;
    position: relative;
    border-bottom:solid 1px #b7e5f4;
}

#itemlist li:hover {
    border: 1px solid #ddd;
}

#itemlist li h4, #itemlist li span {
    display: inline-block;
}

#itemlist.invoice-itemlist.ui-sortable .itemrow td,
.new-job #itemlist .itemrow td {
    vertical-align: top;
}

#itemlist.invoice-itemlist.ui-sortable .itemrow td input[type=checkbox] + label {
    margin: 0;
}

#products_table .item-list {
    word-break: break-word;
    white-space: normal;
}

.category_drag_parent > tr:not(.edited-row),
.product_drag_parent > tr:not(.edited-row) {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#products_table .item-list .item-name-cell {
    word-break: break-word;
    white-space: normal;
}

#products_table .item-list .item-name-cell ul.item-description-list {
    margin: 0;
    padding-left: 50px;
    list-style-type: none;
}

#itemlist.invoice-itemlist li.item-description-list-item, #products_table .item-list .item-name-cell li.item-description-list-item {
    font-size: 16px;
    padding: 0px !important;
    border-bottom: 1px solid transparent;
}

#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item:hover {
    border: 1px solid #ddd;
    border-radius: 3px;
}

#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item  {
    border: 1px solid transparent;
}

#itemlist.invoice-itemlist li.item-description-list-item:hover {
    border-bottom: 1px solid #ddd;
}

#itemlist.invoice-itemlist li.item-description-list-item:first-child,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item:first-child {
    margin-top: 5px;
}

#itemlist li.item-description-list-item .item-box,
#itemlist li.item-description-list-item .edit-item-box,
#products_table .item-list .item-name-cell li.item-description-list-item .item-box,
#products_table .item-list .item-name-cell li.item-description-list-item .edit-item-box {
    display: flex;
    align-items: center;
}

#products_table .item-list .item-name-cell li.item-description-list-item .item-box {
    padding: 5px 0;
}

#itemlist li.item-description-list-item .item-box i,
.service-detail #itemlist li.item-description-list-item .edit-item-box i,
.new-job #itemlist li.item-description-list-item .edit-item-box i,
#products_table .item-list .item-name-cell li.item-description-list-item i {
    padding: 0 3px;
}

.new-job #itemlist li.item-description-list-item,
.service-detail #itemlist li.item-description-list-item {
    padding: 10px 10px 10px 25px !important;
}

#itemlist li.item-description-list-item .edit-item-box textarea,
#products_table .item-list .item-name-cell li.item-description-list-item .edit-item-box textarea {
    height: 17px;
    width: 83%;
    resize: vertical;
}

#itemlist li.item-description-list-item .edit-item-description,
#itemlist li.item-description-list-item .cancel-edit-item-description,
#itemlist .add-item-description,
#itemlist li.item-description-list-item .remove-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .cancel-edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .remove-item-description,
.new-job .add-site-contact,
#editjob .add-site-contact,
.new-job .edit-site-contact,
#editjob .edit-site-contact,
.new-job .delete-site-contact,
#editjob .delete-site-contact {
    cursor: pointer;
}

.new-job .add-site-contact,
#editjob .add-site-contact {
    background-color: #169D53;
    color: #fff;
    border-radius: 50%;
    margin-left: auto;
    padding: 7px 11px 7px 11px;
    font-size: 16px;
}

.new-job .site-contact-phone,
#editjob .site-contact-phone {
    color: #01367B;
    cursor: pointer;
    text-decoration: underline;
}

#itemlist .add-item-description {
    background-color: #01367B;
    color: #fff;
    border-radius: 5px;
    padding: 0 5px 2px 5px;
    margin-right: 5px;
    font-size: 22px;
}

#products_table .item-list .item-name-cell li.item-description-list-item .item-box .edit-item-description,
#products_table .item-list .item-name-cell li.item-description-list-item .item-box .cancel-edit-item-description,
#products_table .item-list .item-name-cell li.item-description-list-item .item-box .remove-item-description {
    visibility: hidden;
}

#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item:hover .item-box .edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item:hover .item-box .cancel-edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item:hover .item-box .remove-item-description {
    visibility: visible;
}

#itemlist li.item-description-list-item .remove-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .remove-item-description,
.new-job .delete-site-contact,
#editjob .delete-site-contact {
    color: #FF3131;
    display: inline-block;
    width: 36px;
    text-align:center;
}

#itemlist li.item-description-list-item .edit-item-description,
#itemlist li.item-description-list-item .cancel-edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .cancel-edit-item-description,
.new-job .edit-site-contact,
#editjob .edit-site-contact {
    color: #01367B;
    display: inline-block;
    width: 36px;
    text-align:center;
}

#itemlist li.item-description-list-item,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item {
    cursor: grab;
}

#products_table .item-description-text-input {
    text-align: left;
    margin-right: 14px;
}

#itemlist li.item-description-list-item .item-description-text,
#products_table .item-list .item-name-cell li.item-description-list-item .item-description-text {
    display: inline-block;
    width: 85%;
    padding-right: 12px;
    max-width: 85%;
    word-break: break-word;
    text-align: justify;
}

.new-job #itemlist li.item-description-list-item .item-description-text,
.service-detail #itemlist li.item-description-list-item .item-description-text {
    font-size: 16px;
}

.item-description-text::before {
    content: "- ";
    white-space: nowrap;
}

#itemlist.invoice-itemlist li.item-description-list-item .edit-item-box .cancel-edit-item-description,
#products_table .item-list.item-options-enabled .item-name-cell li.item-description-list-item .edit-item-box .cancel-edit-item-description {
    padding-right: 2px;
}

#itemlist.ui-sortable .itemrow h4{
    width:100%;
    cursor: grab;
}

#itemlist li span.taskprice,#itemlist li span.returnedtaskprice {
    text-align: right;
    color: #01367B; /* MAG #8da5d1 */
    margin-right: 50px;
    float: right !important;
    width: auto;
}

#itemlist .taskdelete {
    position: absolute;
    right: 25px;
    top: 23px;
}


#itemlist li.add-another {
    border: 1px solid #acaab5;
    background: #eaeaea;
    padding: 12px 2% 12px;
    margin: 10px 0 0 0;
    width: 96%;
    float: left;
    position: relative;
    z-index: 0;
}

#itemlist li.add-another select {
    width: 30%;
    margin-bottom: 4px;
    float: left;
}
#itemlist li.add-another select.doublewidth {
    width: 60%;
}
#itemlist li.add-another .select2-container {
    width: 30% !important;
    display: block;
    float: left;
    margin-bottom: 4px;
    height: 40px;
}
#itemlist li.add-another select.choose_product + .select2-container {
    width: 60% !important;
}
#itemlist li.add-another .select2-container .selection {
    display: block;
    width: 100%;
}
#itemlist li.add-another .select2-container .select2-selection--single {
    height: 40px;
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 4px;
}
#itemlist li.add-another .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #0D1115;
    line-height: 38px;
    padding-left: 8px;
}
#itemlist li.add-another .select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

#itemlist li {
    width: 96% !important;
    padding: 15px 20px !important;
    margin-bottom: 0px !important;
    float: left;
}

select#frequency {
    border-radius:5px;
    padding:10px;
    border:1px solid #ABABB6;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    vertical-align:top;
}
#itemlist li span.create-task {
    text-align: right;
    float: right;
    color: #0D1115; /* MAG #999 */
    margin-right: 48px;
    font-size: 16px;
    margin-top: 10px;
}

#itemlist li span.create-task a {
    color: #333;
    margin-left: 4px;
    text-decoration: underline;
}

#itemlist li.total {
    padding: 15px 13px;
    margin: 0;
    border: 1px solid transparent;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

#itemlist li.total:hover {
    border: 1px solid transparent;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.job-notes-box, .job-terms-box {
  vertical-align: text-top;
  display: inline-block;
  position: relative;
  width: 48%;
}

.job-notes-box textarea, .job-terms-box textarea {
  margin-top: 10px;
  width: 94%;
}

.job-terms-box {
  margin-left: 20px;
}

.job-terms-box textarea {
  width: 98%;
}

.post-job {
    width: 100%;
    float: left;
    margin: 15px 0;
}
.post-job.half {
    width:50%;
    float: left;
    margin: 15px 0 ;
    box-sizing:border-box;
}

.post-job label {
    display: block;
    margin-bottom: 5px;
}

.post-job .notes {
    padding-left:2%;
    width:48%;
    float:left;
}

.post-job textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
}

.property-images {
    width: 100%;
}
.invoice-image-filters{
    padding-left:10px;
}
.property-images label {
    font-size: 14px;
    color: #0D1115; /* MAG #999 */
    display: block;
}

.property-images .dropfilearea{
    width:100%;
    position:relative;
    height:80px;

}

.property-images .thumbnail{
    float:left;
    padding: 12px;
    width:250px;
    border:1px solid #ccc;
    position:relative;
    margin:12px 12px 0 0;
}

.property-images .thumbnail img{
    display:block;
    padding-bottom:10px;
    width:250px;
    height:auto;
}

.property-images .thumbnail:hover .delimage {
    display: block;
}
.property-images .thumbnail .delimage{
    right: -0px;
    top: -0px;
}
.property-images .thumbnail .image-title{
    font-weight:bold;
    font-size:16px;
    padding-top:5px;
    overflow-wrap: break-word;
}
.property-images .thumbnail .image-comments{
    max-height:120px;
    overflow-y:auto;
}
.property-images .thumbnail .image-info{
    padding-bottom: 5px;
}
.property-images .thumbnail .image-info i{
    float:right;
    padding-top:3px;
}
.property-images .thumbnail hr{
    border-top: 1px solid #eee;
    margin:0 0 10px 0;
}

.property-images a:link, .property-images a:hover,.property-images a:visited{
    color:#01367B; /* MAG #849cc4 */
}
.property-images a:link.back-to, .property-images a:hover.back-to,.property-images a:visited.back-to{
    color: #0D1115; /* MAG #999 */
    text-decoration: underline;
    text-transform:uppercase;
    float:right;
    font-size:14px;
}

.invoice-document-filters{
    padding-left:10px;
}


/* MAG added */
.loose-ends {
    color: #F28C28;
}


.property-documents .fa-flag::after {
    color: #FF3131;
}

.property-documents .dropfilearea{
    width:100%;
    position:relative;
    height:80px;

}
.property-documents label {
    font-size: 14px;
    color: #0D1115; /* MAG #999 */
    display: block;
}

.property-documents .thumbnail{
    float:left;
    padding: 12px;
    width:300px;
    border:1px solid #F2F4F8; /* MAG #ccc */
    margin:12px 12px 0 0;
    min-height: 124px;
}

.property-documents .thumbnail {
    position: relative;
}
.property-documents .thumbnail:hover .deldoc {
    display: block;
}
.property-documents .thumbnail .deldoc{
    right: -0px;
    top: -0px;
}
.property-documents .thumbnail input{
    width:100%;
    box-sizing: border-box;
}
.property-documents .thumbnail textarea{
    width:100%;
    margin-top:5px;
    box-sizing: border-box;
}
.property-documents .thumbnail .document-icon{
    font-size:60px;
    display:block;
    color:#999;
    text-align:center;
    padding-bottom:8px;
}
.fa-file-excel, .fa-file-csv {
    color: #1d6f42 !important; /* MAG #2e7d32 */
}
.fa-file-word {
    color: #0d47a1 !important;
}
.fa-file-pdf {
    color: #FF0000 !important; /* MAG #b0111c */
}

.property-documents .thumbnail .document-title {
    overflow-wrap: break-word;
}
.property-documents .thumbnail .document-title i{
    float:right;
    padding-left: 8px;
}

.property-documents a:link, .property-documents a:hover,.property-documents a:visited{
    color:#01367B; /* MAG #849cc4 */
}
.property-documents a:link.back-to, .property-documents a:hover.back-to,.property-documents a:visited.back-to{
    color: #0D1115; /* MAG #999 */
    text-decoration: underline;
    text-transform:uppercase;
    float:right;
    font-size:14px;

}

.pump-n-dump {
    width:50%;
    margin-bottom:20px;
}
.pump-n-dump td{
    border-bottom:1px solid #ddd;
    padding: 3px 0 15px;
}
.pump-n-dump td:first-child{
    padding-left:20px;
}
.pump-n-dump tr:first-child td{
    padding-top:3px;
}
.pump-n-dump tr.totalpumped td{
    padding-top:22px;
    border-bottom:4px solid #ddd;
    border-top:2px solid #ddd;
}
.pump-n-dump tr.wastesite td:first-child{
    padding-right:20px;
}
.pump-n-dump tr:last-child td{
    padding-top:20px;
    border-bottom:0;
}

.pump-n-dump td.source-spacer{
    background: url(../images/pump-dump3.jpg) no-repeat 0 -2px;
}
.pump-n-dump span{
    font-size:20px;
}
.pump-n-dump span#totalgallonspumped{
    text-align:right;
    display:block;
}
.pump-n-dump input[type=text]{
    width:100%;
    box-sizing:border-box;
    text-align:right;
}
#dumplocation {
    width: 100%;
}
.job-signature-link {
    border-bottom:1px solid #ddd;
}
.job-signature-pre {
    border-bottom:1px solid #ddd;
    text-align: center;
}
.job-signature-pre span, .job-signature-post span, .maintenance-tips-box span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-1px 9px 0 0;
    vertical-align:middle;
    background:url(../images/check-box.png) -0 top no-repeat;
}
.job-signature-pre span.checked, .job-signature-post span.checked, .maintenance-tips-box span.checked {
    background-position: -22px top;
}
.job-signature-pre .disabled, .job-signature-post .disabled, .job-signature-link .disabled {
    opacity: 0.3;
}

.job-signature-post {
    width: 33%;
    text-align: right;
    border-bottom:1px solid #ddd;
}
.jobform .actions {
    width: 100%;
    display: block;
}
.jobform .notes td {
    padding-bottom: 15px;
}
.linkedproperties {
    display:block;
    margin:5px 0;
    padding:10px;
    border:1px solid #999;
    color: #01367B; /* MAG #84a0c7 */
}
.linkedproperties div.balance{
    float:right;
    color:#169D53; /* MAG green */
    font-weight: bold; /* MAG added */
}
.linkedproperties div.balance span{
    display:none;
}
.linkedproperties div.balance.negative{
    color:#FF3131; /* MAG red */
    font-weight: bold; /* MAG added */
}
.linkedproperties div.balance.negative span{
    display:inline-block;
}
#browsefiles {
    color: #01367B; /* MAG #84a0c7 */
}
.showdown {
    background: url(../images/up.png) right center no-repeat;
}

.property-service-list ul {
    overflow-y: auto;
    max-height: 400px !important;
    margin-top: 10px;
}

.property-service-list.appointments ul li {
    background: #F2F4F8; /* MAG #f2f2f2 */
    padding: 10px 15px;
    position: relative;
    min-height: 79px;
}
.property-service-list.appointments ul li:first-child {
    margin-top: 5px;
}
.property-service-list.appointments .line1 {
    margin-right: 100px;
}
.property-service-list.appointments .line2 {
    display: block;
    margin-top: 11px;
}
.property-service-list.appointments .line3 {
    position: absolute;
    top: 4px;
    right: 10px;
}
.property-service-list.appointments .line4 {
    position: absolute;
    top: 40px;
    right: 10px;
}
.property-service-list.appointments a.line4,
.property-service-list.appointments a.line4:link,
.property-service-list.appointments a.line4:visited {
    color: #3E4144; /* MAG #666666 */
}
.property-service-list.appointments .line5 {
    position: absolute;
    top: 70px;
    right: 10px;
}
.property-service-list.appointments .line5.left{
    right:auto;
    left:16px;
}
.property-service-list ul li:not(.no-style) {
    font-size: 14px;
    background-color: #F2F4F8; /* MAG #e8edf3 */
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    margin: 15px 0;
    padding: 15px;
}
.property-service-list ul li.paid {
    background: #F2F4F8 url(../images/paid1.png) no-repeat right -4px; /* MAG #f2f2f2 */
}
.property-service-list.appointments ul li.paid {
    background: #F2F4F8 url(../images/paid1.png) no-repeat center 6px; /* MAG #f2f2f2 */
}
.paid-job {
    width: 65%;
}
.deletecontact, .deleteprop { display: inline; }

.printedlogo {
    max-width:216pt;
    max-height:56pt;
    float:right;
}



/* Print Today */
#printtoday #previewframe {
    float:left;
    margin-top:0;
    height:82%;
    margin-left:3%;
    width:800px;
}
#print-button-wrapper{
    padding:15px;
    width:100%;
    margin-bottom:10px;
}
#printtoday #drivers {
    font-size:22px;
    padding-left: 3%;
    overflow-y: auto;
}
#printtoday #checkbar {
    padding-left: 3%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size:18px;
}
#printtoday #checkall, #printtoday #checknone {
    color: #000;
}
#printtoday #previewdiv {
    width:78%;
    background-color: #FFF;
    float:right;
    border-left:2px solid #ccc;
}

/* Print waiting area */
.printwaitingarea {
    color: #000;
    font-family: 'Open Sans', sans-serif;
}
.printwaitingarea #upcoming {
    padding-left: 3%;
    overflow-y: auto;
}
.printwaitingarea .waiting_area_property td {
    text-align:left;
    position:relative;
    background:#eaeaea no-repeat right center;
    border-bottom:2px solid #888;
    vertical-align:middle;
    overflow:hidden;
    white-space:nowrap;
    font-weight:normal;
}
.printwaitingarea .waiting_area_property label {
    display: block;
    position: relative;
    padding: 5px;
}
.printwaitingarea .waiting_area_property:nth-child(even) td {
    background-color: #f7f7f7;
}
.printwaitingarea .waiting_area_property.already_printed td {
    background-color: #c4c4c4;
}
.printwaitingarea .waiting_area_property:hover td {
    background-color: #ddd;
}
.printwaitingarea .waiting_area_property .capacity {
    text-align:right;
    position: absolute;
    right: 8px;
    top: 2px;
    background-color: inherit;
}

#previewdiv #itemlist li{
    padding:25px;
    border-bottom:1px solid #ccc;
}
#previewdiv #itemlist li:hover{
    border:1px solid transparent;
    border-bottom: 1px solid #ccc;
}

.printwrapper #invoice-page{
    margin-bottom:40px;
}
.hide-invoice-elements{
    float:right;
    padding:0 !important;
    margin-top:-18px;
    margin-right:-10px;
}

.hide-manifest-elements{
    float:right;
    width:178px;
    padding:0 !important;
    margin-top:-10px;
    margin-right:-11px;
    line-height:20px;
    color:#169D53; /* MAG #41a660 */
}

.usps-return-address {
    min-height: 128px;
}

.dropfilearea {
    border: 2px dashed #ccc;
    width: 39.6%;
    height: 95px;
    position: absolute;
    margin-top: 12px;
}
.dropfilearea.hover {
    border: 2px dashed #169D53; /* MAG #41ab64 */
}
.dropfilearea img {
    display: block;
    margin: 10px auto;
    float:left;
    padding: 18px 20px 18px 40px;
}
.dropfilearea p {
    padding-top: 18px;
    font-size: 14px;
}
progress {
    width: 100%;
}
progress:after {
    content: '%';
}
.fail {
    background: #FF3131; /* MAG #c00 */
    padding: 2px;
    color: #fff;
}
#imagepath {
    opacity: 0;
    position: relative;
    width: 0;
    height: 80px;
    top: 20px;
}
.image-popup-vertical-fit img {
    width: 98.5%
}
.showimage {
    position: relative;
}
.showimage:hover .delimage {
    display: block;
}
.delimage, .deldoc{
    background: url(../images/delete-image.png) no-repeat;
    cursor: pointer;
    height: 44px;
    position: absolute;
    right: -15px;
    top: -18px;
    width: 38px;
    z-index: 1;
    display: none;
}
.download-img {
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 48%;
    top: 70px;
    width: 28px;
    z-index: 1;

}
.download-all {
    color: #01367B; /* MAG #8DA5D3 */
    padding-left: 20%;
    outline: none;
}
/*.ajaxloader {
        background: url(../images/ajax-loader.gif) no-repeat;

}*/
.repcompany {
    padding-left: 20px;
    display: inline-block;
    margin-top: 10px;
}
.reportlist tr td:first-child {
    font-size: 14px;
}
.reportlist[data-report="pump-data"] th a{
    color:#fff;
    cursor:pointer;
}

.reportlist td {
    font-size: 14px;
    font-feature-settings: 'tnum';
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
}
.reportlist td, .reportlist th {
    border: 1px solid #ccc ;
    border-width: 1px 1px;
    padding: 10px 10px;
    min-width: 80px;
    text-overflow: ellipsis;
}
.reportlist td:first-child {
    color: #000;
}
.reportlist th:last-child, .reportlist td:last-child {
    border-left: 2px solid #333;
    text-transform: uppercase;
}
.reportlist .total td {
    border-top: 2px solid #333;
    text-transform: uppercase;
}
.reportlist th {
    background-color: #01367B !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
    height: 22px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
}
.reportlist th > .dis-arrow {
    background:url(../images/arrowdown-white.png) no-repeat 0 0;
    opacity: 0.5;
}
.reportlist th > .arrow-up {
    background:url(../images/arrowtop-white.png) no-repeat 0 0;
    opacity: 0.5;
}
.reportlist th > .active {
    opacity: 1;
}
.open-incomplete-invoice-list {
    text-decoration: underline;
}
.incomplete-financial-summary, .unapplied-payments-box {
    display:none;
    float:left;
    border: 1px solid red;
    text-align: left;
    width: 390px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff0f0;
}

#statistics {
    float: left;
    width: 21%;
    border: 1px solid #dddddd;
    background: #fff;
}
.formfield {
    float: left;
    width: 47%;
}
.deletetank {
    margin-top: 28px;
    float: right;
}
#addtanks, .report .print, #noaccesstanks {
    float: right;
}
.report header {
    padding: 16px 16px 6px 16px;
    font-size: 20px;
    color: #4B4652;
    position: relative;
}

/*-----css for dashboard----------*/
.block-one {
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 71px;
    padding: 10px;
    text-align: center;
}
.block-one span {
    font-weight: bold;
    font-size: 20px;
    color: #4B4850;
}
.today-sched {
    color: #01367B; /* MAG #9CACD3 */
    font-size: 20px;
    text-decoration: underline;
}
.block-two {
    /* background: #E9E9E9 MAG commented out */
    padding: 30px 10px;
    line-height: 70px;
    border-bottom: 2px solid #DCDCDC;
    border-top: 2px solid #DCDCDC;
}
.block-two a.print-today, .block-two a.print-tomorrow {
    border: 2px solid #169D53; /* MAG #AAA7B4 */
    border-radius: 3px;
    color: #169D53; /* MAG #AAA7B4 */
    margin-right: 5px;
    padding: 12px;
}
.block-two a.print-today:hover, .block-two a.print-tomorrow:hover {
    background: #fff;
    color: #169D53; /* MAG #777 */
}
.block-two a.print-today {
    margin-left: 45px;
}
.block-two a.print-tomorrow {
    margin-right:20px;
}

.notepad footer img {
    padding-top: 10px;
}
.print-email {
    float:right;
    margin-right: 10px;
}

.print-email .email-notes, .print-email .print-notes {
    margin: 10px;
}
.firstlogin {
    padding-bottom: 25px;
}
ul.firstlogin {
    list-style: none;
    padding: 0;
    margin: 10px auto;
    border-radius: 10px;
    border: solid 1px #4D72A2; /* MAG 2px #e4e4e4 */
    width: 90%;
}
ul.firstlogin li {
    background: #FFFFFF; /* MAG #F6F6F6 */
    border-bottom: dashed 1px #E5EAF1; /* MAG #E4E4E4 2px*/
    text-align: left;
}
ul.firstlogin li:first-child {
    border-top-left-radius: 10px; /* MAG 8px */
    border-top-right-radius: 10px; /* MAG 8px */
}
ul.firstlogin li:last-child {
    border-bottom-left-radius: 10px; /* MAG 8px */
    border-bottom-right-radius: 10px; /* MAG 8px */
    border: none;
}
ul.firstlogin li a {
    padding: 15px 0;
    color: #4D72A2; /* MAG #B9BABC */
    display: block;
}
ul.firstlogin li img {
    padding: 0 10px;
    width: 35px;
    height: auto;
}
ul.firstlogin li span {
    border: 1px solid #4D72A2; /* MAG #8DA5D3 */
    color: #4D72A2; /* MAG #8DA5D3 */
    background: #fff;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    font-weight: 900;
    margin: 0 15px;
}
ul.firstlogin li:hover {
    background: #FFF;
    color: #000;
}

.backup {
    border-bottom: 2px solid #DDDDDD;
    border-top: 2px solid #DDDDDD;
    display: block;
    margin: 0 auto;
    width: 90%;
    padding: 45px 0;
    position:relative;
    text-align:left;
    color: #0D1115; /* MAG added */
}
.backup a {
    color: #01367B; /* MAG #9CACD3 */
    font-size: 20px;
    text-decoration: underline;
    vertical-align:top;
    line-height: 30px;
}
.get-started {
    padding: 30px 0;
    position: relative;
}
.get-started h4 {
    font-weight:600;
    letter-spacing: .5px;
    font-size:21px;
    color: #01367B; /* MAG #44AE67 */
    text-transform: uppercase;
}
.get-started span {
    color: #8E8C91;
    display: block;
    font-size: 14px;
    margin-right: 30px;
    position: absolute;
    right: 12px;
    top: 34px;
}

#scheduletoday td:first-child {
    width: 2%;
}

.today table {
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.today table tr td {
    padding: 18px 10px;
    border-bottom: 2px solid #ddd;
    margin: 0;
}

/* MAG commented out because this is a duplicate
.today table tr:nth-child(even) td {
    background: #f7f7f7;
}
*/

.today td.gallons {
    width: 60px;
}

.name-error, .email-error {
    color: #FF3131; /* MAG #FF0000 */
    display: none;
    font-size: 13px;
}
.cancel-edit {
    color: #01367B !important; /*MAG #84a0c7 */
}

.clearzip {
    cursor: pointer;
    float: right;
    color: #000;
}

/*---------------css for new contact page-------------*/
#newcontactbox input {
    width: 91%;
    margin-bottom: 15px;
}
#newcontactbox select, #newcontactbox .save-changes {
    width: 100% !important;
}
#newcontactbox input[type=radio] {
    width: auto;
    margin-right: 5px;
}
.label-address {
    display: block;
    float: left;
    width: 20%
}
.address {
    width: 100%;
}
.long-name {
    width: 78%;
    float: left;
}
.long-name .single-line {
    width: 109%;
}
.long-name input {
    width: 94%;
}
.address input {
    margin-bottom: 10px;
}
.single-line input[name="city"] {
    width: 33.3%;
    margin-right: 1%;
}
.single-line input[name="state"] {
    width: 13%;
    margin-right: 1%;
}
.property .single-line input[name="zip"] {
    width: 20%
}
.single-line input[name="township"] {
    width: 38%;
    margin-right: 1%;
}
.single-line input[name="county"] {
    width: 38%;
}
.clear {
    clear: both;
}
.label-type {
    margin-right: 13%;
}
.label-frequency {
    margin-right: 22%;
    white-space: nowrap;
}

.inner select {
    width: 100%;
}
.savecontact {
    float: right;
    margin-right: 1.5%;
}
.label-service {
    display: inline-block;
    width: 34%;
    margin-right: 7%;
}
.left-sub {
    width:44%;
    padding:0 5% 0 0;
    float:left;
    border-right:1px dotted #8aa4cf;
    margin-bottom: 5%;
    margin-top: 5%;
}
.right-sub {
    width: 45.8%;
    padding: 5% 0 0 5%;
    float: left;
}
.right-sub input, .right-sub textarea, .right-sub select {
    margin-bottom: 15px;
}
.search-snap {
    width:330px !important;
    height:40px !important;
    margin:10px 0 !important;
}
#newcontactbox {
    padding-top: 25px;
}
/*-------------css for job form2-------------*/
.job-second {
    margin: 0 auto;
    width: 70%;
}
.job-second .single-line {
    margin-left: 17.6%;
}
.job-second input[name=zip] {
    width: 19%;
}
.job-note {
    float: left;
    margin-top: 30px;
    text-align: left;
    clear: both;
}
#freqmul {
    width: 10%;
}
.inner select[name="frequency"] {
    width: 33% !important;
    margin-left: 10px;
}
.delete_btn, .contact_btn, .export_btn {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    /* opacity: 0.3; MAG commented out */
    padding: 10px 34px;
    top: 1px;
}
.setting-address input {
    margin-bottom: 10px;

}
.companyinfo input[type=text],
.companyinfo input[type=password],
.companyinfo input[type=email] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 3%;
}
.info-link, .info-link a {
    color: #808080;
}
.info-link a {
    text-decoration: underline;
}

/*----------css for job form by Nikesh-----------------*/
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: " ";
    display: table;
}

.clearfix:after, .cf:after {
    clear: both;
}

.form-column {
    box-sizing: border-box;
    width: 96%;
    margin: 0 2%;
    padding: 60px 40px 30px 65px;
    background: #fff;
}
.form-header {
    width:100%;
    padding-bottom:30px;
    border-bottom:solid 1px #cccccc;
    margin-bottom:30px;
}
ul.wdt {
    list-style:none;
    padding:0;
    margin:0;
}
ul.wdt li {
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    float:left;
    color:#343434;
}
ul.wdt li:after {
    font-family:'Open Sans', sans-serif;
    margin-right:2px;
}
ul.wdt li:last-child:after {
    content: "";
}
.title-center {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align:center;
    width:500px;
    margin:0 auto;
    line-height:22px;
    padding-top:5px;
}
.tech-name {
    font-family: 'Open Sans';
    font-size:18px;
    padding-left:30px;
}
.title-right {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-transform:uppercase;
    float:right;
    margin:-19px 0 0;
}
.form-left-col {
    width:55%;
    float:left;
    padding:0 0 10px;
    margin:0 0 20px 0;
}
.form-right-col {
    float: left;
    margin: 0 0 20px ;
    padding: 0 0 10px;
    width: 45%;
}
.form-right-col form p {
    margin-top:0;
}
.name-title {
    font-family: 'Open Sans', sans-serif;
    font-size:26px;
    clear:both;
    margin:0 0 20px;
}
.form-left-col .col-one {
    width:43%;
    margin-right:5%;
    float:left;
}
p.billing-addr {
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    line-height:26px;
}
.form-left-col dl {
    display:block;
    margin:50px 0 20px;
}

.form-left-col dl dt {
    width:50%;
    float:left;
    color:#8d8d8d;
    margin-bottom:10px;
}
.form-left-col dl dd {
    float:left;
    width:45%;
    margin-left: 5%;
    margin-bottom: 10px;
    min-height: 25px;
}
.form-right-col form label{
    font-family: 'Open Sans', sans-serif;
    display: block;
    margin-bottom:10px;
}
.form-right-col form label > img {
    display:inline-block;
    margin-right:15px;
}
.description-column {
    margin:40px 0px 0;
}
.description-column p {
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    margin:0 0 5px;
    text-transform:uppercase;
}
.description-column span.det {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
}
.divider-line {
    height:1px;
    border-top:solid 1px #cccccc;
    clear:both;
}
.clear {
    clear:both;
}
.title-text {
    font-family: 'Open Sans', sans-serif;
    font-size:26px;
    margin-left:20px;
}
.contact-info {
    width: 250;
    margin-right: 50px;
    float: left;
}
.top-space {
    /*padding-bottom: 30px;*/
    padding-bottom:25px;
}
.radio-box {
    width: 200px;
    height: 150px;
    background: #fff;
    -webkit-box-shadow:inset 1px 1px 15px 0px #999;
    box-shadow: inset 1px 1px 15px 0px #999;
    border-radius: 5px;
    position: relative;
    float: left;
    margin-right: 20px;
}
.radio-box input {
    position:absolute;
    bottom:-5px;
    left:45%;
}

.single-invoice {
    background: #fff url(../images/text-icon.png) no-repeat center center;
}
.double-invoice {
    background: #fff url(../images/note-icon.png) no-repeat center center;
    width: 100%;
}
#numberoftanks {
    display: block;
}
#numberofcontacts, #numberofinvoices {
    border: 2px solid #01367B; /* MAG #92A0D4 */
    border-radius: 6px;
    display: inline-block;
    min-width: 20px;
    width: auto;
    padding: 4px 7px 4px 6px;
    text-align: center;
    color: #01367B; /*MAG color: #8Ea9D6 */
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 5px;
}

#percentageofcontacts {
  border: 2px solid #169d53; /* MAG #92A0D4 */
  border-radius: 6px;
  display: inline-block;
  min-width: 20px;
  width: auto;
  padding: 4px 7px 4px 6px;
  text-align: center;
  color: #169d53; /*MAG color: #8Ea9D6 */
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 5px;
}

.small {
    text-transform: none;
    font-size: 14px; /* MAG 12px */
}
.pages a {
    margin: 0 2px;
    color: #01367B; /* MAG #8EA9D6 */
}
.start-date, .end-date {
    margin-left: -23px;
    display: none;
    margin-right: 9px;
}
#startdate, #enddate, .date-range-select input {
    padding: 10px 2%;
}
.choose-job-label {
    width: 29.6%;
}
#difference {
    color: #01367B; /* MAG #8EA9D6 */
    padding-top: 10px;
    text-decoration: underline;
}
.hor-td, .hor-td-right {
    background-color: #eaeaea;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.hor-td {
    border-radius: 10px 0 0 10px;
}
.hor-td-right {
    border-radius: 0 10px 10px 0;
}
.items-row td {
    padding: 0;
}

.field-column-input {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset;
    background-color: #EAEAEA;
    border-radius: 10px;
    float: left;
    margin-bottom: 10px;
    margin-left: 83px;
    padding: 7px;
    position: relative;
}
.field-column-input input {
    box-shadow: none;
    border: none;
    background: none;
}
.field-column-input .edit-delete {
    border: 1px solid #CCCCCC;
    padding: 15px 5px;
    position: absolute;
    right: -115px;
    text-align: center;
    top: 8px;
    width: 100px;
    display:none;
}
.field-column-input:hover .edit-delete {
    display:block;
}
.dollar {
    border-left: 1px solid #ccc;
    display: inline-block;
    line-height: 40px;
    padding-left: 5px;
}
.match-password, .password-length {
    display: none;
}
input.reset-pass, input.login-pass {
    background: url("../images/key.png") no-repeat scroll 283px 13px #FFFFFF;
    padding-right: 50px;
}
.cap .gallons {
    font-size: 12px;
    font-weight: normal;
}
#drivermenu {
    position: absolute;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 4px solid #01367B;
    overflow-y: scroll;
    width: 357px;
    max-height: 409px;
}
.driver {
    color: #000000;
    font-size: 16px;
    padding: 10px 5px;
    background-color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.driver:hover, .driver.selected {
    color: #ffffff;
    background-color: #01367B;
}
a.driver {
    color: #000000;
}
a.driver:hover, a.driver.selected {
    color: #ffffff;
}

#map-key {
    pointer-events: none;
}
#truckmenu {
    max-width: 100%;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#truckmenu > div {
    pointer-events: auto;
    padding: 5px;
    align-items: center;
}

.truck-menu-button, .categorymenu-button {
    flex: 1;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #000 !important;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    opacity: 0.5;
}

.truckmenu-radio-container {
    box-sizing: border-box;
    margin-right: 10px;
    padding: 0;
    width: 50px;
}

.truckmenu-radio-container input[type=radio] + label {
    display: block;
    line-height: 30px;
    border-width: 2px;
    border-style: solid;
    border-color: #000 !important;
    border-radius: 5px;
    padding: 3px;
    margin: 0;
    text-align: center;
    opacity: 0.5;
}
.truckmenu-radio-container input[type=radio] + label span {
    background-position: 0 center;
    margin: 0;
}

.categorymenu-button {
    background-color: #ffffff;
}

.truck-menu-item, .category-menu-item {
    display: none;
}

.truck-menu-item.selected .truck-menu-button,
.truck-menu-item.group-selected .truck-menu-button,
.truck-menu-item.selected .truckmenu-radio-container input[type=radio] + label,
.truck-menu-item.group-selected .truckmenu-radio-container input[type=radio] + label,
.truckmenu-radio-container input[type=radio]:checked + label,
.categorymenu-button.selected,
.categorymenu-button.group-selected {
    opacity: 1;
}

.truck-menu-item.selected .truck-menu-button,
.truckmenu-radio-container input[type=radio]:checked + label,
.categorymenu-button.selected {
    border-color: #eee !important;
    outline: 4px solid #0000cc;
}

.flex-break {
    flex-basis: 100%;
    width: 0;
    height: 0;
}

.form-container {
    background-color: #FFFFFF; /* MAG #EAEAEA */
    /* border-top: 10px solid #3DA060; MAG commented out */
    border: 3px solid #01367B; /* MAG added */
    border-radius: 5px;
    margin: 40px auto;
    padding: 70px 80px;
    width: 320px;
    position: relative;
}

.form-container input {
    margin: 10px 0 10px;
}
.form-container label.error, #edit-users label.error  {
    font-size: 12px;
}
#edit-users label.error {
    display: table;
}
#edit-users input[type=text], #edit-users input[type=password] {
    width: 91%;
    margin: 5px 0;
}
.error-msg {
    position: absolute;
    font-size: 12px;
    color: #FF3131; /* MAG #F00 */
    margin: 0;
    bottom: 0;
}
.form-container .error-msg {
    top: 55px;
}
.form-container div {
    position: relative;
}
.form-container .button {
    margin-top: 10px;
    margin-bottom: 10px;
}
.forgot-pass {
    color: #3E4144; /* MAG #838383 */
}
input.login-email, input.email-forgot {
    background: url("../images/email.png") no-repeat scroll 283px 13px #FFFFFF;
    padding-right: 50px;
}
.extra-fields {
    text-align: left;
}
.success-msg {
    color:#169D53; /* MAG #3EA560 */
}

#pr-contact input[type=radio], ul#prop-options input[type=checkbox], .prop-fields input[type=checkbox], #scheduletime input[type=checkbox], .jobform input[type=checkbox] {
    display:none;
}

#pr-contact input[type=radio] + label, ul#prop-options input[type=checkbox] + label, #scheduletime input[type=checkbox] + label, .jobform input[type=checkbox] + label {
    display:block;
}

ul#prop-options input[type=checkbox] + label {
    display:inline-block;
    width: auto;
}

#pr-contact input[type=radio] + label span,
ul#prop-options input[type=checkbox] + label span,
.prop-fields input[type=checkbox] + label span,
.jobform input[type=checkbox] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-1px 9px 0 0;
    vertical-align:middle;
}

.item-list.draggable, .terms-item.draggable, .recommendations-item.draggable {
    cursor: grab;
}
.item-list {
    font-size: 18px;
}
.item-list td {
    color: #0D1115; /*MAG #a7a8ac */
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    background-color: #EAEAEA; /* MAG #eee */
    padding: 0 5px;
    box-shadow: inset 0px 0px 0px 1px #ababb5,
    inset 0px 5px 5px -5px rgb(0, 0, 0, 0.2),
    inset 0px -5px 5px -5px rgb(0, 0, 0, 0.2);
}
.item-list td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px #ababb5,
    inset 0px 5px 5px -5px rgb(0, 0, 0, 0.2),
    inset 0px -5px 5px -5px rgb(0, 0, 0, 0.2),
    inset 5px 0 5px -5px rgb(0, 0, 0, 0.2);
}
.item-list td:nth-last-child(2) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px #ababb5,
    inset 0px 5px 5px -5px rgb(0, 0, 0, 0.2),
    inset 0px -5px 5px -5px rgb(0, 0, 0, 0.2),
    inset -5px 0 5px -5px rgb(0, 0, 0, 0.2);
}
.item-list td:last-child {
    box-shadow: none;
    background-color: transparent;
}
.item-list input {
    background: none;
    width: 100%;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: center;
}
.item-list input[readonly] {
    pointer-events: none;
}

.products_table .currency-symbol {
    position:absolute;
}

.products_table .item td {
    padding: 10px;
}

.products_table .item-name-cell {
    text-align: left;
}

.products_table .add-bulleted-list {
    background-color: #169D53;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 7px 8px 7px 10px;
}

.products_table .add-bulleted-list-options {
    display: inline-block;
    visibility: hidden;
}

.products_table .item-list.item-options-enabled .add-bulleted-list-options {
    visibility: visible;
}

.item-options-enabled td {
    background-color: #ffffff;
}
.item_options img {
    vertical-align:sub;
}
.update-card {
    border: 0;
    float:left;
}

/* Tax settings */
.tax-tabs {
    background-color: #EAEAEA; /* MAG #eeeeee */
    padding: 8px 8px 0 8px;
    border: 1px solid #cccccc;
    height: 35px;
}
.tax-tab, .tax-tab:visited {
    float: left;
    padding: 5px 30px 0 30px;
    height: 30px;
    color: #01367B; /* MAG #849cc4 */
    font-weight: bold; /* MAG added */
}
.tax-tab.selected {
    color: #0D1115; /* MAG #000000 */
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-bottom-width: 0;
    font-weight: bold; /* MAG added */
}

.settings-overlay {
    width: 87%;
    background-color: #FFF;
    position: absolute;
    opacity: 0.1;
    height: 100%;
    top: 0;
}
.rem-over {
    width: 90% !important;
    height: 85px !important;
}
.job-overlay {
    width: 100% !important;
}
.prop-overlay {
    width: 67.5% !important;
}
.new-contact-overlay {
    width: 100% !important;
}
.contact-overlay {
    background-color: #FFF;
    top: 0;
    width: 92%;
    opacity: 0.1;
    height: 85px;
    position: absolute;
}
.search_property:nth-child(odd), .search_contact:nth-child(odd), .search_wastesite:nth-child(odd) {
    background-color: #F2F4F8; /* MAG #EAEAEA */
    border-top: solid 1px #A5A8AD;
    border-bottom: solid 1px #A5A8AD;
}
.search_summary {
    border-bottom: solid 1px #A5A8AD;
}
.access-msg {
    margin-top: 50px;
    text-align: center;
    color: #FF3131; /* MAG #FF0000 */
}
.panel-access {
    padding-top: 50px;
    text-align: center;
    color: #FF3131; /* MAG #FF0000 */
}
.access-msg p a {
    color: #FF3131; /* MAG #FF0000 */
    text-decoration: underline;
}
.instructions-import {
    padding: 20px;
}
.instructions-import ul {
    padding-left: 10px;
}
.instructions-import ul li {
    font-size: 14px;
    padding-bottom: 7px;
}
.instructions-import p {
    font-size: 18px;
}
.instructions-import span {
    font-weight: bold;
}
.instructions-import p a {
    text-decoration: underline;
}

.layout-column {
    width:91% !important;
    margin:0 auto;
    padding:20px 0;
}
.pagination {
    background:#FFFFFF;
    border-top: 2px solid #CCCCCC;
    bottom: 0;
    width:100%;
    padding:0 0 10px;
    height: 50px;
}
.pagination.upper {
    padding-top:0;
    width:100%;
    border:none;
    opacity: 0;
    visibility: hidden;
}
.pagination table td{
    text-align:center;
}

.pagination.lower {
    /*position: absolute;*/
    position: fixed;
    left: 277px;
    right: 0;
    width: auto;
    height: auto;
    background: #fff;
    color: #0D1115; /* MAG #000 */
    padding: 10px 0 7px;
    border-top: 1px solid rgba(90,90,90,.3);
    background: rgba(255,255,255,.9);
    text-align: center;
}
.nav-back {
    float: left;
    margin-left: 15px;
}
.nav-fwd {
    float: right;
    margin-right: 15px;
}
.lower .con-num {
    border-bottom: 1px dotted #01367B; /* MAG blue */
    cursor: pointer;
}
.lower nav {
    position: relative;
    /*left: -138px;*/
}
.pagination.lower p {
    text-align: center;
    color: #0D1115; /* MAG #000 */
    margin: 0 20px;
    /*padding: 10px 0;*/
    display: inline-block;
}
.pagination.lower .numbers {
    text-align: center;
    color: #0D1115; /* MAG #000 */
    margin: 0 20px;
    /*padding: 10px 0;*/
    display: inline-block;
    position: relative;
    top: -2px;
}
.lower .numbers a {
    display: inline-block;
    padding: 8px 11px;
    background: transparent;
    margin: 0;
    border-radius: 5px;
    color: #01367B; /* MAG #92A0D4 */
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}
.lower .numbers a:hover {
    background: #F2F4F8; /* MAG #eee */
    /* color: #333;  MAG commented out */
}
.lower .numbers a.more {
    font-weight: normal;
    padding: 8px 15px;
    background: none;
    border-radius: 5px;
    margin: 0 3px;
    color: #01367B; /* MAG #999 */
    opacity: 1;
    cursor: default;
    border: none;
    box-shadow: none;
}
.lower .numbers a.active {
    border: 1px solid #01367B; /* MAG added */
    /* color: #000; MAG commented out */
}
.pagination.lower button {
    display: inline-block;
    padding: 0 15px;
    width: 46px;
    height: 37px;
    line-height: 37px;
    background: #ddd;
    margin: 0 3px;
    opacity: 1;
    cursor: pointer;
    border: none;
    box-shadow: none;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 12px;
    outline: none;
}
.pagination.lower button:active {
    top: -1px;
}
.pagination.lower button span {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}
.pagination.lower button.first {
    background: #01367B url(../images/pagination-white3.png) no-repeat 6px 4px; /* MAG #91ACD9 */
    background-size: 68px;
}
.pagination.lower button.prev {
    background: #01367B url(../images/pagination-white3.png) no-repeat 5px -53px; /* MAG #91ACD9 */
    background-size: 68px;
}
.pagination.lower button.minus10 {
    background: #01367B url(../images/pagination-white3.png) no-repeat 5px -24px; /* MAG #91ACD9 */
    background-size: 68px;
}
.pagination.lower button.last {
    background: #01367B url(../images/pagination-white3.png) no-repeat -27px 4px; /* MAG #91ACD9 */
    background-size: 68px;
}
.pagination.lower button.next {
    background: #01367B url(../images/pagination-white3.png) no-repeat -27px -53px; /* MAG #91ACD9 */
    background-size: 68px;
}
.pagination.lower button.plus10 {
    background: #01367B url(../images/pagination-white3.png) no-repeat -27px -24px; /* MAG #91ACD9 */
    background-size: 68px;
}
.pagination button[data-tooltip][data-placement="top"]::before {
    bottom: 100%;
    left: 0px;
    margin-bottom: 10px;
    font-size: 12px;
}
.pagination button[data-tooltip][data-placement="top"]::after {
    left: 18px;
    font-size: 12px;
}
.pagination.lower button:hover {
    background-color: #4D72A2; /* MAG #484850 */
}
.pagination.lower button:hover {
    color: #fff;
}
.pagination ul {
    list-style:none;
    padding:0;
    margin:10px 0;
    width:100%;
}
.pagination ul li {
    display:inline-block;
    color:#5d5d5f;
    margin: 0 5px;
    width:10%
}
.pagination ul li.first {
    margin: 0 0 0 1%;
}
.pagination ul li.prev {
    margin: 0 0 0 1%;
}
.pagination ul li.next {
    margin: 0 1% 0 0;
}
.pagination ul li.last {
    margin: 0 1% 0 0;
}
.pagination ul li.count {
    text-align:center;
    width:auto;
    line-height:40px;
    margin: 0;
}
.pagination ul li.count span {
    font-weight:bold;
}
.pagination ul li i.left {
    margin-right:35px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right:7px solid #b4c6de;
    float:left;
}
.pagination ul li i.right {
    margin-left:35px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left:7px solid #b4c6de;
    float:right;
}
.green {
    background-color: #169D53 !important; /* MAG green */
    /* opacity: 0.3; MAG commented out */
}
.pagination .blue {
    font-size:14px;
    font-family:'Open Sans', sans-serif;
    padding: 11px 20px 9px;
}
.contact_btn {
    border-radius: 5px;
}

/**css for single print job*/
.step-2 {
    border:none;
    width:45%;
    padding-right:10%;
}
.success-message {
    float: right;
    padding-right: 250px;
    text-align: center;
    color: #169D53; /* MAG #3A9A5a */
    margin: 14px 0;
}

h1.reg-success {
    color: #169D53; /* MAG #3A9A5a */
    font-size: 28px;
    padding-top: 100px;
    text-align: center;
}
h1.reg-failure {
    color: #FF3131; /* MAG #ff0000 */
    font-size: 28px;
    padding-top: 100px;
    text-align: center;
}

h1.reg-success a {
    color: #169D53; /* MAG #3A9a%a */
    text-decoration: underline;
}
.company-footer {
    float: right;
}
.payment-due {
    width: 50%;
    float: left;
}
.payment-due p {
    margin-top:0;
}
table.info-table {
    display:block;
    margin:10px 0 20px;
    clear:both;
}
table.info-table tr td{
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
}
table.info-table tr td:first-child {
    width:60%;
    vertical-align:top;
    padding-bottom:10px;
    font-weight:normal;
}
#directions .instructions {
    display:none;
}
#directions .instructions td {
    vertical-align: top;
}
#directions .instructions .distance {
    white-space: nowrap;
}
#directionsscroll {
    padding-left: 10px;
}
#directionsscroll p {
    display: none;
    color: #FF3131; /* MAG #ff0000 */
    padding: 0 20px;
}
#directionsscroll #total-distance{
    display:inline-block;
    font-weight:bold;
}
#directionsscroll #toggle-instructions{
    cursor:pointer;
    float:right;
}
.help-img {
    width:28px;
    height:28px;
    background:url(../images/help.png) no-repeat 0 0;
    display:inline-block;
    margin-left:15px;
    cursor:pointer;
    position:relative;
}
.help-img .help-txt {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #6E7173; /* MAG 2px #A5A8AD */
    border-radius: 0;
    box-shadow: 0 0 7px -4px #000000;
    color: #3E4144; /* MAG #999999 */
    display: none;
    padding: 20px;
    text-align: left;
    width: 300px;
    right:-372px;
    top:-75px;
    position:absolute;
    z-index: 1;
}
.help-img:hover .help-txt { display:block;}
.down-img {
    width: 22px;
    height: 22px;
    background: url(../images/download-icon.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: top;
}
.help-txt p {
    margin:0;
}
.help-txt .arrow {
    width:14px;
    height:28px;
    background:url(../images/box-arrow.png) no-repeat 0 0;
    position:absolute;
    left:-14px;
    top:44%;
}
.new-truck {
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
    padding-bottom: 20px;
    width: 100%;
}
.new-truck tr td {
    padding:5px 0;
}
.truck-table .button {
    margin-top:25px;
}
.truck-table .editp {
    margin-left: 11%;
}
.sub-blue {
    color: #ffffff;
    margin:15px auto;
    display:block !important;
}
ul.services li {
    font-family: 'Open Sans', sans-serif;
    font-size:24px;
    line-height:39px;
    color:#000;
    border-top:2px dotted #e5e5e5;
}
ul.services li .value {
    color:#000;
    font-size:18px;
    font-weight:bold;
}
ul.services li:last-child {
    font-size:22px;
    font-weight:bold;
    position:relative;
}
span.arrow-img{
    width:28px;
    height:28px;
    border:0;
    background:url(../images/arrow.jpg);
    position: absolute;
    right: 0;
}
.tabular-data tr td {
    width:50%;
    vertical-align:text-top;
    color:#4b515d;
}
.table-title {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#505050;
}
.mid-line {
    height: 3px;
    border-top: dotted 2px #000;
}

label.error {
    color: #FF3131; /* MAG red */
    font-weight: bold;
}
label.error a {
    color: #FF3131; /* MAG red */
    text-decoration: underline;
    font-weight: bold;
}
.invoice-head {
    font-family: 'Open Sans', sans-serif;
    font-size:20px;
    color:#0D1115; /* MAG #484850 */
    width: 10%;
    text-align:right;
    float: right !important;
}
.invoice-head span {
    display:block;
    font-size:16px;
}
.top-space1 {
    padding-bottom: 20px;
}
/*----Recent Updates----*/

.fill-text, .fill-text-price {
    display:inline-block;
    height:18px;
    border-bottom:1px solid #343434;
    min-width:110px;
    margin-left:5px;
}
.fill-text-price {
    min-width:55px;
}
.fill-text2 {
    min-width:140px;
}
.note-column {
    margin-bottom:80px;
    width:90%;
}
.note-column .fill-text{
    display:block;
    margin-bottom:10px;
    border-bottom:solid 1px #343434;
    height:30px;
}
.form-left-col .col-one p.home-ph, .form-left-col .col-one p.cell-ph , .form-left-col .col-one p.work-ph {
    font-family: 'Open Sans', sans-serif;
    font-size:26px;
    font-weight: 300;
    margin:0 0 50px;
}
.form-left-col .col-one p.work-ph {
    margin-bottom:20px;
}
.step2 .name-title{
    color:#0D1115; /* MAG #4c525e */
}
td.tank-loc {
    color:#000 !important;
}
.invoice-details {
    margin-top:50px;
}
span.client-name {
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    line-height:30px;
}
.title4 {
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    color:#3E4144; /* MAG #505050 */
}
.items-name {
    width:75%;
    float:left;
}
.total-name {
    width:30%;
    line-height:27px;
    float:left;
}
.field-col {
    margin-top:40px;
}
.field-col:first-of-type {
    margin-top:0px;
}
.step-3 {
    border:none;
}
footer {
    width:100%;
    position:relative;
}
a.header-link {
    text-decoration:underline;
    margin: 14px 0;
}
.card-suc {
    padding-right: 125px;
}
.layout-column .print {
    float: right;
    margin-left: 20px;
    position: relative;
    top: 0;
}
.current-col .current:before {
    content:url(../images/tik-icon.png);
    margin-right:10px;
}
.card-details span {
    font-family: 'Open Sans', sans-serif;
    font-weight:normal !important;
}
/*.leftmenu a {
    padding:5px 0 5px 17px;
}*/
.leftmenu.remindermenu a:last-child {
    border-bottom: 2px solid #DDDDDD;
}
.company-info-menu {
    -webkit-box-shadow:inset 0 1px 5px 0 #ccc;
    box-shadow:inset 0 1px 5px 0 #ccc;
}
.layout-column span.header-title {
    display:block;
    margin:15px 0;
    float:left;
}
.rightcolumn h2 {
    font-size:14px;
    padding:10px 0;
}
.companyinfo h2 {
    padding:0;
}
.instructions span {
    color: #3E4144; /* MAG #4b5568 */
    font-style: italic;
}
.revision {
    bottom: 10px;
    font-size: 10px;
    position: absolute;
    right: 10px;
    color: #3E4144; /* MAG #838383 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
table.settings_table label {
    color: #0D1115; /* MAG #484852 */
}
table.settings_table .info-link {
    font-size:13px;
    display: inline-block;
    color:#a3a4a9;
}
table.settings_table .info-link a {
    color:#a3a4a9;
}
.title7 {
    font-family: 'Open Sans', sans-serif;
    color: #169D53; /* MAG #72AD8E */
    display: block;
    margin-bottom: 12px;
}
.subscription-err {
    margin: 5px 120px !important;
    font-size: 14px !important;
}
.learn-csv {
    font-family: 'Open Sans', sans-serif;
}
.import-head {
    padding-top: 35px;
    font-family: 'Open Sans', sans-serif;
}
#default-value {
    padding-left: 15px;
}
#default-value select {
    width: 89%;
}

#newproperty.red {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
#default-value p {
    width: 92%;
}
#frequency-select {
    width: 98.5%;
}
.fix-fields {
    position: fixed;
    top: 0;
    width: 27.5%;
}
.default-settings td {
    padding-bottom: 15px;
}
.default-settings select {
    height: 42px;
    padding: 8px 3%;
    width: 100% !important;
}
/* ----------- css for prev next link on individual contact------------*/
.prev-next {
    float: right;
    padding-right: 1.2%;
}
.prev-next .button {
    padding: 0 16px;
    margin: 10px 0px 4px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}

/*----------------css for sort arrow ------------------------------*/

th.sort {
    cursor:pointer;
}

.dis-arrow {
    background:url(../images/arrowdown-act.png) no-repeat 0 0;
}

.arrow-up {
    background:url(../images/arrowtop-act.png) no-repeat 0 0;
}

.arrow-up, .dis-arrow {
    width:16px;
    display: block;
    height:10px;
    border:0;
    position:relative;
    float: right;
    margin: 7px 0 0;
}
#invoicelist .arrow-up, #invoicelist .dis-arrow {
    height: 8px;
}
.dis-arrow {
    opacity: 0.3;
}
.active {
    opacity: 1;
}


/***********/
#currency, .unit-info {
    padding: 9px 3%;
    height: 40px;
    text-indent: 3px;
}
.unit-info {
    width: 100%;
}


/* County Table */

.county-table select {
    width: 100%;
    height: 34px;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.county-table td {
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
}
.county-table td:last-child {
    width: 60%;
}
.county-table tr:last-child td {
    border-bottom: 0;
}

/* Taxable Transactions */

.taxable-table {
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
}

.taxable-table th {
    text-align: left;
    font-weight: 700;
}

.taxable-table th:first-child, .taxable-table td:first-child {
    text-align: left;
}

.taxable-table a {
    display: block;
    color: #01367B; /* MAG #849cc4 */
    padding: 0;
}

.taxable-table a:hover {
    /* color: #728ec2; MAG commented out */
    opacity: 0.8; /* MAG added */
}

.taxable-table th,
.taxable-table td {
    padding: 1rem;
    line-height: inherit;
    font-size: 14px;
    text-align: center;
}

.taxable-table td {
    padding: 0rem;
}

.taxable-table th:first-child, .taxable-table td:first-child {
    padding-left: 1rem;
    width: 180px;
    font-weight: bold;
}

.taxable-table th { vertical-align: bottom }
.taxable-table td { vertical-align: middle }

.taxable-table th span {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
}

.taxable-table th:first-child a {
    color: #222;
}

.taxable-table td {
    border-right: 1px solid #bbb;
}

.taxable-table tr:nth-child(even) td {
    background: #F5F5F5;
}

.taxable-table td:hover, .taxable-table tr:nth-child(even) td:hover {
    background: #eee;
}

.taxable-table td label {
    margin-left: -1.2rem;
    /*display: block;*/
    /*width: 100%;*/
    padding: .85rem 0;
}

.taxable-table a[data-tooltip][data-placement="top"]::before, .taxable-table button[data-tooltip][data-placement="top"]::before {
    margin-bottom: 0;
}
.taxable-table a[data-tooltip][data-placement="top"]::after, .taxable-table button[data-tooltip][data-placement="top"]::after {
    margin-bottom: -6px;
}

#black_overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:99;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.vol-msg {
    padding: 0 0 7px 0 !important;
    line-height: 1.6 !important;
    font-size: 14px;
    margin-bottom: 8px;
}
#loading, .ajaxloader {
    width: 59px;
    height: 59px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    background-size: 50%;
    right: 50%;
    bottom: 25px;
    position: fixed;
    display: none;
    opacity: 1;
    /*background: #fff;*/
    z-index: 4;
    text-align: center;
    -webkit-transform: translateX(137px);
    -moz-transform: translateX(137px);
    -ms-transform: translateX(137px);
    -o-transform: translateX(137px);
    transform: translateX(137px);
    pointer-events: none;
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}@-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }@-o-keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }@-ms-keyframes spin {
       0% {
           -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
           -ms-transform: rotate(0deg);
           -o-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100% {
           -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
           -ms-transform: rotate(360deg);
           -o-transform: rotate(360deg);
           transform: rotate(360deg);
       }
   }@keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

#loading span {
    -webkit-animation-name: spin;
    -moz-animation-name: spin;
    -ms-animation-name: spin;
    -o-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .55s;
    -moz-animation-duration: .55s;
    -ms-animation-duration: .55s;
    -o-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid rgba(0,0,0,0.2);
    border-left-color: rgba(0,0,0,0.05);
    border-top-color: rgba(0,0,0,0.05);
    content: '';
    display: block;
    height: 25px;
    margin: 13px auto;
    width: 25px;
}
.print-maps {
    font-size: 15px;
    padding-left: 15px;
    overflow: hidden;
}
.print-maps p {
    margin-bottom: 5px;
}
#drivers p {
    margin-bottom: 10px;
}
.unit-info {
    color: #3E4144; /* MAG #49484E */
    font-size: 15px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    background-color: #FFF;
}
.left-dir, .right-dir {
    width:45%;
    position:relative;
}
.completed {
    background: url('../images/complete-dark.png') no-repeat 50% -10px;
}
.completed.loc {
    background: url('../images/complete-dark.png') no-repeat 50% -10px;
}
.is-completed {
    background: url('../images/status-checkmark.png') no-repeat 50% 50%;
}
.con-list {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    color: #0D1115 /* MAG added */
}
#dropdown b {
    font-family: 'Open Sans', sans-serif;
    color: #0D1115; /* MAG black */
}
div.suggestions div.selected b {
    color: white !important;
}
.add-extra input {
    padding: 10px;
}
.add-extra .button {
    margin-top: 3px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}
.ui-datepicker-title select {
    height: 36px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 17% !important;
}
.hasDatepicker[readonly] { background-color: #ffffff; }

input#date,
input#next_due,
input#next_date {
    width: 140px;
    padding-left: 15px;
}

ul.prop-image li a img {
    width: 98.5%;
}

.add-extra {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-color: #ccc !important;
}
.jobform .wrap {
    margin:20px 0 20px 20px !important;
}
.jobform {
    position:relative;
}
.jobform a.print {
    position:absolute;
    right:0;
    top:23px;
}
.add-extra div {
    float:right;
    text-align: right;
}

.add-service-due-notice-popover {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 720px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
}

.auto-schedule-popover {
    position: absolute;
    top: 100px;
    left: 100px;
    /*width: 499px;*/
    width: 70%;
    min-width: 729px;
    max-width: 729px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
    box-sizing: border-box;
}

.popover {
    display:none;
    z-index: 5;
}
.popover.open {
    display: block;
}

.job-popover {
    display: none;
    z-index: 5;
}
.job-popover * {
    box-sizing: border-box;
}
.job-popover h3 {
    float: left;
    display: block;
    font-size: 18px;
    font-weight: bold;
    border: none;
    margin-bottom: 8px;
}
.job-popover button.save,
.job-popover button.cancel,
.job-popover button.save-and-see-invoices,
.job-popover button.delete {
    float: left;
    display: block;
    margin-top: -6px;
    margin-left: 2px;
}
.job-popover.open {
    display: block;
}
.job-popover span.after {
    position: absolute;
    top: 200px;
    right: -17px;
    width: 17px;
    height: 36px;
    display: block;
    background: url(../images/notch.png);
}
.job-popover span.before {
    position: absolute;
    top: 200px;
    left: -17px;
    width: 17px;
    height: 36px;
    display: block;
    background: url(../images/notch.png);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.job-popover .new-job {
    width: 100%;
    margin: 0;
}
.job-popover ul,
.job-popover ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
}
.job-popover .error {
    display: none;
    color: #FF3131; /* MAG #b00 */
    text-align: center;
    padding: 10px;
    background: rgb(241, 238, 238);
    margin: 5px 0;
    border-radius: 3px;
    font-size: 12px;
}
.job-popover .cost {
    display: block;
    overflow: hidden;
    background: #f8f8f8;
}
.job-popover .tasks input[type=number],
.job-popover .tasks input[type=text] {
    width: 60px;
    height: 30px;
}
.job-popover ul.tasks li {
    padding: 8px 0px 8px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.job-popover table.tasks tbody td {
    padding: 8px 0px 8px;
}
.job-popover table.tasks tbody tr:last-child td {
    border-bottom: 2px solid #ddd;
}
.job-popover .tasks li:hover,
.job-popover .tasks tbody:hover {
    background: #f4f4f4;
}
.job-popover .tasks > li:hover input,
.job-popover .tasks > li:hover select,
.job-popover .tasks > tbody:hover input,
.job-popover .tasks > tbody:hover select {
    background: #fff;
}
.job-popover ul.tasks label {
    font-size: 12px;
    color: #3E4144; /* MAG #999 */
}
.job-popover ul.tasks span {
    display: block;
    float: left;
    width: 75px;
    margin-left: 10px;
    text-align: right;
    white-space: nowrap;
}
.job-popover ul.tasks .item-name {
    text-align: left;
    padding-left: 0px;
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 32%;
}
.job-popover table.tasks .item-name {
    font-weight: bold;
}
.job-popover table.tasks {
    width: 100%;
    border-collapse: collapse;
}
.job-popover ul.tasks .total {
    margin-top: 3px;
    color: #01367B; /* MAG #8CA4D0 */
    font-weight: 600;
    font-size: 15px;
    width: 110px;
    text-align: right;
    padding-right: 30px;
}
.job-popover table.tasks .total {
    color: #01367B; /* MAG #8CA4D0 */
    font-weight: 600;
    font-size: 15px;
    width: 110px;
    text-align: right;
}
.job-popover ul.tasks .remove {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: auto;
}
.job-popover table.tasks .remove {
    cursor: pointer;
    width: auto;
}
#add-service-due-notice-popover.show-prices .remove {
    top: 24px;
}
.job-popover ul.tasks .u-p label span{
    width: auto;
    margin: -2px 0 0 0;
    display: inline-block;
    text-align: left;
}
.job-popover table.tasks .u-p label span{
    width: auto;
    margin: 0 0 0 0;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.job-popover table.tasks .unit-price {
    vertical-align: middle;
    text-align: right;
    width: 80px;
}
.job-popover table.tasks .volume {
    text-align: right;
    width: 80px;
}
.job-popover table.tasks .quantity {
    text-align: right;
    width: 80px;
}
.job-popover .tasks .taxed label span{
    width: 22px !important;
    float: none;
    margin: 0;
    display: inline-block;
    text-align: left;
}
.job-popover ul.tasks input.quantity {
    width: 45px;
}
.job-popover .tasks .remove img {
    visibility: hidden;
    width: 12px;
    margin-top: 3px;
}
.job-popover .tasks li:hover .remove img,
.job-popover .tasks tbody:hover .remove img {
    visibility: visible;
}
.job-popover .appt-total,
.job-popover .appt-subtotal,
.job-popover .appt-salestax {
    padding: 10px 0 10px 16px;
    color: #3E4144; /* MAG #999 */
    font-weight: 600;
    font-size: 15px;
    text-align: left;
}
#add-service-due-notice-popover .u-p,
#add-service-due-notice-popover .taxed,
#add-service-due-notice-popover .total,
#add-service-due-notice-popover .appt-subtotal,
#add-service-due-notice-popover .appt-salestax,
#add-service-due-notice-popover .appt-total {
    display: none;
}
#add-service-due-notice-popover.show-prices .u-p,
#add-service-due-notice-popover.show-prices .taxed,
#add-service-due-notice-popover.show-prices .total,
#add-service-due-notice-popover.show-prices .appt-subtotal,
#add-service-due-notice-popover.show-prices .appt-salestax,
#add-service-due-notice-popover.show-prices .appt-total {
    display: block;
}
.job-popover .appt-total span,
.job-popover .subtotal,
.job-popover .salestax {
    float: right;
    text-align: right;
    padding-right: 30px;
    color: #01367B; /* MAG #8CA4D0 */
}
.job-popover .new-job input, .job-popover .new-job select {
    width: auto;
    background: rgba(255,255,255,.1);
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 10px 8px;
    font-size: 14px;
    margin-right: 0px;
    box-shadow: inset 0 1px 0px rgba(0,0,0,.1);
}
.job-popover .new-job select {
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 25px 10px 12px;
    border: 1px solid #aaa;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8.5px;
    box-shadow: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: '';
    box-shadow: 0 1px 0px rgba(0,0,0,.15);
}
.job-popover .new-job .form-group {
    width: 100%;
}
.job-popover .new-job .form-group input {
    width: 54%;
}
.job-popover .new-job .form-group span {
    color: #999;
}
.job-popover .new-job .form-group.truck-id select {
    width: 100%;
}

@media(max-width: 1100px) {
    .schedule-options-popover, .auto-schedule-popover, .add-service-due-notice-popover {
        position: fixed;
        top: 30px!important;
        left: 30px!important;
        right: 30px;
        bottom: 30px;
        width: auto;
        max-width: none;
        min-width: 0;
    }
    .auto-schedule-popover, .add-service-due-notice-popover {
        overflow-y: scroll;
    }

    .job-popover span.after {
        display: none;
    }
}

.new-job .ui-datepicker td {
    width: 14%;
}

.new-job {
    margin: 0 9%;
}
.new-job .form-group {
    width: 499px;
    margin: 0px auto;
    padding: 8px 0px;
    text-align: left;
    border-bottom: 1px dotted #ccc;
}
.new-job .form-group:last-of-type, .auto-schedule-popover .new-job .form-group:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}
.new-job .global-editor-date-message {
  margin-top: 5px;
}
.new-job .form-group.truck-id {
    border-bottom: none;
}
.new-job .form-group label:nth-child(1),
.new-job .form-group label:nth-child(2) {
    display: inline-block;
    width: 45%;
}
.new-job .form-group input {
    width: 49%;
    padding: 9px 12px;
}
.new-job .form-group select {
    height: auto;
    padding: 9px 12px;
}
.new-job .form-group.frequency input {
    width: 17%;
}
.new-job .form-group.frequency select {
    width: 29%;
}
.new-job .form-group.stop-date input {
    width: 30%;
    min-width: 120px;
}
.new-job .form-group.truck-id select {
    width: 267px;
    vertical-align: middle;
}
.new-job table#date-truck .am,.new-job table#date-truck .pm{
    margin-top:10px;
    width:70px;
    color:#000;
}
.new-job table#date-truck .am{
    margin-left:0;
}

.new-job table#date-truck #truck-buttons{
    border: 1px solid #bbb;
    padding: 9px 5px 5px 9px ;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    min-height:24px;
    cursor:pointer;
}
.new-job table#date-truck #truck-buttons:after{
    content: "";
    display: table;
    clear: both;
}
.new-job table#date-truck #truck-buttons div{
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 2px solid #acaab5;
    margin: 5px;
    width: 180px;
    height: 40px;
    float: left;
    box-sizing: border-box;
    border-radius:4px;
    opacity:.8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.new-job table#date-truck #truck-buttons div.selected {
    opacity: 1;
    border-color: white;
    outline: 6px solid black;
}

.modal-curtain {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background: rgba(72, 72, 80,.6);
    visibility: hidden;
    display: none;
}

.modal-curtain.in {
    visibility: visible;
    display: block;
}

.service-detail .am, .service-detail .pm {
    line-height:38px;
    border:1px solid #ababb6;
}
.tech-col {
    vertical-align: top;
}

.service-detail input[name=item_cost] {
    width: 48%;
    text-align: right;
    margin-left: 10px;
}
.divider001 {
    margin: 20px 0;
}

.save-extra {
    top: -3px;
}
.service-detail .red {
    float: right;
    margin-top: 0px;
}
.info-header {
    padding: 0;
    text-align: right;
}
.info-header .button {
    float: none;
    height: 41px;
    line-height: 41px;
}
.add-field .button, #edit-users .button {
    float: right;
    margin-left: 10px;
}
#edit-users .button {
    margin-top:  20px;
    margin-bottom: 40px;
}
.add-truck .button {
    margin-left: 8%;
    float: right;
}

input[type=radio], input[type=checkbox] {
    display:none;
}

input[type=radio] + label {
    cursor: pointer;
}

input[type=radio] + label span {
    /* radio-btn.png */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAWCAYAAAC7ZX7KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFpklEQVRIx7XXzU9b2RnH8e85576BDcYYDwQINikkGmjYtJUakrQjJdkx0uxnE6kv6qYr1HQzUkdtlU6mSjf9B2aTfRdZjCpFpVRRlESVEkKURrbAtNAQjIAAtu/rOV2YUIU4I8GQs7GvZX/O70rHz/NcwTvWxsbG+Pr6+qWNjY1ztVptwvf9glIK13WXUqnUXC6Xu5fNZu90d3c/5RDr27ri4Ac7OzvFhYWFq2tra5/GcTxi2zZJkmCMQYjm140xGGMAykNDQ7cKhcJX6XS68k1Bj8t9I3C1Wv2oVCpNr66uTnV2djI4OEhXVxcdHR20t7cDEIYhtVqNFy9e8PLlS3zfJ5VK3R4dHb3Z398/0yrscbr7gdfW1j6an5//fb1ePz88PMypU6fwPG9/U2MMWmuUUgBorQnDkHK5zOLiIqlU6u74+PhnfX19b4Q+blcC1Op+cX5+fjoMGufHPjzD2NgYjuthgESDAQwCqRRaQxjGSCnxPI/x744xPv4h9Xr9/Nzc3HQYhsXXYd6HawGUSqWrcRxP5fN5hodHwOzdiQElmq9i71oIcGyruRsgkJw8WcD3Q5aXl6eePHnyT+DzVq7WGiEl9SBm5m//YGZmhkplAceyGBwc4MqVK0xO/pC2Npc40S1dsbm1Pf7gwYO/CPTIjy/+CMd1OfQS4Ps+9+/fp16vly9evPhJnBjecgVU17e4/sUNSuUKUkoAEh3R5nr4vs+ZM6Ncu3aND3oyCN52ZbVavSSFGent7d1HD7uSxOB5Hj09PSilRlZXVy+1cndrAde/uMHzUhlpO4SJRtoOSAc/iNBG8OxfZW58+SeCIGrpyo3N9XNCCPr7+wEIgujQgaVs3mVv7wm01uzs7Jxr5c7M/J2lpf/gOm3oxGApG50YjAbluLjtKVAWCwsVZmdnW7oyCIKJRqNBOp0GAY5tH+VEYAyk02mEEGxvb0+0cmdnZwmjhCBOiOIQ27H2K0MUxkR+iDQCrQ1ff/3Xlq5V360V2tvbcRynufkRjoTWICUopbAsh1qtVpBSctD99/J/0Rps18GyNEG9gRACz7FfNwyklCRJwvLycmtXCEEURQghSBKDOULgvb1QShHHMUopWrlhGKKUIggihE5QSmDbNnEcE4cRJtEkUYwwTauVKx3LXTLGEAQNpEoQ5vCBldU8F0HQADRSyqWDLsDp0yNIBLaQGKkIE02kE4yQCNsmEQo/1hhlUywMtHRlZ2fnnOu67O7ukuiEo6w4jonjmDAMsSyLbDY7d9DVRvP9H3wPZQmkbP7G8zyEEGiTgDDYtqKtzUXrmAsXLrR0ZVd39t7u7i6vXr3CHC0vlmVhWRYrKysEQUB3d/e9g64Ukk8+/phC4SRgsIQiDkIcZeEoC2k0UVAnjmoUhvq4fPlyS1fm87k7ruuWFxcXiaKIo64wDFlZWUEpVc7lcndaucZofv2raU4VBzFJghISnUREoY/rWNgWnDn9HT7/zWe4ew3soCszmczTnp6eW3GsqVQqRw5bKpXQWpPP5291dXU9PegarbEtSW9vN1/+8Q/84uc/5fRIEc+26Opsp++DHD/7yVWu/+639GQ73+mK17Pqw4cP/xwEwdTo6CjFYhG1N5AgmmVrb5j6f2WgOWVZUvH8+XMqlQqO49yenJz8ped5lfflSoCOjo7K2bNnb0op75ZKJZ49e0YYhkgJRidYaq85aA3GNN8nGiUkjx8/3quZ+u7ExMTN12HflysOzq6PHj2aNsZMYRIKhQLduRz5fJ44jpGy2Zm2trZYX99gcXER0Ni2fXtsbOzmiRMnWg7wx+m+1Sa2t7eL5XL5arVa/dQYM9Is/AlCCCzL2i9jxhiklOWBgYFbQ0NDX2UymW/8AxyX+86+trm5+cbDYqPRKBhj8DxvKZPJzOXz+XvZbPZOJpM51EPot3X/B3j6PJ78zgUmAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 0 top;
}
input[type=radio]:checked + label span {
    background-position: -22px top;
}
input[readonly] {
    background-color: #eee;
}
select[disabled] {
    background-color: #eee;
    pointer-events: none;
}

input[type=radio] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}
input[type=checkbox] + label {
    display: block;
    margin: 5px 0px;
    cursor: pointer;
    color: #0D1115; /* MAG added */
}
input[type=checkbox] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../images/check-box.png) 0 top no-repeat;
}
input[type=checkbox]:checked + label span {
    background-position: -22px top;
}

input[disabled][type=radio] + label,
input[disabled][type=checkbox] + label {
    color: #3E4144; /* MAG #aaaaaa */
    cursor: inherit;
}
input[disabled][type=radio] + label span,
input[disabled][type=checkbox] + label span {
    opacity: 0.3;
    cursor: inherit;
}

input[type=checkbox].taxed + label span,
input[type=checkbox]#item_tax + label span {
    margin:-1px 0 0 0;
}

.field-table {
    padding-bottom: 10px;
}
.new-truck {
    margin-left: 11%;
    width: 89%;
}
.permissions_table tr td, .permissions_table tr th  {
    padding: 10px 0;
    border: dotted 1px #ccc;
}
.permissions_table tr th {
    border-top: none;
    font-size: 13px;
    vertical-align: middle;
    color: #0D1115; /* MAG #504F5C */
}
.permissions_table tr th:first-child, .permissions_table tr td:first-child {
    border-left: none;
}
.permissions_table tr th:last-child, .permissions_table tr td:last-child {
    border-right: none;
}
.permissions_table {
    border-collapse: collapse;
}
.citystatezip {
    width: 100%;
    clear: both;
}
#totalprice2 {
    color: #01367B; /* MAG #8da5d1 */
}
#upgrade-dialog {
    width:100%;
    height:100%;
    background: url(../images/tile-img.png) 0 0 repeat;
    position: fixed;
    left:0;
    top:0;
    display: none;
}

#upgrade-dialog .box {
    width:500px;
    height:205px;
    background:#fff;
    margin:12% auto;
}


#upgrade-dialog .box p {
    font-size: 16px;
    text-align: center;
    margin: 0 10px 50px;
    padding-top: 40px;
    line-height: 15px;
}

#upgrade-dialog .box .button {
    margin: 0 auto 20px 10%;
}

#delete-status {
    width:100%;
    height:100%;
    background: url(../images/tile-img.png) 0 0 repeat;
    position: fixed;
    left:0;
    top:0;
    display: none;
}

#delete-status .box {
    width:500px;
    height:100px;
    background:#fff;
    margin:18% auto;
}

#delete-status .box p {
    font-size: 16px;
    text-align: center;
    margin: 0 10px 50px;
    padding-top: 25px;
    line-height: 25px;
}

.settings_table textarea {
    width:94%;
    height:120px;
    padding: 9px 3%;
    resize: none;
    color: #0D1115; /* MAD added */
}

.save-changes {
    margin-top: 25px;
}
.map-fields select {
    margin: 5px 0;
}
.button, .reminder_btn, select, label span {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#newproperty, #newappointment {
    font-size: 14px;
    white-space: nowrap;
}
.edit_permission #newappointment {
    cursor: grab;
}
td .help-txt {
    width: 89%;
}
.help-txt {
    font-size: 14px;
    line-height: 1.5;
}
.custom-selector {
    float:right;
    position: relative;
    margin-right: 10px;
}
#btn_range {
    margin-bottom: 0;
    margin-right: 1%;
}
.total-dump, .total td {
    font-family: 'Open Sans', sans-serif;
}
.date-range {
    width: 250px;
    padding: 10px;
    right: 0;
    top: 48px;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
.date-range.open {
    display: block !important;
}
.date-range select {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
}
.date-range input {
    width: 39%;
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #fff;
    font-family: 'Open Sans';
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
}
.date-range input:read-only {
    background: #ddd;
}

.truck-err {
    position: absolute;
    right: 24%;
    top: 30px;
}
.show-business-checkbox {
    float:left;
    display: block;
    color: #0D1115; /* MAG #888 */
    margin-top: 9px;
    margin-left: 40px;
}
/*---------------------*/
.disclaimer {
    font-size: 10px;
    position: absolute;
    bottom: 12px;
    right: 5px;
    z-index: 1000;
    text-align: right;
    pointer-events: none;
    background-color: #ffffffcc;
}
/*---------tank layout------------*/

.tank-layout tr td {
    padding:5px 10px 5px 0;
    font-size:14px;
    color:#0D1115; /* MAG #777 */
    border-bottom:dotted 1px #b6b6b8;
    line-height:30px;
}
.tank-layout tr:last-child td {
    border:none;
}
.tank-layout input{
    width:98%;
    margin:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.tank-layout textarea{
    margin-bottom:0;
}
.tank-layout:not(.editing) tr:not(:first-child) td{
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:22px !important;
}

.tank-layout .tank-details:not(.new-tank) textarea,
.tank-layout .tank-details:not(.new-tank) input,
.tank-layout .tank-details:not(.new-tank) select,
.tank-layout .tank-details:not(.new-tank) label,
.tank-layout .tank-details:not(.new-tank) .deletetank,
.tank-layout .tank-details:not(.new-tank) .TankFilterType {
    display:none !important;
}
.tank-layout.editing .tank-details:not(.new-tank) textarea,
.tank-layout.editing .tank-details:not(.new-tank) input:not([type=checkbox]):not([type=radio]),
.tank-layout.editing .tank-details:not(.new-tank) select,
.tank-layout.editing .tank-details:not(.new-tank) label,
.tank-layout.editing .tank-details:not(.new-tank) .deletetank {
    display:block !important;
}
.tank-layout.editing  .tank-details:not(.new-tank)  span:not(.nohide){
    display:none;
}

.tank-layout.editing .tank-description {
    display: none;
}

.tank-layout .tank-details.new-tank span{
    display:none;
}
.tank-layout .filtertable{
    display:none;
}
.tank-layout.editing .filtertable,.tank-layout .new-tank .filtertable{
    display:table;
    padding-bottom:0;
}
.tank-layout.editing .filtertable span{
    display:inline-block!important;
}
.tank-layout.editing label span{
    display:inline-block;
}
.tank-layout .tank-details.new-tank label span{
    display:inline-block;
}
.tank-layout .total-cap{
    display:inline-block !important;
}
.tank-layout .tank-details .TankName{
    font-weight:bold;
}
.tank-layout .tank-details .tank-notes div{
    margin:8px 0px;;
    border:1px solid #ddd;
    border-radius:4px;
    padding:4px;
    max-height:180px;
    overflow-y:auto;
    overflow-x:hidden;
}
.tank-layout.editing .tank-details:not(.new-tank) .tank-notes div{
    border:0;
    padding:0;
}
.add-edit-pop {
    width:660px;
    min-height:250px;
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:30px;
    position:relative;
    left: 25%;
    top: 20%;
    overflow-y: scroll;
    height: 300px;
}
.add-edit-pop .title {
    font-size:14px;
    color:#3E4144; /* MAG #4b4d59 */
    font-weight:bold;
}
.add-edit-pop a.exit {
    width:18px;
    height:18px;
    background:url(../images/exit-icon.png) no-repeat 0 0;
    position:absolute;
    right:30px;
    top:30px;
    display:block;
}
.add-edit-pop table {
    width:98%;
    margin-left:2%;
}
.add-edit-pop table tr td {
    padding:5px 10px 5px 0;
    font-size:14px;
    color:#3E4144; /* MAG #777 */
    border-bottom: dotted 1px #b6b6b8;
}
.add-edit-pop table tr:last-child td {
    border:none;
}
.add-edit-pop input {
    border:solid 1px #b6b6b8;
    border-radius:3px;
    padding:5px 10px;
    height:30px;
    color:#000;
}
input#tn {
    width:20%;
}
.new-contact-pop .tn {
    width: 90%;
}
.new-contact-pop .tct {
    width: 88%;
}
.new-contact-pop .tlc,  .new-contact-tank #tct {
    width: 90%;
}
.new-contact-tank #tn {
    width: 85%;
}
.new-contact-tank #tlc {
    width: 91%;
}
input#tct {
    width:20%;
}
input#tlc {
    width:48%;
}
.hide {
    display: none;
}
.edit-tank-col {
    width:100%;
    background:#fff;
    border-bottom:solid 2px #dedede;
    margin-top:10px;
    margin-bottom:15px;
}
.edit-tank-col table tr.hide td {
    padding:10px 0;
}
.edit-tank-col table tr:first-child td {
    position:relative;
}
.edit-tank-col table tr:first-child td a.edit-tanks{
    text-decoration: underline;
    color: #01367B; /* MAG #849cc4 */
    text-transform: none;
}
.edit-tank-col table tr:first-child td a.edit-tanks i{
    font-size:20px;
}
.edit-tank-col table tr:first-child td .collapse {
    float:right;
}

.edit-tank-col table tr:first-child td .arrow {
    width:17px;
    height:7px;
    background:url(../images/arrow-bottom.png) no-repeat 0 0;
    bottom:-7px;
    left:15px;
    position:absolute;
}

.edit-tank-col table tr td {
    padding:3px 0;
    border:none;
    line-height:30px;
}
.edit-tank-col .tank-block{
    padding: 15px 0;
    border-top:dotted 2px #dedede;
}

.tank-description {
    padding-right: -30px;
}
.tank-description span {
    white-space: nowrap;
    float: left;
    margin-right: 40px;
}

.edit-tank-col a.btn {
    background: #e6e6e6;
    padding: 4px 9px;
    border: solid 1px #bebcc6;
    -webkit-box-shadow: 0px 2px 0 0 #c4c4c6;
    box-shadow: 0px 1px 0 0 #c4c4c6;
    border-radius: 5px;
    color: #3E4144; /* MAG #858587 */
    text-decoration: none;
    float: right;
    position: relative;
    top: -1px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}
.edit-tank-col a.btn:active {
    top: 1px;
    box-shadow: none;
}

.edit-tank-col .title {
    font-weight:bold;
    margin-bottom:0;
}

/* For print_daily_schedule.php */
.s_table { width:100%; }
.s_table td { padding:0; vertical-align:top; font-size:20px; line-height:24px; }
.s_div { border: 1px solid black; }
.s_name { float:left; white-space: nowrap; }
.s_item { border-top:1px solid black; padding:5px; }
.s_head { padding:5px; text-align:right; }
.s_detail { float:right; text-align:right; margin-left:15px; }
.s_detail1 { font-weight:bold; }
.s_date { font-size:20px; text-align:right; }

#invoicemonth {
    width:100%;
}

#totalcap {
    display: none;
}
.tank-details .deletetank, .new-contact-pop .deletetank {
    margin-top: 0px;
}
a#add-tank {
    margin-top:20px;
    float: right;
}

a#add-tank {
    margin-top:10px;
    float: right;
}
.tank-add {
    right: 25px;
}
.add-new-tank {
    right: 40px;
}
.tank-error {
    display: none;
}

.edittank {
    background: url("../images/edit-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 29px;
    width: 59px;
}

td.condoaddress {
    width: 23%;
}
td.capacity {
    width: 25%;
}
td.location{
    width: 35%;
}
.hidden {
    display: none !important;
}
.add-edit-pop .new-contact-pop {
    margin-left: 0;

}
.new-contact-pop {
    width: 100% !important;
}
.report-scroll {
    width: 100%;
}

@media only screen and (max-width : 1720px) {
    #header .nav a {
        padding: 0 11px 2px 16px;
    }
}

@media only screen and (max-width : 1500px) {
    #header .nav a {
        font-size: 20px;
        padding: 0 8px 2px 13px;
    }
}

@media only screen and (max-width : 1380px) {
    #header .nav a {
        font-size: 18px;
        padding: 0 8px 2px 13px;
    }
}

#service-due-list .email-wrapper{
    margin-top:10px;
    clear:both;
    display:inline-block;
    position:relative;
    text-align:right;
}

#service-due-list div.email-confirm{
    position:absolute;
    right:0px;
    top:38px;
    margin-top:0;
    display:block;
}
.reminders_top div.email-confirm{
    position:absolute;
    right:282px;
    top:60px;
    margin-top:0;
    display:block;
}
#service-due-list div.email-confirm a:link,
#service-due-list div.email-confirm a:visited{
    color:#fff;
    text-decoration:none;
}
span.boxed{
    border: 1px solid #ccc;
    text-align: center;
    padding: 0 15px;
}

.property-service-list ul li{
    padding-right:10px !important;
}

li.SDN .delete, li.estimate .delete{
    margin-left:10px;
}


li.SDN .schedule, li.estimate .schedule{
    margin-left:10px;
    color: #fff;
    background-color: #01367B; /* MAG #8DA5D3 */
    border-radius:4px;
}
li.SDN .schedule a:link, li.SDN .schedule a:visited, li.SDN .schedule a:active,
li.estimate .schedule a:link, li.estimate .schedule a:visited, li.estimate .schedule a:active{
    color:#fff;
    text-decoration:none;
}

li.SDN .onhover, li.estimate .onhover{
    visibility:hidden !important;
}
li.SDN:hover .onhover, li.estimate:hover .onhover{
    visibility:visible !important;
}
li.SDN .date a:link,li.SDN .date a:active,li.SDN .date a:hover,li.SDN .date a:visited{
    color:#666666;
}

.contact_checkbox label.disabled, .cb-col label.disabled{
    pointer-events: none;
    cursor: default;
    opacity:.3;
}
span.welcome{
    padding: 5px 10px;
    font-size: 15px; /* MAG added */
    /* opacity: 0.7; MAG commented out */
}
a.clearall, a#clearall {
    text-transform: none;
    font-family: 'Open Sans';
    text-decoration: underline;
    float:right;
    margin-right:20px;
    color:#000;
}
h3 a.clearall {
    text-decoration: none;
    border: 1px solid #000000;
    float: none;
    padding: 2px;
    border-radius: 3px;
    color: #333333;
    margin-left: 5px;
}

#reports .main-action{
    background: none;
    width: 100%;
}

.report-type {
    padding: 0px;
    /* border-bottom: 1px solid #169D53; MAG commented out/* MAG #aaa */
    /* background: #fff; MAG commented out */
    background: #EAEAEA; /* MAG #8DA5D3 */
    text-align: left;
    color: #FFFFFF; /* MAG added */
    /* box-shadow: inset 0 2px 1px rgba(0,0,0,.15); MAG commented out */
}

.report-type .label {
    font-size: 13px;
    display: inline-block;
    font-weight: 300;
    margin-right: 10px;
    display: none;
}

#reports .rightcolumn{
    margin:12px 20px 0;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding:20px;
}
.report-option:first-child{
    margin-left:0px;
    /*border-radius: 4px 0 0 4px;*/
}
.report-option:last-child{
    /*border-radius: 0 4px 4px 0;*/
    border-right: 1px solid #169D53; /* MAG changed from none */
}
.report-option:hover{
    background-color: #169D53; /* MAG #98acd4 */
    box-shadow: inset 0 2px 1px rgba(0,0,0,.15);
    color: #FFFFFF !important;
}
.report-option.selected {
    color: #FFFFFF !important;
    background-color: #169D53; /* MAG #5F79A4 */
    box-shadow: none;
}
.report-option {
    width: auto;
    box-sizing: border-box;
    float: left;
    color: #169D53; /* MAG #eee */
    /* color: rgba(255,255,255,.8); MAG commented out */
    background-color: #FFFFFF;
    padding: 14px 18px 14px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    border-right: 1px solid #169D53; /* MAG #5F79A4 */
    border-bottom: 1px solid #169D53; /* MAG added */
    border-radius: 0;
    /*margin-left: -4px;*/
}
.report-option:visited {
    color:#169D53; /* MAG white */
}
input.column-one-filter {
    display:inline-block;
}

.report-title h1 {
    font-weight: 600;
    letter-spacing: -.5px;
    margin: 0 auto .5em auto;
    line-height: 1em;
}
.report-title h2 {
    line-height:16px;
    height:16px;
    padding:6px 0;
    position:relative;
}
.report-title h2 span:not(#report-date) {
    position:absolute;
    right:10px;
    top:6px;
    height:16px;
    line-height:16px;
}
.report-title h3 {
    padding: 6px 0;
    font-size:13px;
    color:#999;
}
.report-title {
    text-align:center;
}
.report-title h2.company-name{
    padding: 10px;
    display:inline-block;
}
.report-title hr {
    border: none;
    border-bottom: 1px solid #bbb;
}

#reports .export-print{
    padding: 0px 0px 0;
    text-align:right;
    margin-bottom: -16px;
}
#reports .export-print .print{
    margin-top:7px;
    margin-left:25px;
}
#reports .export-print .button {
    padding: 0 24px;
    height: 33px;
    line-height: 34px;
    font-size: 12px;
    letter-spacing: 1px;
}
#reports .no-results{
    display:none;
    padding:40px;
    text-align:center;
}
#reportscroll{
    min-height:100px;
    overflow: auto;
    overflow-y: hidden;
}

#rangetitle {
    text-align: center;
    padding-right: 30px;
    white-space: nowrap;
}
#rangelist {
    border: 1px solid #CCC;
    border-top: 0;
    background-color: white;
    display: none;
    max-height: 162px;
    overflow-y: scroll;
}
#rangefilter {
    border: 2px solid #D8D8D8;
    padding: 0px;
    background-color: white;
    border-radius: 3px;
    min-height: 35px;
}
#rangefilter .range-arrow{
    position:absolute;
    top:3px;
    color: #aaa;
    font-size: 28px;
    line-height:0px;
    background-color:#fff;
    border: 2px solid #D8D8D8;
    border-radius: 4px;
    z-index: 1;
    display:none;
}
#rangefilter .range-arrow:first-of-type{
    left:-10px;
}
#rangefilter .range-arrow:last-of-type{
    right:-10px;
}
.date-range-select {
    margin-top: 5px;
}
.date-range-select span {
    font-size: 13px;
    display: inline-block;
    color: #777;
    padding: 0 2px 0 3px;
}
#rangelist div:first-of-type{
    text-align:center;
    border-bottom:1px solid #d8d8d8;
    background-color:#e2e2e2;
}
#rangelist div:first-of-type a{
    color:#3E4144; /* MAG #4A474F */
}
#rangelist div:first-of-type a:hover{
    text-decoration:underline;
}
#rangelist div:first-of-type a.selected{
    font-weight:bold;
}
.range-content{
    display:none;
}
#rangeoptions{
    font-size: 14px;
}
#rangeoptions table td{
    text-align:center;
    cursor:pointer;
}

#rangeoptions table tr:nth-child(even) td{
    background-color:#F2F4F8; /* MAG #f2f2f2 */
}
#rangeoptions table td:hover, #rangeoptions table tr:nth-child(even) td:hover{
    background-color:#01367B; /* MAG #8ea9d6 */
    color:#FFFFFF;
}
#rangeoptions table td.selected{
    background-color:#01367B !important; /* MAG #8ea9d6 */
    color:#FFFFFF;
}
#rangefilter span{
    line-height:39px;
    margin-left:10px;
}
.only-complete{
    display:none;
    color: #3E4144; /* MAG #999 */
    font-size:14px;
    text-align:center;
    margin-top:20px;
}
.only-applied {
    display: none;
    color: #3E4144;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
}

.jobform .payment input[type=text], .jobform .payment select{
    box-sizing: border-box;
    width:100%;
    max-width:148px;
}


.payment label{
    font-size: 14px;
    color: #0D1115; /* MAG #999 */
    display: block;
    margin-bottom: 5px
}
a.button.addpayment,
a.button.paynow,
a.button.make-appointment,
a.button.applycredit,
a.button.remove-overpayment {
    color: #fff;
    margin: 10px 1%;
    float: left;
    width: 48%;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
}
@media only screen and (max-width:1400px) {
    a.button.addpayment,
    a.button.paynow,
    a.button.make-appointment,
    a.button.applycredit,
    a.button.remove-overpayment {
        width: 98%;
    }
}

#newpayment{
    display:none;
}
.delete-payment{
    float:right;
    margin-top:10px;
}
.text-center{
    text-align:center;
}


.calendarmonth{
    position:relative;
}
#diagram-wrapper{
    width:50%;
    float:left;
}
#diagram-wrapper .invoice-diagram{
    max-height:320px;
    max-width:100%;
    padding-bottom:10px;
}
.calendarmonth.daily{
    position:static;
}
.scheduledriver .leftcolumn{
    overflow:hidden;
    position:relative;
}

#add-service-due-notice-popover .form-group.new-item select,
#auto-schedule-popover .form-group.new-item select{
    width: 330px;
}
#add-service-due-notice-popover .form-group.new-item select.doublewidth,
#auto-schedule-popover .form-group.new-item select.doublewidth {
    width: 100%;
}
#add-service-due-notice-popover .form-group.new-item .select2-container,
#auto-schedule-popover .form-group.new-item .select2-container {
    width: 330px !important;
}
#add-service-due-notice-popover .form-group.new-item select.choose_product + .select2-container,
#auto-schedule-popover .form-group.new-item select.choose_product + .select2-container {
    width: 100% !important;
}
#add-service-due-notice-popover .form-group.new-item .select2-container .selection,
#auto-schedule-popover .form-group.new-item .select2-container .selection {
    display: block;
    width: 100%;
}
#add-service-due-notice-popover .form-group.new-item .select2-container .select2-selection--single,
#auto-schedule-popover .form-group.new-item .select2-container .select2-selection--single {
    height: 40px;
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 4px;
}
#add-service-due-notice-popover .form-group.new-item .select2-container .select2-selection--single .select2-selection__rendered,
#auto-schedule-popover .form-group.new-item .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #0D1115;
    line-height: 38px;
    padding-left: 8px;
}
#add-service-due-notice-popover .form-group.new-item .select2-container .select2-selection--single .select2-selection__arrow,
#auto-schedule-popover .form-group.new-item .select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

#add-service-due-notice-popover #last-mailed{
    float:left;
    margin-top:-10px;
}
#add-service-due-notice-popover #not-mailed{
    float:left;
}
#add-service-due-notice-popover .form-group.job-notes{
    margin: 0px auto;
    padding: 10px 0px;
    text-align: left;
    border-bottom: 1px dotted #ccc;
}
#add-service-due-notice-popover .form-group.job-notes label{
    margin-bottom:7px;
}
#add-service-due-notice-popover .form-group.job-notes [name=notes]{
    width:100%;
    height:74px;
    padding:6px;
    box-sizing: border-box;
}
#add-service-due-notice-popover .remember-prices {
    text-align: left;
    margin: 20px 0 10px 0;
}

#add-service-due-notice-popover .remember-prices label[for="remember-prices"]{
    display:inline-block;
}

.auto-schedule-popover .form-group.job-notes{
    width: 100%;
    margin: 0px auto;
    padding: 10px 0px;
    text-align: left;
}

.auto-schedule-popover .form-group.job-notes label{
    margin-bottom:7px;
}

.auto-schedule-popover .form-group.job-notes [name=notes]{
    width:100%;
    height:74px;
    padding:6px;
    box-sizing: border-box;
}
.twocolumns .rightcolumn.datalist{
    padding: 0 0 60px 0;
}
.logo-wrapper{
    position:relative;
}
.logo-wrapper:hover .delimage{
    display:block;
}
.relative{
    position:relative;
}
.itemrow input[type=number],.itemrow input[type=text]{
    width:48px;
    padding:1px 6px;
    height:28px;
}
.itemrow input[type=number].quantity, .itemrow input[type=number].returnedquantity {
    width:73px;
}
.itemrow input[type=text].unitprice{
    width:60px;
}
.itemrow .fineprint{
    margin:2px 0;
    text-align:center;
    position:absolute;
    bottom:-10px;
    text-align:center;
    width:100%;
}
.itemrow .jobvolumewrapper{
    margin-right:50px;
}
ul.tasks input[type=number],
ul.tasks input[type=text] {
    width:48px;
    padding:1px 6px;
    height:24px;
}
table.tasks input[type=number],
table.tasks input[type=text],
table.tasks select {
    width:60px;
    height:30px;
    padding:0 6px;
}
#print, .print-statement, .print-receivables {
    top: 94px;
    right: 100px;
    display: none;
}

.print_dropdown {
    position: absolute;
    text-align: left;
    display: none;
    border: 1px solid #3c9f5c;
    background-color: #fff;
    width: 403px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 1;
}

.print_dropdown b {
  font-weight: normal;
}

.print_dropdown > div {
    padding: 15px;
    border-bottom: 1px solid #bcddc8;
    border-collapse: collapse;
}
.left{
    float:left;
}
.lighter{
    font-weight:300;
}
.form-right-col form label.inline{
    display:inline-block;
    margin-right:20px;
}
.fill-text.vol, .fill-text.time{
    height:auto;
}
.directions{
    font-size:16px;
}
.work_order_notes td{
    padding-bottom:20px;
}
.work_order_notes .page1-heading{
    vertical-align:top;
    width:160px;
}
.last-service{
    width:160px;
}

.col-right-one p.invoice-header {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0 0 20px;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 20px;
    font-weight: bold;
}
.col-right-one p.invoice-header span {
    font-size: 22px;
    font-weight: normal;
    text-align: right;
    float: right;
    line-height: 58px;
}

button.prev.disabled, button.next.disabled, button.minus10.disabled, button.plus10.disabled{
    opacity: .4;
}

.pagination button.disabled {
    pointer-events: none;
}
.pagination button.disabled:after {
    display: none!important;
}
.pagination button.disabled:before {
    display: none!important;
}
.expandable{
    display: block;
    background-image: url(/app/images/up.png);
    background-position: right 15px;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all 0.3s;
    max-height:2000px;
}
.expandable.closed{
    background-image: url(/app/images/down.png);
    max-height: 50px !important;
    transition: all 0.3s;
}
.expandable h3{
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    padding-top: 10px;
}
.weekly-schedule ul{
    list-style:none;
}
.weekly-schedule ul li select{
    margin-bottom:6px;
}


.validate-address-popover {
    position: fixed;
    top: 300px;
    left: calc(50% - 300px);
    display: none;
    width: 600px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
    z-index: 5;
}
.validate-address-popover.open{
    display:block;
}
.validate-address-popover h3 {
    float: left;
    display: block;
    font-size: 18px;
    font-weight: bold;
    border: none;
    margin-bottom: 8px;
}
.validate-address-popover button.cancel, .validate-address-popover button.save {
    float: left;
    display: block;
    margin-top: -6px;
    margin-left: 2px;
}
.validate-address-popover .form-group input {
    width: 54%;
    padding: 9px 12px;
}
.validate-address-popover .col{
    padding-top:15px;
    width:50%;
    float:left;
}
.validate-address-popover .col label{
    padding-left:10px;
    width:85px;
    display:inline-block;
    color:#9e9e9e;
}
.validate-address-popover img.rolling{
    margin-top:-13px;
}

.email-options input[type=radio] + label span,
.email-options input[type=checkbox] + label span {
    margin-top: 0;
    margin-left: 0;
    display: inline-block;
    min-width: 22px;
    margin-bottom: 0;
}

.email-options input[type=radio] + label, .email-options input[type=checkbox] + label {
    line-height: 30px;
    display: inline;
    user-select: none;
}
#auto-email-sdn{
    margin: 20px 0;
}
#auto-email-sdn span{
    display: block;
    color: #0D1115; /* MAG #999 */
    margin-bottom: 15px;
}
#show-auto-email-sdn,
#show-auto-text-sdn {
    color: #01367B; /* MAG #849cc4 */
    text-decoration:underline;
}
#show-auto-email-sdn.disabled,
#show-auto-text-sdn.disabled {
    text-decoration:none;
    color:#6E7173; /* MAG #999 */
    cursor: default;
}
.auto-email-sdn-popup {
    position: absolute;
    top: 300px;
    left: calc(50% - 100px);
    display: none;
    width: 300px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
    z-index: 5;
}
.auto-email-sdn-popup.open{
    display:block;
}
.auto-email-sdn-popup h3 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    border: none;
    margin-bottom: 14px;
    text-align:center;
}
.auto-email-sdn-popup div{
    display:block;
    text-align:center;
}
.auto-email-sdn-popup div.buttons{
    text-align:center;
    margin-top:25px;
}

.auto-email-sdn-popup button.cancel, .auto-email-sdn-popup button.save {
    display: inline-block;
    margin-top: -6px;
    margin-left: 2px;
}

.email-send-history {
    width:94.2%;
    height:140px;
    overflow-x:hidden;
    overflow-y:scroll;
    border: 1px solid #bbb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    padding:2.5%;
    color:#0D1115; /* MAG #000 */
}
.email-send-history table tr:not(:last-child) td {
    border-bottom: solid 1px #dedede;
}
.email-send-history.health-department-story {
    width: 100%;
}
.email-send-history.health-department-story table tr:not(:last-child) td {
    padding: 0 10px;
}
.email-send-history a {
    color: #01367B; /* MAG #849cc4 */
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


/* email opens */
input.days-prior{
    width: 45px;
    padding: 2px 4px;
    margin: 0 6px;
}

.tab-selector-wrapper.editjob ,.tab-selector-wrapper.estimate {
    margin:0 auto;
}

.tab-selector {
    display:inline-block;
    padding:0 9px 0 7px;
    color: #01367B; /* MAG #849cc4 */
    cursor:pointer;
    text-indent: 0;
}

.tab-selector i{
    position:relative;
    font-size:40px;
    color: #01367B; /* MAG added */
}
i .count-bubble{
    display:none;
    background-color:#169D53; /* MAG #41ab64 */
    position: absolute;
    top: -6px;
    right: -5px;
    padding: 1px 4px 1px 5px;
    color: white;
    font-size: 13px;
    font-family: 'Open Sans';
    border-radius: 50%;
    box-shadow: 1px 1px 1px gray;
}
i .count-bubble.negative{
    background-color:#FF3131; /* MAG red */
}
.tab-selector[data-tab="accounting"] .count-bubble{
    right:auto;
}

.tab-content[data-tab="accounting"] .button.refund,
.tab-content[data-tab="accounting"] .button#add-payment,
.tab-content[data-tab="accounting"] .button.new-appointment {
    margin: 0 15px 0 0;
    padding: 0 25px;
    margin-bottom: 0;
    height: 36px;
    line-height: 36px;
}

.tab-selector-wrapper:not(.sub-tab) td:last-of-type .tab-selector{
    border-right-width: 0;
}
.accounting-tab td:last-of-type .tab-selector {
    border-right-width: 1px !important;
}

.tab-selector.active-tab{
    text-decoration: none;
    color: #000;
    cursor:default;
}
.tab-selector.active-tab > i{
    color: #000;
}
.tab-selector.disabled {
    color: #9FA0A2; /* MAG #e8e8e8 */
    cursor: default;
}

.tab-selector-wrapper.sub-tab {
    padding-bottom:15px;
    float:left;
}
.tab-selector-wrapper.sub-tab .tab-selector, .accounting-tab .tab-selector {
    border:1px solid #01367B; /* MAG #ccc */
    padding:6px;
    width:140px;
    font-weight:bold;
    font-size:18px;
    text-align:center;
}
.tab-selector-wrapper.sub-tab .tab-selector.active-tab, .accounting-tab .tab-selector.active-tab {
    color: #fff;
    background-color:#01367B; /* MAG #ccc */
}

.tab-content:not(:first-of-type) {
    display:none;
}

.property .tab-selector-wrapper:not(.sub-tab){
    float:left;
}
.property .tab-content-wrapper:not(.sub-tab) .tab-content{
    padding:20px;
}
.property .tab-content-wrapper.sub-tab .tab-content{
    padding:0;
}
.property .accounting-tab .tab-content {
    padding: 20px 0 !important;
}
.mfp-title{
    padding-top: 48px;
    min-width: 700px;
}
.mfp-img{
    padding-top:8px !important;
}
.mfp-title .title-row {
    display: flex;
    color: black;
    background-color: white;
    width: 98%;
    margin-left: 1%;
}
.mfp-title input[type='text']{
    width: 100%;
    padding: 9px 7px;
    flex-grow: 1;
}
.mfp-title textarea{
    box-sizing: border-box;
    padding: 9px 7px;
    width: 98%;
    margin-left: 1%;
    margin-top: 5px;
}
.mfp-figure:after{
    box-shadow:none !important;
    background:transparent !important;
}

.danger{
    color:#FF3131; /* MAG red */
}

#attach-popup{
    display:none;
}

#attach-popup{
    position:fixed;
    top:5%;
    left:50%;
    z-index: 5;
    width:600px;
    margin-left: -300px;
    height:90%;
    background-color:white;
    box-shadow: 0 0 30px rgba(0,0,0,.15);
}
#attach-popup .tab-selector-wrapper{
    padding: 8px 8px 0 8px;
    font-size: 24px;
    text-transform:uppercase;
    background: #eaeaea;
}
#attach-popup .tab-selector {
    padding: 0 0 8px 0;
    text-align: center;
}
#attach-popup .tab-selector.active-tab {
    color: black;
    font-weight: bold;
}
#attach-popup .tab-content-wrapper{
    height: calc(100% - 130px);
    overflow-y:scroll;
    background: transparent url(../images/head-shadow.png) repeat-x top left;
}
#attach-popup .thumbnail{
    float: left;
    padding: 12px;
    width: 250px;
    border: 1px solid #ccc;
    position: relative;
    margin: 12px 0 0 12px;
    font-size: 14px;
}
#attach-popup .thumbnail img{
    padding-bottom:8px;
}
#attach-popup .thumbnail.attached{
    background-color:#01367B; /* MAG #8DA5D3 */
    color: white;
}
#attach-popup .thumbnail .image-info{
    height:22px;
    display:block;
}
#attach-popup .thumbnail .image-title{
    height:22px;
    display: block !important;
    overflow-wrap: break-word;
}
#attach-popup .popup-footer{
    clear:both;
    display:block;
    border-top:1px solid #ccc;
    height:50px;
}
#attach-popup .popup-footer a.button{
    float:right;
    margin-right:8px;
    margin-top:8px;
}
#attach-popup .popup-footer .popup-status{
    float:left;
    font-size:14;
    height:25px;
    margin:15px 0 0 8px;
}
#attach-popup .thumbnails-wrapper .delimage,
#attach-popup .thumbnails-wrapper .image-date,
#attach-popup .thumbnails-wrapper hr,
#attach-popup .thumbnails-wrapper .fa-download,
#attach-popup .thumbnails-wrapper .fa-eye {
    display: none !important;
}

.schedule-options-popover {
    flex-direction: column;
    box-sizing: border-box;
    position: absolute;
    top: 116px;
    left: 290px;
    width: 320px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
    z-index: 1;
}
.schedule-options-popover.open {
    display: flex;
}
.schedule-options-scroller {
    flex: 1;
    width: 100%;
    overflow-y: scroll;
}

.schedule-options-popover.job-popover span.before{
    top: 44px;
}
.schedule-options-popover.job-popover #clear-schedule-filters{
    float:right;
    padding-top:4px;
}
.schedule-options-popover.job-popover #close-schedule-filters{
    float:right;
    line-height:20px;
    margin-left:30px;
    font-size:22px;
    font-weight:bold;
    color:#000;
}
.schedule-options-popover #accordion .ui-accordion-content{
    padding: 10px;
}
.schedule-options-popover a:link,.schedule-options-popover a:visited,.schedule-options-popover a:active,.schedule-options-popover a:hover{
    color:#01367B; /* MAG #849cc4 */
}
.ui-dialog button{
    min-width: 70px;
    padding: 5px;
}
.ui-dialog-content {
    overflow-wrap: break-word;
}

#property-activity-wrapper{
    overflow-y:scroll;
    max-height:100px;
    margin-bottom:10px;
}
#property-activity-wrapper #apply-payments{
    padding:8px 12px !important;
    margin:0;
}

#pr-prop .tab-content[data-tab='activity'] .bad-debt-stamp{
    width:100px;
}
#activity-wrapper-header{
    width:100%;
}
#activity-header{
    border-collapse: collapse;
    width:100%;

}
#activity-header th{
    border: 1px solid #ccc;
    border-width:1px 1px;
    color:#fff;
    background-color:#01367B; /* MAG #8ea9d6 */
    border-bottom:0;
    font-weight:600;
}

#property-activity{
    border-collapse: collapse
}
#property-activity td {
    border: 1px solid #ccc;
    color:#000;
    position:relative;
}
#property-activity tr:nth-child(4n-1) td,
#property-activity tr:nth-child(4n) td {
    background-color: #F2F4F8; /* MAG rgba(0, 0, 0, 0.05) */
}
#property-activity tr:nth-child(4n-3) td {
    border-bottom-width:0;
}
#property-activity tr:nth-child(4n-3) td.description{
    border-bottom-width: 1px;
}
#property-activity tr:nth-child(4n-2) td {
    border-top-width:0;
    border-bottom-width:2px;
    border-bottom-color: #888;
}
#property-activity tr:nth-child(4n-1) td {
    border-bottom-width:0;
}
#property-activity tr:nth-child(4n-1) td.description{
    border-bottom-width: 1px;
}
#property-activity tr:nth-child(4n) td {
    border-top-width:0;
    border-bottom-width:2px;
    border-bottom-color: #888;
}
#property-activity tr.open-payment td,
#property-activity tr.open-payment2 td {
    background-color: #ffffdd;
    font-size: 16px;
    border-width: 1px 0 0 0;
}
#property-activity tr.open-payment2 td {
    border-width: 0 0 1px 0;
}

#property-activity tr:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.5);
}
#property-activity tr.balance_line td {
    border-bottom-color: #FF3131; /* MAG #dd1d1d */
    border-bottom-width: 4px;
}
.apply-payment-popover tr.balance_line td {
    border-bottom: 4px solid #FF3131; /* MAG #dd1d1d */
}

#property-activity select, #property-activity input{
    box-sizing:border-box;
    width:100%;
}
#property-activity input:disabled,#property-activity select:disabled{
    background-color: #e8e8e8;
}
#property-activity a:not(.button){
    color:#0000aa;
    text-decoration:underline
}

#property-activity a.button {
    padding: 0 9px;
    margin: 0 0 0 2px;
    height: 36px;
    line-height: 36px;
    float:left;
}

#new-payment{
    display:none;
}

.apply-payment-popover, .apply-refund-popover {
    position: absolute;
    top: 300px;
    left: calc(50% - 290px);
    display: none;
    width: 580px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
}
.apply-payment-popover h3,.apply-refund-popover h3{
    text-align:left;
}
.apply-payment-popover hr{
    margin: 20px 0;
}
.apply-payment-popover .available-invoices,.apply-refund-popover .available-invoices{
    display:inline-block;
    max-height:400px;
    overflow-x:auto;
    width:100%;
    margin-bottom:15px;
}

.apply-payment-popover table,.apply-refund-popover table{
    width:100%;
}
.apply-payment-popover table thead tr,.apply-payment-popover table tbody tr:nth-child(even) ,
.apply-refund-popover table thead tr,.apply-refund-popover table tbody tr:nth-child(even)
{
    background-color: #f2f2f2;
}
.apply-payment-popover table td,.apply-refund-popover table td{
    padding:8px;
}
.apply-payment-popover .amount,.apply-refund-popover .amount{
    float:right;
    margin-right:1px;
}
.apply-payment-popover .selected,.apply-refund-popover .selected{
    float:right;
}
.apply-payment-popover .buttons,.apply-refund-popover .buttons{
    padding-top:10px;
    text-align:right
}
.apply-payment-popover .buttons button.auto-apply,.apply-refund-popover .buttons button.auto-apply{
    margin-right:5px;
}
.apply-payment-popover.editdisposal{
    width:780px;
    left:calc(50% - 390px);
}


.statement-menu {
    background-color:#EAEAEA; /* MAG #e9e9e9 */
    padding-top: 5px;
    position: relative;
}
.statement-menu select, .statement-menu input, .statement-menu .button {
    margin: 0 5px 5px 5px;
}
#statement-wrapper,#receivables-wrapper{
    border:1px solid #EAEAEA; /* MAG #e9e9e9 */
    padding:0 30px 30px
}
#statement-wrapper #invoice-page .col-right-one h2{
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
}
select#statement-yearmonth{
    width:170px;
    float:left;
    margin-left:5px;
}
#manifest-summary-menu{
    background-color:#EAEAEA; /* MAG #e9e9e9 */
    padding:4px 0;
}
select#manifest-summary-year{
    width:170px !important;
    margin-left:5px;
}

#manifest-summary{
    border-collapse: collapse;
    font-size:14px;
    margin-top:15px;
    margin-bottom:15px;
}
#manifest-summary tr:nth-child(even){
    background-color:#F2F4F8; /* MAG #f2f2f2 */
}
#manifest-summary tr:nth-child(even):hover{
    box-shadow: 0 0 8px rgba(0,0,0,.5);
}
#manifest-summary td{
    position:relative;
    border: 1px solid #ccc;
    border-width: 1px 1px;
    color: #000;
}

#manifest-summary select, #manifest-summary input{
    box-sizing:border-box;
    width:100%;
}
#manifest-summary input:disabled{
    background-color: #e8e8e8;
}
#manifest-summary a:not(.button){
    color:#01367B; /* MAG #849cc4 */
}

#manifest-summary td{
    padding:10px;
}
#manifest-summary th {

    padding:10px;
    border: 1px solid #ccc;
    border-width: 1px 1px;
    color: #fff;
    background-color: #01367B; /* MAG #8ea9d6 */
    border-bottom: 0;
    font-weight: 600;
}
#manifest-summary .date{
    width:90px;
    text-align:center;
}
#manifest-summary .invoice{
    width:50px;
    text-align:center;
}


.tab-content [data-tab=activity] .count-bubble{
    background-color:#169D53; /* MAG #41ab64 */
    position: absolute;
    top: 7px;
    right: 10px;
    padding: 0px 3px 0px 3px;
    color: #FFFFFF; /* MAG white */
    font-size: 11px;
    font-family: 'Open Sans';
    border-radius: 50%;
    box-shadow: 1px 1px 1px gray;
}
.tab-content[data-tab=activity] .unpaid{
    background-color: #FF3131 !important; /* MAG rgba(255, 0, 38.4, 0.286) */
    color: #FFFFFF !important; /* MAG added */
}

.tab-content[data-tab=activity] .unapplied {
    background-color: #01367B !important; /* MAG rgba(0, 135, 178, 0.32) */
    color: #FFFFFF !important; /* MAG added */
}

.tab-content[data-tab=activity] .unapplied a {
    color: #FFFFFF !important; /* MAG added */
}
#pr-prop .tab-content[data-tab='activity'] .bad-debt{
    background-color: #FF3131 !important; /* MAG rgba(217, 0, 0, 0.885) */
    color: #FFFFFF !important; /* MAG added */
}
.tab-content[data-tab=activity] .highlight{
    background-color: #169D53 !important; /* MAG rgba(0, 215, 0, 0.435) */
    color: #FFFFFF !important;
}
.tab-content [data-tab=activity] #key-linked-desc{
    display:inline-block;
    width:12px;
}
.tab-content [data-tab=activity] #key-unapplied-desc{
    display:inline-block;
    width:12px;
}
.tab-content [data-tab=activity] #key-note-desc{
    position:relative;
    padding-left:20px;
}
.tab-content [data-tab=activity] #key-note-desc .count-bubble{
    right:auto;
    left: 0;
    top:3px;
}
#pr-prop .tab-content[data-tab='activity'] table{
    font-size:14px;
}
#pr-prop .tab-content[data-tab='activity'] table th,
#pr-prop .tab-content[data-tab='activity'] table td {
    padding:10px;
}
#pr-prop .tab-content[data-tab='activity'] table .date{
    width:90px;
    text-align: center;
}
#pr-prop .tab-content[data-tab='activity'] table .invoice{
    width:56px;
    text-align: center;
    border-bottom-width: 1px !important;
}
#pr-prop .tab-content[data-tab='activity'] table .amount{
    width:90px;
}
#pr-prop .tab-content[data-tab='activity'] table td.amount{
    /* th is still centered */
    text-align: right;
}

#invoice-page.statement .services{
    width:100%;
    margin-top:30px;
    min-height:400px;
}
#invoice-page.statement h2{
    font-size:26px;
}

#invoice-page.statement .service-list td{
    width:auto;
}
.tab-content[data-tab='statement'] .btn_print,
.tab-content[data-tab='receivables'] .btn_print {
    float:right;
}
.tab-content[data-tab='statement'] .print-statement,
.tab-content[data-tab='receivables'] .print-receivables {
    top: 52px;
    right: 0;
}
.tab-content[data-tab='statement'] .details-col,
.tab-content[data-tab='receivables'] .details-col {
    text-align:right;
}

.tab-content[data-tab='credit-memo'] #itemlist{
    margin-top:0;
}
.tab-content[data-tab='credit-memo'] .notes label{
    font-size: 14px;
    color: #999;
    display: block;
    margin: 25px 0  5px;
}
.tab-content[data-tab='credit-memo'] textarea{
    width:95%;
}

.AGFO input[type=text],.AGFO input[type=number] {
    box-sizing:border-box;
}
.wastesitedetails input[type=text],
.wastesitedetails input[type=number] {
    box-sizing:border-box;
    width:100%;
    margin:0;
}
.wastesitedetails input[type=number]::-webkit-inner-spin-button,
.wastesitedetails input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
}
.wastesitedetails table{
    width:100%;
}

.wastesitedetails {
    margin:25px 0;
    min-height:40px;
}

.wastesitedetails  td{
    position:relative;
}
.wastesitedetails label.sup{
    position:absolute;
    right:4px;
    bottom:20px;
    font-weight:bold;
    padding:0;
    margin:0;
}

.disposal-ph{
    margin: 15px 0;
}

.disposal-ph tr.dotted td{
    background-image:url(../images/dotted.jpg);
    background-position:50% 33px;
    background-repeat: no-repeat;
    width:160px;
}
.disposal-ph tr.dotted td:last-child{
    background:none;
}

.disposal-ph input[type=text],.disposal-ph input[type=number]{
    display: inline-block;
    width:80px;
    margin-right:20px;
}
.border-box{
    box-sizing:border-box;
}
.full-width{
    width:100%;
}
span.red, div.text-red {
  color:#FF3131; /* MAG red */
}

span.yellow{
  color:#E49B0F; /* MAG yellow */
}

div.inline-block {
    display: inline-block;;
}

div.bold {
    font-weight: bold;
}

div.cancelled-box {
    display: flex;
    align-items: center;
}

div.cancelled-box div.cancelled-title {
    font-size: 55px;
    margin-top: -30px;
    max-height: 50px;
}

span.green-text{
  color:#169D53; /* MAG green */
}

span.block {
    display: block;;
}

span.center{
  text-align: center;
}

.tt-completed-generator-col,
.tt-completed-receiver-col,
.ohio-form-complete-col,
.invoice-generator-signature-col,
.invoice-technician-signature-col,
.invoice-receiver-signature-col,
.invoice-generator-email-col,
.invoice-receiver-email-col,
.invoice-government-email-col,
.invoice-email-to-self-col {
    text-align: center;
}

th.tt-completed-generator-col,
th.tt-completed-receiver-col,
th.invoice-generator-signature-col,
th.invoice-technician-signature-col,
th.invoice-receiver-signature-col,
th.invoice-generator-email-col,
th.invoice-receiver-email-col,
th.invoice-government-email-col,
th.invoice-email-to-self-col {
    text-align: left;
}

.block{
    display:block;
}

.delta-check{
    height:40px;
}

.disposal-order .form-left-col{
    width:30%;
}
.disposal-order .form-left-col .col-one{
    width:100%;
}
.disposal-order .form-right-col{
    width:70%;
}

.disposal-order #itemlist{
    font-size:14px;
}
.disposal-order .det.directions{
    font-size:14px;
}

.disposal-order input[type=text], .disposal-order input[type=number]{
    width:120px;
}

.disposal-manifest #itemlist.smaller li{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.disposal-manifest .notes{
    min-height:0;
}

.disposal-manifest .certification{
    font-size:12px;
    height:165px;
}

.disposal-manifest input[type=text], .disposal-manifest input[type=number]{
    width:120px;
}
.land-application-certification{

    font-size:12px;
}

.land-application-certification .sig-fullwidth {
    border-top: 1px solid #000;
    margin-top:10px;
    padding: 15px 0 0;
    width:400px;
}

.missing-data{
    color: black;
    background-color:yellow !important;
}

.textlink{
    text-decoration:underline;
    cursor: pointer;
    color: #01367B; /* MAG rgb(0,0,238) */
}
.textlink span{
    text-decoration:underline;
    cursor: pointer;
    color: #01367B; /* MAG rgb(0,0,238) */
}

th.sort.active{
    color:#3E4144 !important; /* MAG #555 */
    font-weight:bold !important;
}

.checklist-options #checklists_instructions img.collapse{
    float:right;
}
.checklist-options #checklists_instructions #add-checklist{
    margin-top:20px;
}
.checklist-options #checklists_instructions i{
    margin:37px 5px 0 5px;
    font-size: 24px;
    color: #3E4144; /* MAG #a5a5a5 */
}
.checklist-options #checklists .checklist  table.checklist-content{
    background: #EAEAEA;
    border: 1px solid #ABABB6;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
}

.checklist-options #checklists .checklist .delete-checklist{
    margin-right:5px;
    margin-top:6px;
    display:none;
    float:right;
}
.checklist-options #checklists .checklist:hover .delete-checklist{
    display:block;
}

.checklist-options #checklists .checklist [for^="AutoPopulateTechnicianNotes"],
.checklist-options #checklists .checklist [for^="show-technician-notes"],
.checklist-options #checklists .checklist select[name="AllowMultipleAnswers"],
.checklist-options #checklists .checklist [for^="IsLevel1Dependency"],
.checklist-options #checklists .checklist [name^="Level1ParentOption"],
.checklist-options #checklists .checklist [name^="Level2ParentOption"],
.checklist-options #checklists .checklist [for^="IsLevel2Dependency"] {
    float:left;
    margin-right:20px;
}
.checklist-options #checklists .checklist input[name=checklist-title]{
    font-weight:bold;
}
.checklist-options #checklists .checklist table tr.bottom-border td{
    border-bottom:2px solid #ddd;
}

.checklist-options #checklists .checklist .add-member-wrapper td{
    padding-bottom:10px;
}

.checklist-options #checklists .checklist .checklist-member > td {
    padding-bottom:15px;
    border-bottom:3px solid #bbb;
}

.checklist-options #checklists .checklist .checklist-member td{
    position:relative;
}
.checklist-options #checklists .checklist .checklist-member td span{
    margin:0 0 3px 0;
}
.checklist-options #checklists .checklist .checklist-member td:not(:first-child) input[type=text]{
    text-align:center;
    padding:2px;
    width:120px;
}

.checklist-options #checklists .checklist .checklist-member td textarea{
    height:56px;
    padding:4px 4px;
}
.checklist-options #checklists .checklist .checklist-member .delete-checklist-member{
    top:8px;
    right:10px;
    display:none;
    position:absolute;
    z-index:1;
}
.checklist-options #checklists .checklist .checklist-member:hover .delete-checklist-member{
    display:block;
}


.jobform #checklists table{
    margin-top:30px;
    margin-bottom:30px;
    width:100%;
}
.jobform #checklists table tr td{
    padding: 8px;
    width: 100px;
    font-size:18px;
    text-align:center;
}
.jobform #checklists table tr td a.edit-checklist{
    text-decoration: underline;
    color: #01367B; /* MAG #849cc4 */
    text-transform: none;
    text-align:center;
    display:block;
    font-size:22px;
}

.jobform #checklists table tr td label{
    color:#000;
    font-size:15px;
}
.jobform #checklists table tr td textarea{
    display:none;
}
.jobform #checklists table tr:first-child td{
    font-size:20px;
    text-align:left;
    padding-top:12px;
    padding-bottom:12px;
}
.jobform #checklists table tr.member-row td{
    width: 10%;
}
.jobform #checklists table tr.member-row td:first-child{
    width: 5%;
}
.jobform #checklists table tr.member-row td:nth-of-type(2){
    width: 20%;
    text-align:left;
}
.jobform #checklists table tr td.selectall{
    text-align:center;
}
.jobform #checklists table tr td.member-selection{
    text-align:left;
    display:none;
}
.jobform #checklists table tr:first-of-type td{
    border:1px solid transparent;
}
.jobform #checklists table tr:first-of-type td:first-of-type{
    padding-left:15px;
}

.jobform #checklists table:not(.editing) tr:first-of-type{
    background: #eaeaea;
}

.jobform #checklists table:not(.editing) tr:first-of-type td{
    border-top: 1px solid #acaab5;
    border-bottom: 1px solid #acaab5;
}
.jobform #checklists table:not(.editing) tr:first-of-type td:first-of-type{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-left: 1px solid #acaab5;
}
.jobform #checklists table:not(.editing) tr:first-of-type td:last-of-type{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-right: 1px solid #acaab5;
}
.jobform #checklists table tr:first-of-type label{
    margin-bottom:0;
}
.jobform #checklists table .member-row.oddrow {
    background-color:#f7f7f7;
}
.jobform #checklists table:not(.editing) .member-row, .jobform #checklists table:not(.editing) tr td.selectall{
    cursor:default;
}

.jobform #checklists table:not(.editing) .member-row span{
    cursor:default;
}
.jobform #checklists .CustomResponse {
    font-size: inherit;
}
.jobform #checklists .checklist:not(.editing) .CustomResponse {
    pointer-events: none;
}
.jobform #checklists .member-row input[type=radio] + label span,
.jobform #checklists .member-row input[type=checkbox] + label span {
    margin: 0;
}

#previewdiv .checklist{
    display:block;
    margin-bottom:10px;
}

#previewdiv .checklist tr.member-row td,
.printwrapper .checklist tr.member-row td{
    font-size:12px;
    padding-right:20px;
    white-space: nowrap;
}

#previewdiv .checklist tr.member-row td:first-child,
.printwrapper .checklist tr.member-row td:first-child {
    width:150px;
    padding-right:0;
}
#previewdiv .checklist tr.member-row td.checklist-member,
.printwrapper .checklist tr.member-row td.checklist-member{
    height:25px;
}
#previewdiv .checklist tr.member-row td.checklist-member div,
.printwrapper .checklist tr.member-row td.checklist-member div{
    margin: 0 6px;
    height: 19px;
    width: 14px;
    float: left;
    margin-top: -1px;
}
#previewdiv .checklist tr.member-row td.checklist-member div img,
.printwrapper .checklist tr.member-row td.checklist-member div img{
    height: 14px;
}
#previewdiv .checklist tr.member-row td.checklist-member label,
.printwrapper .checklist tr.member-row td.checklist-member label{
    font-size:12px;
    color:#000;
}

#trip-ticket, #ohio-pumping-report-form {
    font-size:15px;
}
#trip-ticket h3 {
    font-size:17px;
}

#ohio-pumping-report-form h3 {
    font-weight: normal;
    font-size: 1.4em;
}
#trip-ticket table tr:not(:last-child) td {
    vertical-align: top;
    padding-bottom:15px;
}

#ohio-pumping-report-form table > tr > td {
    padding-top: 15px;
    padding-bottom: 15px;
}

#trip-ticket span.missing, #ohio-pumping-report-form span.missing {
    background-color:#fafc56;
}
#trip-ticket span.missing a, #ohio-pumping-report-form span.missing a {
    color:black;
    padding:0px 30px;
    border:1px solid black;
    border-radius:2px;
}
#trip-ticket .terms, #ohio-pumping-report-form .terms {
    font-size:14px;
}
#trip-ticket .terms ul li, #ohio-pumping-report-form .terms ul li {
    padding-bottom:5px;
}


#trip-ticket-validation{
    float:left;
}

#trip-ticket-validation #invoicelist{
    border-left:1px solid #ccc;
    margin-top:10px;
    margin-bottom:180px;
}

#trip-ticket-validation #invoicelist td{
    white-space:initial;
}
.list-invoice td.late-trip-ticket{
    background-color:#9FA0A2 !important; /* MAG #f2a7a7 */
}

.waste-manifest-curtain {
    margin: 20px 0;
    border: 2px solid black;
    padding: 20px;
    border-radius: 20px;
    background-color: #f0f0f0;
}

.behind-waste-manifest-curtain {
    color: #ccc;
}

.user-notes {
    width: 94%;
    height: 80px;
    padding: 3%;
    resize: none;
}
#graph-title {
    text-align: center;
}
.graph-type.selected {
    color: black;
    font-weight: bold;
}
#activity-menu {
    text-align:center;
}
#activity-menu a.selected {
    font-weight: bold;
    color: black;
}


.jump-to-new-messages {
    width:100%;
    display:block;
    background-color: yellow;
    margin-bottom: 10px;
}
.contact-message {
    border: 2px solid #ddd;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}
.statement-date {
    box-sizing: border-box;
    width: 110px;
    height: 44px;
    margin-right: 5px;
    font-size: 14px;
    padding: 10px 5px;
}
.statement-date::placeholder {
    font-size: 14px;
}

.calendarmonth td div.placeholder-appointment {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 49px;
}
.calendarmonth.weekly td div.placeholder-appointment, .calendarmonth.daily td div.placeholder-appointment  {
    padding-top: 2px;
    padding-bottom: 2px;
    height: 57px;
}
.placeholder-appointment .d2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 49px;
}
.calendarmonth.weekly .placeholder-appointment .d2, .calendarmonth.daily .placeholder-appointment .d2 {
    line-height: 57px;
}
.month .placeholder-appointment .d2 {
    font-size: 15px;
}
.placeholder-appointment .d2.customername {
    line-height: 35px;
}
.placeholder-appointment .d2.inout {
    display: none;
}
.upload-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 22px;
    background-color: orange;
    background-image: url(../images/progressbar.gif);
}

#dateofservice {
    color: #01367B; /* MAG #849cc4 */
    text-decoration: underline;
    font-weight: bold;
}
.product-label {
    font-size: 16px;
}

.maps-direction .distance {
    width: 60px;
    text-align: right;
}

#tax-override-popover {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 16px;
}
#tax-override-popover label {
    font-size: 16px;
}

#waiting-area-assign-popover {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 16px;
}


/* Contact block on property pages */
.extra-contact-details {
    display:none;
}
#hide-all-extra-contact-details {
    display:none;
}
#show-extra-contacts {
    display:none;
}
#extra-contact-popover,
#extra-site-contact-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
}
#extra-contact-popover input {
    width: 100%;
    padding: 9px;
}
#show-extra-contacts i,
#hide-extra-contacts i,
#show-all-extra-contact-details i,
#hide-all-extra-contact-details i,
.show-extra-contact-details i,
.hide-extra-contact-details i,
.edit-extra-contact i {
    cursor: pointer;
}
#extra-contact-popover label {
    display: inline;
}
#assign-extra-contacts-popover {
    position: fixed;
    width: 90%;
    top: 50%;
    left: 3%;
    right: 7%;
    transform: translate(0, -50%);
    text-align: center;
}
#assign-extra-contacts-popover > div {
    display:inline-block;
    margin: 0 auto;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 14px;
    background-color: #fff;
}
#assign-extra-contacts-table {
    border-collapse: collapse;
}
#assign-extra-contacts-table tr {
    height: 1px;
}
#assign-extra-contacts-table td {
    border: 2px solid #ccc;
    text-align: center;
    height: 100%;
    padding: 5px;
}
#assign-extra-contacts-table tr:nth-child(odd) td {
    background-color: rgba(0, 0, 0, 0.05);
}
#assign-extra-contacts-table tr:first-child td {
    background-color: #fff;
}
#assign-extra-contacts-table label {
    color: #3E4144; /* MAG #484850 */
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.contact-notes-block, .property-notes-block {
    max-height: 200px;
    padding: 0 2px 0 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    background-color: #EAEAEA; /* MAG #f2f2f2 */
    margin-bottom: 10px;
}
.contact-note-block, .property-note-block {
    margin-bottom: 8px;
}
.contact-note-text, .property-note-text {
    background-color: white;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 4px;
}
.contact-note-text textarea, .property-note-text textarea {
    margin: -4px;
    width: 96%;
}
.edit-contact-note, .edit-property-note,
.delete-contact-note, .delete-property-note {
    cursor: pointer;
    float:right;
    width: 30px;
    height: 22px;
    display: grid;
    place-content: center;
    margin-right: 10px;
    color: #3E4144; /* MAG #999 */
}
.contact-note-time, .property-note-time {
    padding: 5px 0 0 5px;
    font-weight: bold;
    line-height: 24px;
}
.edit-contact-note-text, .edit-property-note-text {
    height: 70px;
}
.delete-contact-note, .delete-property-note {
    width: auto;
}
.delete-contact-note img, .delete-property-note img {
    display: inline-block;
}
#contact-notes-block-show,
#contact-notes-block-hide,
#property-notes-block-show,
#property-notes-block-hide,
#email-send-history-show,
#email-send-history-hide,
#text-message-history-show,
#text-message-history-hide,
.contact-notes-block-show,
.contact-notes-block-hide,
.property-notes-block-show,
.property-notes-block-hide {
    float: right;
    cursor: pointer;
}
.add-contact-note, .add-property-note {
    display:inline-block;
    cursor:pointer;
    color: #169D53; /* MAG #41ab64 */
    font-size: 20px
}

.deposit-slip-wrapper {
    font-size: 14px;
}

.deposit-table {
    border-spacing: 0;
    border-top: 1px solid black;
    border-left: 1px solid black;
    margin: 0 auto;
}
.deposit-table td {
    min-width:95px;
    border-color: black;
    border-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-left-width: 0;
    padding: 2px 8px;
    font-size: 14px;
}
.deposit-table td.amount {
    text-align:right;
}
.deposit-table td.bottom-line {
    border-bottom-width: 2px
}
.deposit-table td.right-line {
    border-right-width: 2px
}
.deposit-table td.no-right-line {
    border-right-width: 0px
}
.deposit-table td.top-line {
    border-top-width: 1px
}

input.terms-title, input.recommendations-title {
    width: 400px;
    padding: 9px;
    font-weight: bold;
}
textarea.terms-text, textarea.recommendations-text {
    resize :both;
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
}
.terms-item, .recommendations-item {
    background: #EAEAEA;
    border: 1px solid #ABABB6;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    padding: 10px;
    margin: 30px 0;
}

.new-recommendations-item {
  display: none;
}

.maintenance-tips-box {
  display: block;
  position: relative;
  padding-bottom: 10px;
}

.maintenance-tips-box span {
  position: absolute;
  right: 0;
}

.checklistnotes {
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #bbb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 5px 10px;
}

.checklist-notes {
    margin: 0;
    padding: 0;
}
.checklist-notes-title {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.checklist-notes-bullet, .checklist-notes-double-spaced {
  list-style-type: disc !important;
}

.checklist-notes-bullet li {
  padding: 0 !important;
}

.checklist-notes-bullet li , .checklist-notes-double-spaced li {
  margin-bottom: 0 !important;
}

.checklist-notes-double-spaced li {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.checklist-notes li {
    margin-left: 30px;
    padding-top: 0;
    padding-bottom: 0;
}
ul.checklist-notes-paragraph {
    display: inline;
}
.checklist-notes-paragraph li {
    list-style-type: none;
    margin-left: 0;
    display: inline;
    margin-right: 4px;
}
.checklist-notes-paragraph-with-line-breaks li {
    list-style-type: none;
    margin-left: 0;
    margin-right: 1px;
}

.texas-summary .tceq-use {
    display: none;
}

.texas-summary-instructions {
    display: none;
    font-size: 0.9em;
}

.texas-summary-mail {
    width: 100%;
    display: none;
}

.texas-summary-heading {
    display: none;
    background-color: black;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
}

.texas-summary .filled-in {
    font-size: 1.2em;
    font-weight: bold;
}

.reply-options input[type=checkbox]:invalid + label {
    background-color:yellow !important;
}

.zone-list {
    margin-left: 0;
    padding-left: 0;
}
.zone-list > li {
    margin-left: 0;
    padding-left: 0;
}
.zone-list li.highlight {
    font-weight: bold;
}
.county-marker {
    text-align: center;
}
.county-marker > span {
    font-family: Arial;
    font-weight: bold;
    background-color: #ffffffaa;
    padding: 0 0.2em;
    border-radius: 0.4em;
}
.county-marker.highlight > span {
    border-width: 4px;
    border-style: solid;
    border-color: blue;
    background-color: #FFFFFF;
}
.county-marker.highlight.red > span {
    border-color: red;
}
.zone-list .item_options {
    visibility: hidden;
    margin-left: 5px;
}
.zone-list:hover .item_options {
    visibility: visible;
}
.zone-list input {
    width: 92%;
    margin: 3px 0;
}
.zone-list.selected input {
    border: 2px solid blue;
}
.zone-list.draggable {
    cursor: grab;
}
.zone-list input[readonly] {
    pointer-events: none;
}
.missing-counties {
    font-style: italic;
}
input.using_default_price {
    color: #3E4144;
    opacity: 0.54;
}

#maintenance-tips .placeholder,
#appointment-instructions .placeholder {
    position: absolute;
    left: 0;
    color: #808080;
    padding-left: 2%;
    line-height: 30px;
}

/* MAG added */
.organize-category option:hover {
    background-color: #EAEAEA;
}
.safari-select-multiple {
    overflow-y: scroll;
    margin: 0;
    box-sizing: border-box;
}
.safari-select-multiple .safari-option {
    padding: 4px;
}
.safari-select-multiple .safari-option.selected {
    color: white;
    background-color: #01367B;
}

.zone-percent {
    padding: 5px 0px;
    width: 55px;
    text-align: right;
}
input[type=checkbox] + label span.lockbox {
    background: none;
    margin: 0;
    width: auto;
    height: auto;
}
input[type=checkbox] + label span.lockbox i:before {
    /* Unlocked */
    color: #169D53; /* MAG green */
    font-family: "FontAwesome";
    content: "\f13e";
    font-size: 18px;
}
input[type=checkbox]:checked + label span.lockbox i:before {
    /* Locked */
    color: #FF3131; /* MAG red */
    font-family: "FontAwesome";
    content: "\f30d";
    font-size: 18px;
}

.ShowGuidelines, .ShowTextingGuidelines {
    font-weight: bold;
}

.bold-link {
    font-weight: bold;
}

.black-text {
    color: #000;
}

/* Subscription Settings */
ul.plan-details {
    padding: 0;
    margin: 25px 0 0 0;
    list-style: none;
    float: right;

}
ul.plan-details li {
    float: left;
    line-height: 40px;
    color: #FFF;
    padding-right: 5px;
}
ul.plan-details li:after {
    content: "/";
    padding-left: 5px;
}
ul.plan-details li.button-blue {
    padding: 0x 30px;
    margin-left: 30px;
}
ul.plan-details li.button-blue a {
    color: #FFF;
    text-decoration: none;
}
ul.plan-details li.button-blue:after {
    content: "";
}
ul.plan-details li:after:nth-child(3) {
    content: "";
}
ul.subscription-list {
    list-style:none;
    padding:50px 0;
    margin:10px 0;
    border-top:solid 2px #dddddd;
    border-bottom:solid 2px #dddddd;
    float: left;
    width: 100%;
}
ul.subscription-list li {
    float:left;
    margin: 40px 1.5%;
    width: 22%;
    color:#0D1115; /* MAG #4d515c */
}
ul.subscription-list li:last-child {
    margin-right:0;}
ul.subscription-list li .subscription-column {
    width:100%;
    height:292px;
    border:solid 2px #01367B; /* MAG 1px #bbbbbb */
    border-radius:5px;
    vertical-align:middle;
    margin-top:20px;
}
.subscription-list h3 {
    font-family: 'Open Sans', sans-serif;
    font-size:35px;
    font-weight:normal;
    text-align:center;
    margin:15px 0 10px;
}
.subscription-list .sub-value {
    font-size:17px;
    font-weight:bold;
    text-align:center;
    color:#01367B; /* MAG #8ba3g1 */
    text-align:center;
    margin:0 0 10px;
}
.subscription-column.current-col {
    border:solid 3px #169D53 !important; /* MAG #7d93b8 */
    padding:20px 0;
    margin-top:0 !important;
}
.sub-col {
    width:97%;
    margin:0 auto;
    border-bottom:solid 2px #dddddd;
    margin-bottom:20px;
    float: left;
}
.link-one {
    display:block;
    float:left;
    color:#606060;
    margin:20px 0 30px;
        text-decoration: underline;
}
.link-two {
    display: block;
    float: right;
    color: #606060;
    margin: 20px 0 30px;
        text-decoration: underline;
}
.link-two:before {
    content:url(../images/close-icon.jpg);
    margin:15px;
    vertical-align:middle;
}
.list-info {
    font-size:16px;
    text-align:center;
    margin:0 0 10px;
}
.list-info span {
    font-weight:bold;
}
.current {
    background:#169D53; /* MAG #e8e8e8 */
    border-radius:5px;
    padding:10px 30px;
    display:block;
    margin:20px auto 0 auto;
    /* box-shadow: 0 0 2px 0 #d1d1d1; MAG commented out */
    border:solid 1px #dfdfdf;
    font-weight:bold;
    text-transform:uppercase;
    color:#FFFFFF; /* MAG #707070 */
    width: 90%; /* MAG added */
}
.divider {
    display:block;
    border-bottom:dotted 1px #9FA0A2; /* MAG #ccc */
    width:80%;
    margin:20px auto;
}

#second-level-heading {
    position: relative;
    height: 46px;
}
#second-level-heading > div {
    display: none;
    position: absolute;
    background-color: #F2F4F8;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-bottom-width: 0;
    height: 46px;
    font-size: 13px;
    font-weight: 600;
    color: #0D1115;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#texting-details-1, #texting-details-2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
}

.waiting-area-tools button.selected {
    border: 1px solid #01367B;
    background: #01367B;
    color: #fff;
}

.headquarters-info {
    border: 3px solid #0000a0;
    border-radius: 10px;
    padding: 0 5px;
}

#batch-change-headquarters-popover {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 16px;
}

#add-technician-popover {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 16px;
}

#ontheway-popover, #sharelocation-popover {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.25);
    font-size: 16px;
}

.extra-technician {
    height: 30px;
    margin-left: 10px;
    display: inline-block;
    white-space: nowrap;
    margin-right: 15px;
}
.delete-extra-technician {
    color: #803131;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen {
    .address-backlink, .invoice-backlink, .receivables-backlink {
        color: #01367B; /* MAG #849cc4 */
        text-decoration: underline;
        cursor: pointer;
    }
}

@media  only screen  and (max-width:1366px) and (hover: none){
    .desktop-only {
        display:none;
    }
}