html{position:relative;height:100%}body{position:relative;height:100%;background:#8497B0;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#444;-webkit-font-smoothing:antialiased;overflow-y:scroll;overflow-anchor:none}
/* Typography */
h1,h2,h3,h4,h5,h6{font:16px/1.6em 'Oswald',Arial,sans-serif;font-weight:700;color:#192933}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{font-weight:inherit;text-decoration:inherit;color:inherit}
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em{font-style:normal;color:#ff5500}
h1{font-size:2.25em;line-height:1.2em;margin:0 0 20px 0}
h2{font-size:1.8em;line-height:1.2em;margin:0 0 20px 0}
h3{font-size:1.6em;line-height:1.3em;margin:0 0 10px 0}
h4{font-size:1.4em;line-height:1.3em;margin:0 0 10px 0}
h5{font-size:1.2em;line-height:1.4em}
h6{font-size:1em;line-height:1.4em}
p{margin:0 0 20px 0}p img{margin:0}em,i{font-style:italic}strong,b{font-weight:bold}small{font-size:0.8em}sub{margin:0 0 0 2px;font-size:0.7em;line-height:0;vertical-align:sub}sup{margin:0 0 0 2px;font-size:0.7em;line-height:0;vertical-align:super}hr{clear:both;height:0;width:600px;max-width:80%;margin:60px auto;border:solid rgba(0,0,0,0.15);border-width:6px 0 0 0;border-radius:10px}
a,a:visited{color:#192933;text-decoration:underline;outline:0}a:hover,a:focus{color:#ff5500}p a,p a:visited{line-height:inherit}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
ul,ol{margin:0 0 20px 0;font-size:1em;line-height:1.6em}ul{list-style:none outside}ol{list-style:decimal outside}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:0.9em;line-height:1.6em}ul li,ol li{margin:0 0 10px 0}ul ul li,ul ol li,ol ol li,ol ul li{margin:0 0 10px 0}
/* Margin Fixes */
.no-bottom {margin-bottom:0!important}
/* Misc */
.clear{clear:both;display:block;width:0;height:0;overflow:hidden;visibility:hidden}
img.scale-with-grid{max-width:100%;height:auto}
.remove-bottom{margin-bottom:0 !important}.half-bottom{margin-bottom:10px !important}.add-bottom{margin-bottom:20px !important}.large-bottom{margin-bottom:40px !important}.huge-bottom{margin-bottom:80px !important}
.remove-top{margin-top:0 !important}.half-top{margin-top:10px !important}
.add-top{margin-top:10px !important;margin-left: 5px !important;}.large-top{margin-top:40px !important}.huge-top{margin-top:80px !important}
.huge-top-2{margin-top:23px !important}
.addtop5 {padding:5px 5px 0 0!important}
/* Desk/Mobile */
.desk-only{display:block!important}.mobile-only{display:none!important}
.desk-only-inline{display:inline-block!important}.mobile-only-inline{display:none!important}
@media only screen and (max-width:767px){.desk-only{display:none!important}.mobile-only{display:block!important}.desk-only-inline{display:none!important}.mobile-only-inline{display:inline-block!important}}
/* Grid System
================================================== */
[class^='col-']{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;display:block;padding:0 10px}
.inline-columns{display:block;display:flex;flex-flow:row wrap;justify-content:flex-start;max-width:100%;align-items:stretch;font:0/0 'Open Sans'}
.inline-columns > [class^='col-']{float:none;display:inline-block;vertical-align:top;max-width:100%;font:16px/1.6em 'Open Sans',Arial,sans-serif;}
.col-100{width:100.00%}.col-95{width:95.00%}.col-90{width:90.00%}.col-85{width:85.00%}.col-80{width:80.00%}.col-75{width:75.00%}.col-70{width:70.00%}.col-65{width:65.00%}.col-60{width:60.00%}.col-55{width:55.00%}.col-50{width:50.00%}.col-45{width:45.00%}.col-40{width:40.00%}.col-35{width:35.00%}.col-30{width:30.00%}.col-25{width:25.00%}.col-20{width:20.00%}.col-16{width:16.00%}.col-15{width:15.00%}.col-10{width:10.00%}.col-5{width:5.00%}.col-66{width:66.66%}.col-33{width:33.33%}
.col-offset-100{margin-left:100.00%}.col-offset-95{margin-left:95.00%}.col-offset-90{margin-left:90.00%}.col-offset-85{margin-left:85.00%}.col-offset-80{margin-left:80.00%}.col-offset-75{margin-left:75.00%}.col-offset-70{margin-left:70.00%}.col-offset-65{margin-left:65.00%}.col-offset-60{margin-left:60.00%}.col-offset-55{margin-left:55.00%}.col-offset-50{margin-left:50.00%}.col-offset-45{margin-left:45.00%}.col-offset-40{margin-left:40.00%}.col-offset-35{margin-left:35.00%}.col-offset-30{margin-left:30.00%}.col-offset-25{margin-left:25.00%}.col-offset-20{margin-left:20.00%}.col-offset-15{margin-left:15.00%}.col-offset-10{margin-left:10.00%}.col-offset-5{margin-left:5.00%}.col-offset-2{margin-left:2.00%}.col-offset-66{margin-left:66.66%}.col-offset-33{margin-left:33.33%}
[class^='col-'].alpha{padding-left:0}[class^='col-'].omega{padding-right:0}
@media only screen and (max-width:767px){
[class^='col-']{float:none;width:100%;padding:0;margin:0}
[class*=' m-col-']{float:left;padding:0 10px}.inline-columns > [class*=' m-col-']{float:none}
.m-col-100{width:100.00%}.m-col-95{width:95.00%}.m-col-90{width:90.00%}.m-col-85{width:85.00%}.m-col-80{width:80.00%}.m-col-75{width:75.00%}.m-col-70{width:70.00%}.m-col-65{width:65.00%}.m-col-60{width:60.00%}.m-col-55{width:55.00%}.m-col-50{width:50.00%}.m-col-45{width:45.00%}.m-col-40{width:40.00%}.m-col-35{width:35.00%}.m-col-30{width:30.00%}.m-col-25{width:25.00%}.m-col-20{width:20.00%}.m-col-16{width:16.00%}.m-col-15{width:15.00%}.m-col-10{width:10.00%}.m-col-5{width:5.00%}.m-col-66{width:66.66%}.m-col-33{width:33.33%}
.m-col-offset-100{margin-left:100.00%}.m-col-offset-95{margin-left:95.00%}.m-col-offset-90{margin-left:90.00%}.m-col-offset-85{margin-left:85.00%}.m-col-offset-80{margin-left:80.00%}.m-col-offset-75{margin-left:75.00%}.m-col-offset-70{margin-left:70.00%}.m-col-offset-65{margin-left:65.00%}.m-col-offset-60{margin-left:60.00%}.m-col-offset-55{margin-left:55.00%}.m-col-offset-50{margin-left:50.00%}.m-col-offset-45{margin-left:45.00%}.m-col-offset-40{margin-left:40.00%}.m-col-offset-35{margin-left:35.00%}.m-col-offset-30{margin-left:30.00%}.m-col-offset-25{margin-left:25.00%}.m-col-offset-20{margin-left:20.00%}.m-col-offset-15{margin-left:15.00%}.m-col-offset-10{margin-left:10.00%}.m-col-offset-5{margin-left:5.00%}.m-col-offset-2{margin-left:2.00%}.m-col-offset-66{margin-left:66.66%}.m-col-offset-33{margin-left:33.33%}
}
.h163 {min-height:163px}
.h190 {min-height:190px}
/* General Objects
================================================== */
.page-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-height:100%;padding:0 10px;overflow:hidden}
.container{position:relative;width:auto;max-width:1400px;margin:0 auto;padding:0;overflow:visible}
.header-spacer {height:20px}
@media only screen and (max-width:767px){.page-wrap{padding:0 20px}}
/* Partials
================================================== */
.navtop-wrap {display: flex; position: fixed; top: 0; right: 22vw; z-index:70}
.nav-top{display: flex; justify-content: flex-end; top:0;z-index:70; margin:0 -2000px;padding:0 2000px;background:#222}
.nav-top ul{display:inline-block; vertical-align:top;position:relative;z-index:71;margin:0;padding:0;list-style:none;font:0/0 'Open Sans';text-align:right}
.nav-top ul li{display:inline-block;margin:0;padding:0;position:relative;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.nav-top ul li a{display:block;padding:8px 15px;text-align:center;font-size:0.8em;line-height:1.4em;text-decoration:none;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.nav-top ul li a[href='#']{cursor:default}
.nav-top ul li:hover,.nav-top ul li.nav-active{}
.nav-top ul li:hover > a,.nav-top ul li.nav-active > a{color:#ff5500}
.nav-top ul li.nav-active > a[href='#']{color:inherit}
.nav-top ul ul{display:none;position:absolute;z-index:72;top:100%;left:0;min-width:100%;background:#222;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.nav-top ul li:hover > ul,.nav-top ul li:hover > div > ul{display:block}
.nav-top ul ul li{display:block;text-align:left;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#FFF}
.nav-top ul ul li + li:before{content:'';position:absolute;top:0;bottom:auto;left:10px;right:10px;height:1px;width:auto;background:#555}
.nav-top ul ul li a{display:block;max-width:300px;padding:8px 15px;font-size:0.8em;line-height:1.4em;text-align:left;text-decoration:none;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-top ul ul li:hover,.nav-top ul ul li.nav-active{}
.nav-top ul ul li:hover > a,.nav-top ul ul li.nav-active > a{color:#ff5500}
.nav-top ul ul ul{position:absolute;z-index:73;top:0;left:100%}
.nav-top .left-nav{float:left}
.nav-top .right-nav{display: block}
.nav-top ul ul.sub-left{left:auto;right:0}
.nav-top ul ul ul.sub-left{left:auto;right:100%}
.nav-top:after{content:'';display:block;clear:both;margin:0;padding:0}
.nav-top li.nav-right:after{content:'\f054';display:block;position:absolute;top:50%;right:2px;height:0;width:auto;margin:-1.25em 0 0 0;padding:0;font:0.5em/2.5em 'Font Awesome 5 Pro'}
.nav-top li.nav-left:after{content:'\f053';display:block;position:absolute;top:50%;left:2px;height:0;width:auto;margin:-1.25em 0 0 0;padding:0;font:0.5em/2.5em 'Font Awesome 5 Pro'}
.nav-top li.nav-down:after{content:'\f078';display:block;position:absolute;top:50%;right:2px;height:0;width:auto;margin:-1.25em 0 0 0;padding:0;font:0.5em/2.5em 'Font Awesome 5 Pro'}
@media only screen and (max-width:1920px){.navtop-wrap{right: 13vw}}
@media only screen and (max-width:1520px){.navtop-wrap{right: 3vw}}
@media only screen and (max-width:1366px){.navtop-wrap{right: 0vw}}
@media only screen and (max-width:767px){.nav-top{margin:0 -20px;padding:0 10px}}
/* Navigation
================================================== */
.nav{display:block;position:fixed;top: 33px;z-index:50;margin:0 -2000px 0 -2000px;padding:0 2000px;background:#192933;text-align:right}
.nav ul{display:block;position:relative;z-index:51;margin:0;padding:0;list-style:none;font:0/0 'Open Sans'}
.nav ul li{display:inline-block;vertical-align:top;margin:0;padding:0;position:relative;font:16px/1.6em 'Oswald',Arial,sans-serif;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.nav ul li a{display:block;padding:15px 20px;text-align:center;text-decoration:none;color:#FFF;font-size:21px;line-height:1.2em;font-weight:700;font-style:italic;text-transform:uppercase;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.nav ul li a[href='#']{cursor:default}
.nav ul li a > i.fa{color:#ff5500}
.nav ul li:hover,.nav ul li.nav-active{}
.nav ul li:hover > a,.nav ul li.nav-active > a{color:#ff5500}
.nav ul ul{display:none;position:absolute;z-index:52;top:100%;left:0;min-width:100%;background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.nav ul li:hover > ul,.nav ul li:hover > div > ul{display:block}
.nav ul ul li{display:block;text-align:left;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#333}
.nav ul ul li + li:before{content:'';position:absolute;top:0;bottom:auto;left:10px;right:10px;height:1px;width:auto;background:#DDD}
.nav ul ul li a{display:block;max-width:300px;padding:8px 20px;text-align:left;text-decoration:none;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav ul ul li:hover,.nav ul ul li.nav-active{}
.nav ul ul li:hover > a,.nav ul ul li.nav-active > a{color:#ff5500}
.nav ul ul ul{position:absolute;z-index:53;top:0;left:100%}
.nav ul ul.sub-left{left:auto;right:0}
.nav ul ul ul.sub-left{left:auto;right:100%}
.nav li.nav-right:after{content:'\f054';display:block;position:absolute;top:50%;right:2px;height:0;width:auto;margin:-1.25em 0 0 0;padding:0;font:0.5em/2.5em 'Font Awesome 5 Pro'}
.nav li.nav-left:after{content:'\f053';display:block;position:absolute;top:50%;left:2px;height:0;width:auto;margin:-1.25em 0 0 0;padding:0;font:0.5em/2.5em 'Font Awesome 5 Pro'}
.nav li.nav-down:after{content:'\f078';display:block;position:absolute;top:50%;right:2px;height:0;width:auto;margin:-1.25em 0 0 0;padding:0;font:0.5em/2.5em 'Font Awesome 5 Pro'}
.nav ul li.home{float:left}
.nav ul li.home a{display:block;width:150px;margin:0 20px 0 0;background:transparent url(../img/theme/phoenix-courier-logo-white.png) no-repeat center left;background-size:contain;text-align:left;text-indent:-9999px}
.nav-spacer {height: 95px}
/* Pagination
================================================== */
ul.pagination{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;list-style:none;margin:0;padding:0;font:0/0 'Open Sans'}
ul.pagination li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;float:none;height:auto;list-style:none;margin:0 -1px 0 0;padding:5px 10px;background:#FFF;border:1px solid #CCC;box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,0.1);font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#AAA;cursor:default}
ul.pagination li:first-child{border-radius:5px 0 0 5px}
ul.pagination li:last-child{border-radius:0 5px 5px 0}
ul.pagination li.active{position:relative;z-index:1;background:#EEE;border-color:#999;box-shadow:inset 0 -1px 0 rgba(255,255,255,1),inset 0 1px 0 rgba(0,0,0,0.1)}
ul.pagination li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;min-width:1em;margin:-5px -10px;padding:5px 10px;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#192933;text-shadow:1px 1px 0 #FFF,1px -1px 0 #FFF,-1px -1px 0 #FFF,-1px 1px 0 #FFF;text-decoration:none;text-align:center;cursor:pointer}
ul.pagination li.active a,ul.pagination li a:hover{background:none;color:#ff5500}
ul.pagination li a i.fa{font-size:inherit;line-height:inherit}
.shortfield{width:90px !important;}
/* Content
================================================== */
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
@media only screen and (max-width:767px){.text-center,.text-left,.text-right{text-align:center}}
.text-white{color:#FFF!important}
.text-black{color:#000!important}
.text-grey{color:#333!important}
.text-red{color:#F00!important}
a.button,a.button:visited,.button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:1px 1px;padding:5px 10px;background:#FFF;border:1px solid #192933;border-radius:3px;box-shadow:none;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#192933;text-shadow:none;text-decoration:none;cursor:pointer}
a.button:hover,.button:hover,.button:active{background:#FFF;border:1px solid #000000;color:#000000;text-decoration:none}
a.button.button-primary,a.button.button-primary:visited,.button.button-primary{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:1px 1px;padding:5px 10px;background:#192933;border:1px solid #000001;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.25);font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#FFF;text-shadow:0 1px 0 #000001;text-decoration:none;cursor:pointer}
a.button.button-primary:hover,.button.button-primary:hover,.button.button-primary:active{background:#000001;border:1px solid #000000;color:#FFF;text-shadow:0 1px 0 #000000;text-decoration:none}
button,button:visited{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:1px 1px;padding:5px 10px;background:#192933;border:1px solid #000001;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.25);font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#FFF;text-shadow:0 1px 0 #000001;text-decoration:none;cursor:pointer}
button:hover,button:active{background:#000001;border:1px solid #000000;color:#FFF;text-shadow:0 1px 0 #000000;text-decoration:none}
.svg-icon{display:inline-block;width:1em;height:1em;fill:currentColor;overflow:hidden}
.fa{font-family:'Font Awesome 5 Pro','Font Awesome 5 Brands';font-weight:400}
.fa.fas{font-family:'Font Awesome 5 Pro';font-weight:900}
.fa.far{font-family:'Font Awesome 5 Pro';font-weight:400}
.fa.fal{font-family:'Font Awesome 5 Pro';font-weight:300}
.fa.fab{font-family:'Font Awesome 5 Brands';font-weight:400}
form{margin:0;padding:0}
form:after{content:'';display:block;clear:both}
fieldset{margin:0 0 20px 0}
input[type='text'],input[type='file'],input[type='password'],input[type='color'],input[type='date'],input[type='datetime'],input[type='tel'],input[type='datetime-local'],input[type='email'],input[type='month'],input[type='number'],input[type='range'],input[type='search'],input[type='time'],input[type='url'],input[type='week'],textarea,select{display:block;max-width:100%;height:2em;margin:0 0 10px 0;padding:0 4px;background:#FFF;border:1px solid #CCC;border-radius:3px;outline:none;font:1em/1.25em 'Open Sans';color:#000;font-weight:900}
select[type='text']{font-weight:900}
.select2-results__options {font-weight:900!important;}
.select2-selection__rendered {font-weight:900!important;}
.select2-selection__placeholder {font-weight:900!important;}
.select2-selection__placeholder {color: #000!important;}
textarea{padding:6px 4px}
input[type='text']:focus,input[type='file']:focus,input[type='password']:focus,input[type='color']:focus,input[type='date']:focus,input[type='datetime']:focus,input[type='tel']:focus,input[type='datetime-local']:focus,input[type='email']:focus,input[type='month']:focus,input[type='number']:focus,input[type='range']:focus,input[type='search']:focus,input[type='time']:focus,input[type='url']:focus,input[type='week']:focus,textarea:focus,select:focus{border:1px solid #192933;color:#222}
textarea{min-height:25px}
input[type='color']{padding:0 2px}
label,legend{display:block;font-weight:bold; margin-left:1px}
select{width:220px}
input[type='checkbox'],input[type='radio']{display:inline}
button,input{outline:none}
input[readonly],select[readonly],textarea[readonly],input[disabled],select[disabled],textarea[disabled]{background:#F0F0F0!important;border-color:#808080!important}
input,
textarea,
select,
span.item,
fieldset.item{max-width:100%}
input.width-100,
textarea.width-100,
select.width-100,
span.item.width-100,
fieldset.item.width-100{width:100%;margin-right:-5px}
input.width-offset-100,
textarea.width-offset-100,
select.width-offset-100,
span.item.width-offset-100,
fieldset.item.width-offset-100{margin-left:100%}
input.width-95,
textarea.width-95,
select.width-95,
span.item.width-95,
fieldset.item.width-95{width:95%;margin-right:-5px}
input.width-offset-95,
textarea.width-offset-95,
select.width-offset-95,
span.item.width-offset-95,
fieldset.item.width-offset-95{margin-left:95%}
input.width-90,
textarea.width-90,
select.width-90,
span.item.width-90,
fieldset.item.width-90{width:90%;margin-right:-5px}
input.width-offset-90,
textarea.width-offset-90,
select.width-offset-90,
span.item.width-offset-90,
fieldset.item.width-offset-90{margin-left:90%}
input.width-85,
textarea.width-85,
select.width-85,
span.item.width-85,
fieldset.item.width-85{width:85%;margin-right:-5px}
input.width-offset-85,
textarea.width-offset-85,
select.width-offset-85,
span.item.width-offset-85,
fieldset.item.width-offset-85{margin-left:85%}
input.width-80,
textarea.width-80,
select.width-80,
span.item.width-80,
fieldset.item.width-80{width:80%;margin-right:-5px}
input.width-offset-80,
textarea.width-offset-80,
select.width-offset-80,
span.item.width-offset-80,
fieldset.item.width-offset-80{margin-left:80%}
input.width-75,
textarea.width-75,
select.width-75,
span.item.width-75,
fieldset.item.width-75{width:75%;margin-right:-5px}
input.width-offset-75,
textarea.width-offset-75,
select.width-offset-75,
span.item.width-offset-75,
fieldset.item.width-offset-75{margin-left:75%}
input.width-70,
textarea.width-70,
select.width-70,
span.item.width-70,
fieldset.item.width-70{width:70%;margin-right:-5px}
input.width-offset-70,
textarea.width-offset-70,
select.width-offset-70,
span.item.width-offset-70,
fieldset.item.width-offset-70{margin-left:70%}
input.width-65,
textarea.width-65,
select.width-65,
span.item.width-65,
fieldset.item.width-65{width:65%;margin-right:-5px}
input.width-offset-65,
textarea.width-offset-65,
select.width-offset-65,
span.item.width-offset-65,
fieldset.item.width-offset-65{margin-left:65%}
input.width-60,
textarea.width-60,
select.width-60,
span.item.width-60,
fieldset.item.width-60{width:60%;margin-right:-5px}
input.width-offset-60,
textarea.width-offset-60,
select.width-offset-60,
span.item.width-offset-60,
fieldset.item.width-offset-60{margin-left:60%}
input.width-55,
textarea.width-55,
select.width-55,
span.item.width-55,
fieldset.item.width-55{width:55%;margin-right:-5px}
input.width-offset-55,
textarea.width-offset-55,
select.width-offset-55,
span.item.width-offset-55,
fieldset.item.width-offset-55{margin-left:55%}
input.width-50,
textarea.width-50,
select.width-50,
span.item.width-50,
fieldset.item.width-50{width:50%;margin-right:-5px}
input.width-offset-50,
textarea.width-offset-50,
select.width-offset-50,
span.item.width-offset-50,
fieldset.item.width-offset-50{margin-left:50%}
input.width-45,
textarea.width-45,
select.width-45,
span.item.width-45,
fieldset.item.width-45{width:45%;margin-right:-5px}
input.width-offset-45,
textarea.width-offset-45,
select.width-offset-45,
span.item.width-offset-45,
fieldset.item.width-offset-45{margin-left:45%}
input.width-40,
textarea.width-40,
select.width-40,
span.item.width-40,
fieldset.item.width-40{width:40%;margin-right:-5px}
input.width-offset-40,
textarea.width-offset-40,
select.width-offset-40,
span.item.width-offset-40,
fieldset.item.width-offset-40{margin-left:40%}
input.width-35,
textarea.width-35,
select.width-35,
span.item.width-35,
fieldset.item.width-35{width:35%;margin-right:-5px}
input.width-offset-35,
textarea.width-offset-35,
select.width-offset-35,
span.item.width-offset-35,
fieldset.item.width-offset-35{margin-left:35%}
input.width-30,
textarea.width-30,
select.width-30,
span.item.width-30,
fieldset.item.width-30{width:30%;margin-right:-5px}
input.width-offset-30,
textarea.width-offset-30,
select.width-offset-30,
span.item.width-offset-30,
fieldset.item.width-offset-30{margin-left:30%}
input.width-25,
textarea.width-25,
select.width-25,
span.item.width-25,
fieldset.item.width-25{width:25%;margin-right:-5px}
input.width-offset-25,
textarea.width-offset-25,
select.width-offset-25,
span.item.width-offset-25,
fieldset.item.width-offset-25{margin-left:25%}
input.width-20,
textarea.width-20,
select.width-20,
span.item.width-20,
fieldset.item.width-20{width:20%;margin-right:-5px}
input.width-offset-20,
textarea.width-offset-20,
select.width-offset-20,
span.item.width-offset-20,
fieldset.item.width-offset-20{margin-left:20%}
input.width-15,
textarea.width-15,
select.width-15,
span.item.width-15,
fieldset.item.width-15{width:15%;margin-right:-5px}
input.width-offset-15,
textarea.width-offset-15,
select.width-offset-15,
span.item.width-offset-15,
fieldset.item.width-offset-15{margin-left:15%}
input.width-10,
textarea.width-10,
select.width-10,
span.item.width-10,
fieldset.item.width-10{width:10%;margin-right:-5px}
input.width-offset-10,
textarea.width-offset-10,
select.width-offset-10,
span.item.width-offset-10,
fieldset.item.width-offset-10{margin-left:10%}
input.width-5,
textarea.width-5,
select.width-5,
span.item.width-5,
fieldset.item.width-5{width:5%;margin-right:-5px}
input.width-offset-5,
textarea.width-offset-5,
select.width-offset-5,
span.item.width-offset-5,
fieldset.item.width-offset-5{margin-left:5%}
input.width-0,
textarea.width-0,
select.width-0,
span.item.width-0,
fieldset.item.width-0{width:0%;margin-right:-5px}
input.width-offset-0,
textarea.width-offset-0,
select.width-offset-0,
span.item.width-offset-0,
fieldset.item.width-offset-0{margin-left:0%}
input.width-33,
textarea.width-33,
select.width-33,
span.item.width-33,
fieldset.item.width-33{width:33.33%;margin-right:-5px}
input.width-offset-33,
textarea.width-offset-33,
select.width-offset-33,
span.item.width-offset-33,
fieldset.item.width-offset-33{margin-left:33.33%}
input.width-66,
textarea.width-66,
select.width-66,
span.item.width-66,
fieldset.item.width-66{width:66.66%;margin-right:-5px}
input.width-offset-66,
textarea.width-offset-66,
select.width-offset-66,
span.item.width-offset-66,
fieldset.item.width-offset-66{margin-left:66.66%}
span.item.item-fullscreen-pending{position:relative}
span.item.item-fullscreen-pending > textarea{resize:none}
span.item.item-fullscreen{display:block;position:fixed;z-index:999999;top:0;bottom:0;left:0;right:0;width:auto;height:auto;margin:0;padding:20px;background:#FFF;border:5vw solid rgba(0,0,0,0.5);overflow:auto;-webkit-background-clip:padding-box;background-clip:padding-box}
span.item.item-fullscreen > *{position:relative;z-index:5}
span.item.item-fullscreen > textarea{resize:none;min-height:calc(100% - 50px)}
span.item a.item-fullscreen-expand{box-sizing:border-box;display:inline-block;position:absolute;top:auto;bottom:15px;left:auto;right:10px;margin:0;background:#222;border-radius:5px;font-size:1em;line-height:1.5em;color:#FFF;text-align:center;text-decoration:none;transition:all 0.3s ease;opacity:0.25}
span.item a.item-fullscreen-expand:hover{opacity:1}
span.item a.item-fullscreen-close{box-sizing:border-box;display:inline-block;min-width:2em;position:absolute;top:auto;bottom:10px;left:auto;right:20px;margin:0;padding:0.25em 0.5em;background:#222;border-radius:5px;font-size:1em;line-height:1.5em;color:#FFF;text-align:center;text-decoration:none;transition:all 0.3s ease;opacity:0.85}
span.item a.item-fullscreen-close:hover{opacity:1}
table{display:inline-block;margin:0 0 20px 0;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:#FFF}
table.data-table{display:table;width:100%}
table caption{font-size:.9em;background:#fff}
table tbody,table thead,table tfoot,table tr{width:100%;}
table thead {position:sticky;top:0}
table tr td,table tr th{width:1%;padding:.75em .75em;vertical-align:top;font-size:.85em;border:1px solid #EEE;border-top:0;border-left:0;color:#222;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
table tr td:only-child{background-image:-webkit-linear-gradient(left,#fff 50%,rgba(255,255,255,0) 100%),-webkit-linear-gradient(right,#fff 50%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,#fff 50%,rgba(255,255,255,0) 100%),linear-gradient(to left,#fff 50%,rgba(255,255,255,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}
table tr th{background:#192933!important;line-height:1.2em!important;font-weight:700!important;color:#FFF!important}
table tr:hover td,table tr.selected td{background:#DDD}
/* Phoenix Courier Specific
================================================== */
span.item,
fieldset.item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;padding:0 4px}
fieldset{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position: relative;margin:0;padding:5px;text-align:left;border: 1px solid #055720}
.side-nav fieldset {padding: 7px;border: 0}
fieldset .button,fieldset button{margin-bottom:20px}
fieldset legend{padding:0;border-bottom:4px solid #192933;font:16px/1.6em 'Arial',Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.4em;color:#192933}
fieldset.inline{display:inline-block;vertical-align:top;margin:0 5px 5px 5px;padding:10px 10px;border:1px solid #DDD}
.dispatch-border {background-color:#f9f9f9; border: 2px solid #055720!important;margin-bottom: 0.75em!important}
.tab{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;list-style:none;margin:0;padding:0;border-bottom:solid 1px #DDD;font:0/0 'Open Sans'}
.tab button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0 4px -1px 0;padding:5px 10px;background:#e6e6e6;border:1px solid #DDD;border-radius:3px 3px 0 0;box-shadow:none;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#444;text-shadow:none;text-decoration:none}
.tab button:hover{color:#192933}
.tab button.active{background:#FFF;border-bottom:1px solid #FFF;color:#192933}
.tabcontent{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;list-style:none;margin:0 0 20px 0;padding:20px 20px;background:#FFF;border:solid 1px #DDD;border-top:none;font:16px/1.6em 'Open Sans',Arial,sans-serif;overflow:hidden}
.btn-group{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;padding:0 10px}
.btn-group button{background-color:#f2f2f2;color:#263064;font-weight:bold!important;text-shadow:none}
.btn-group button:after {color:#055720; font-weight:bold!important}
.btn-group button:hover,.btn-broup button:focus {background-color:#263064;border-color:#fff;color:#f2f2f2}
fieldset ul{border: 1px solid rgba(0,0,0,0.15);padding:10px;list-style: none;max-height:250px;width:100%;overflow: auto}
fieldset ul li{display:block;margin:1px;padding:5px 5px;background:#FFF;border:1px solid #FFF;border-radius:3px;color:#222;cursor:pointer;outline:none}
fieldset ul li:hover{background:#e5f0ff;border:1px solid #c5d0df;box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),inset -1px -1px rgba(0,0,0,0.1),0 3px 10px rgba(0,0,0,0.1);color:#222}
fieldset ul li:focus{background:#192933;border:1px solid #192933;box-shadow:inset 1px 1px 0 rgba(255,255,255,.25),inset -1px -1px rgba(0,0,0,0.1),0 3px 10px rgba(0,0,0,0.1);color:#FFF}
fieldset ul li.focusStyle{background:#192933;border:1px solid #192933;box-shadow:inset 1px 1px 0 rgba(255,255,255,.25),inset -1px -1px rgba(0,0,0,0.1),0 3px 10px rgba(0,0,0,0.1);color:#FFF}
.bottom-spacer {margin-bottom: 80px!important}
/* Modules
================================================== */
.module{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;margin:0 0 20px 0;padding:10px 10px;background:#FFF;border:none;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,0.25);font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#444;word-wrap:break-word}.module .wrap-area{display:block;margin:0 -5px;font:0/0 'Open Sans'}.module .wrap-area .wrap-width{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;width:100%;padding:0 5px;font:16px/1.6em 'Open Sans',Arial,sans-serif;}.module .wrap-area .wrap-width.wrap-75{width:75%}.module .wrap-area .wrap-width.wrap-66{width:66.66%}.module .wrap-area .wrap-width.wrap-50{width:50%}.module .wrap-area .wrap-width.wrap-33{width:33.33%}.module .wrap-area .wrap-width.wrap-25{width:25%}@media only screen and (max-width:479px){.module .wrap-area .wrap-width.wrap-75,.module .wrap-area .wrap-width.wrap-66,.module .wrap-area .wrap-width.wrap-50,.module .wrap-area .wrap-width.wrap-33,.module .wrap-area .wrap-width.wrap-25{width:100%}}
.module.box-wrap{font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#444}.module.box-wrap .name{display:block;margin:-10px -10px 10px -10px;padding:10px;border-bottom:1px solid #EEE;font:28px/1em 'Open Sans',Arial,sans-serif;font-size:calc( 24px + (30 - 24) * (100vw - 300px) / (1920 - 300) );font-weight:300}
form.module.form{font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#444}form.module.form .name{display:block;margin:-10px -10px 10px -10px;padding:10px;border-bottom:1px solid #EEE;font:28px/1em 'Open Sans',Arial,sans-serif;font-size:calc( 24px + (30 - 24) * (100vw - 300px) / (1920 - 300) );font-weight:300}form.module.form .section-main{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;width:70%;margin:0}form.module.form .section-sidebar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;width:28%;margin:0 1%;padding:10px 10px;background:#EEE;border-radius:5px}form.module.form .actions-wrap{margin:0;padding:0}form.module.form button[type='submit']{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;background:#192933;border:1px solid #000001;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.25);font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#FFF;text-shadow:0 1px 0 #000001;text-decoration:none;overflow:hidden;display:block;height:auto;width:100%;margin:0;padding:8px 10px;border-radius:3px;text-align:left;cursor:pointer}form.module.form button[type='submit']:hover{background:#000001;border:1px solid #000000;color:#FFF;text-shadow:0 1px 0 #000000;text-decoration:none}form.module.form button[type='submit']:before{content:'\f061';display:inline-block;min-width:16px;margin:0 8px 0 0;padding:0;font-family:'Font Awesome 5 Pro';text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}form.module.form button[type='submit']:hover:before{margin:0 16px 0 8px}form.module.form input[type='text'],form.module.form input[type='file'],form.module.form input[type='password'],form.module.form input[type='color'],form.module.form input[type='date'],form.module.form input[type='datetime'],form.module.form input[type='tel'],form.module.form input[type='datetime-local'],form.module.form input[type='email'],form.module.form input[type='month'],form.module.form input[type='number'],form.module.form input[type='range'],form.module.form input[type='search'],form.module.form input[type='time'],form.module.form input[type='url'],form.module.form input[type='week'],form.module.form textarea,form.module.form select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%}form.module.form input[type='color']{min-height:30px}form.module.form textarea{min-height:100px;resize:none}form.module.form strong.label{display:block;font:1em/1.4em 'Open Sans';font-weight:700}form.module.form strong.label .required{color:#C00}form.module.form .description{display:block;margin:0 0 5px 0;font:0.8em/1.2em 'Open Sans';font-style:italic}form.module.form .fa-icon-area{display:block;position:relative}form.module.form .fa-icon-area input,form.module.form .fa-icon-area select,form.module.form .fa-icon-area textarea{padding-left:2em}form.module.form .fa-icon-area i.fa{position:absolute;z-index:10;top:0;left:1px;height:auto;width:1.5em;background:rgba(0,0,0,0.02);border-right:1px solid rgba(0,0,0,0.1);border-radius:3px 0 0 3px;text-align:center;color:#BBB;text-shadow:0 1px 2px #FFF;font-size:1em;line-height:2em;pointer-events:none}form.module.form .fa-icon-area i.toggle-input{position:absolute;z-index:10;top:0;right:1px;height:auto;width:1.5em;background:none;border:none;text-align:center;color:#BBB;text-shadow:0 1px 2px #FFF;font-size:1em;line-height:2em;cursor:pointer}form.module.form .fa-icon-area i.toggle-input:hover{color:#AAA}form.module.form .fa-icon-area i.toggle-input:before{content:'\f040';font:1em/2em 'Font Awesome 5 Pro';font-weight:900}form.module.form .fa-icon-area i.toggle-input.visible:before{content:'\f00c';font:1em/2em 'Font Awesome 5 Pro';font-weight:900}form.module.form .fa-icon-area i.toggle-input[data-input-type="password"]:before{content:'\f06e'}form.module.form .fa-icon-area i.toggle-input[data-input-type="password"].visible:before{content:'\f070'}form.module.form input.error,form.module.form textarea.error,form.module.form select.error{border-color:#c00}form.module.form span.error{display:block;margin:-15px 0 20px 0;color:#c00;font-weight:normal;line-height:1.2em}form.module.form span.error.main-error{display:block;margin:-10px -10px 20px -10px;padding:8px 10px;background:#c00;color:#FFF;font-weight:bold}form.module.form .cr-list span.error{margin-top:0}form.module.form .cr-input + span.error{margin-top:5px}form.module.form .g-recaptcha{margin:0 0 10px 0}form.module.form .g-recaptcha + span.error{margin-top:-5px}form.module.form noscript{position:absolute;z-index:75;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:rgba(255,255,255,.75)}form.module.form noscript .noscript-content{display:block;margin:20px;padding:20px;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:5px}@media only screen and (max-width:767px){form.module.form .section-main{width:100%;margin:0}form.module.form .section-sidebar{width:100%;margin:0 0 20px 0}}
form.module.search-action{padding:2px 2px;background:#f3f3f3;font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#444}form.module.search-action label{font:16px/1.6em 'Open Sans',Arial,sans-serif}form.module.search-action label strong{display:none}form.module.search-action input.query-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;display:block;height:auto;width:100%;margin:0;padding:6px 3em 6px 10px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border:1px solid #DDD;border-radius:3px;font:0.9em/1.5em 'Open Sans';color:#999}form.module.search-action input.query-input:focus{border:1px solid #192933;color:#192933}form.module.search-action button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;background:#192933;border:1px solid #000001;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.25);font:16px/1.6em 'Open Sans',Arial,sans-serif;color:#FFF;text-shadow:0 1px 0 #000001;text-decoration:none;overflow:hidden;display:block;position:absolute;top:2px;bottom:2px;left:auto;right:2px;height:auto;width:2.25em;margin:0;padding:0;border-radius:3px;font:1.05em/1.5em 'Open Sans';text-align:left;text-indent:-9999px;overflow:hidden;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}form.module.search-action button:hover{background:#000001;border:1px solid #000000;color:#FFF;text-shadow:0 1px 0 #000000;text-decoration:none}form.module.search-action button:before{content:'\f002';display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;margin:0;padding:0;font:1em/1.9em 'Font Awesome 5 Pro';text-align:center;text-indent:0}
form.module.form .name{font:16px/1.6em 'Oswald',Arial,sans-serif;font-size:24px;line-height:1.4em;font-weight:700;text-align:center}
form.module.form button[type='submit']{float:none}
form.module.form strong.label{display:block;position:relative;margin:0;padding:0;background:none;font:1em/1.4em 'Open Sans';font-weight:700;color:inherit;text-align:left;white-space:nowrap;text-decoration:none}
form .field-icon{float:right;margin-right:5px;margin-top:-47px;position:relative;z-index:2}
form .fa-icon-area{display:block;position:relative}
form .fa-icon-area input,
form .fa-icon-area select,
form .fa-icon-area textarea{padding-left:2em}
form .fa-icon-area i.fa{position:absolute;z-index:10;top:0;left:1px;height:auto;width:1.5em;background:rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.15);border-radius:3px 0 0 3px;text-align:center;color:rgba(0,0,0,0.2);text-shadow:0 1px 2px rgba(255,255,255,0.05);font-size:1em;line-height:2em;pointer-events:none}
form .fa-icon-area i.toggle-input{position:absolute;z-index:10;top:0;right:1px;height:auto;width:1.5em;background:none;border:none;text-align:center;color:#BBB;text-shadow:0 1px 2px #FFF;font-size:1em;line-height:2em;cursor:pointer}
/* jquery-modal Additions
================================================== */
.jquery-modal.blocker{z-index:1000}
.modal-form.modal{border-radius:0;line-height:18px;padding:0;font-family:'Open Sans',Arial,sans-serif}
.modal-form h3{margin:0;padding:10px;color:#fff;font-size:14px;font-family:'Open Sans',Arial,sans-serif;background:-moz-linear-gradient(top, #2e5764, #1e3d47);background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #1e3d47),color-stop(1, #2e5764))}
.modal-form.modal p{ padding:20px 30px;border-bottom:1px solid #ddd;margin:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));overflow:hidden}
.modal-form.modal p:last-child{border:none}
.modal-form.modal p label{ float:left;font-weight:bold;color:#333;font-size:13px;width:110px;line-height:22px}
.modal-form.modal p input:not([type="checkbox"]):not([type="radio"]){margin:0;font:normal 12px/18px 'Open Sans',Arial,sans-serif;padding:3px;border:1px solid #ddd;width:200px}
/* DELIVERIES EDITS - General Styles
================================================== */
.main-heading {margin: 20px 0 5px}
.btsp10 {margin-bottom: 10px}
.topsp11 {margin-top: 11px}
.ctn-brk {clear: both}
h2.new-dispatch-fs {display: inline-block;font:16px/1.6em 'Arial',Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.4em;color:#263064;border-bottom: 4px solid #263064}
h2.new-dispatch-fs {margin-left: 5px; margin-bottom: 8px;}
.td00 {margin: -50px auto 0 auto; padding-bottom: 20px; text-align: center; font-size: 1.2em}
.td00-inner label {font-size: 0.8em}
/*CUSTOM FIELDS FIELDS - General Styles
================================================== */
.select2-container .select2-selection--single, .date {height: 32px!important; font-weight: bold!important}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px!important}
/* DELIVERIES EDITS - Dispatch Section
================================================== */
.top-dispatch {display: flex; flex-wrap: wrap}
.td01 {flex-basis: 39%; padding: 0}
.td02 {flex-basis: 39%; padding: 0 0 0 10px}
.td02d {flex-basis: 39%; padding: 0 0 0 127px}
.td03 {flex-basis: 22%; padding: 0 0 0 28px}
.dispatch-area {height: 100%; display: flex}
.dispatch-area fieldset {display: flex; border: 0}
.dispatch-info select {width:100%!important}
.di-01 .spacer {height:63px}
.di-02 .img-row {display:flex;padding: 0px 0px 0px 42px;height:126px;text-align:center;align-items:center}
.client-dispatch {display: flex; flex-basis: 50%; margin: 0 0.5% 0 0.4%;}
.client-dispatch span.item {min-height:63px}
.cl-area {height: 100%; margin: 0; padding: 0; display: flex;flex-direction: column; justify-content: space-between}
.cl-dp01a1 {padding: 5px; height:100%; border: 1px solid #055720}
.cl-dp01a2 {padding: 5px; margin-top:10px; height:100%; border: 1px solid #055720}
.cl-dp01b {margin-top: 15px; padding: 5px; height:100%; border: 1px solid #055720}
.cl-dp02 {min-height: 132px;display: flex; padding: 14px; border: 1px solid #055720}
.cl-subtitle {padding: 10px 0 0 15px}
.cl-subtitle .new-dispatch-fs {margin-bottom: 10px}
.clspan50 {flex: 1}
.dispatch-times {flex-basis: 49%; margin: 0 0.4% 0 0.5%;}
.dispatch-times span.item {min-height:63px}
.dt-area {height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: space-between}
.dt-dp01a {padding: 5px; border: 1px solid #055720}
#TICKETID {font-weight:700;color:#143a51}
.dt-dp01b {padding: 5px; margin-top:10px; border: 1px solid #055720}
.dt-dp02 {height: 137px; margin-top: 15px; padding: 5px; border: 1px solid #055720}
.dt-subtitle {padding: 15px 0 0 15px}
.dt-subtitle .new-dispatch-fs {margin-bottom: 10px}
.dispatch-buttons {display: flex; justify-content: space-around;margin-top: 2px; padding: 5px; border: 1px solid #055720}
.dispatch-btn {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#ededed;
border:1px solid #dcdcdc;
display:block;
cursor:pointer;
color:#000000;
font-family:Arial;
font-size:13px;
margin: 0 auto;
padding:0 15px;
text-decoration:none;
}
.dispatch-btn:hover,.dispatch-btn:focus {
background-color:#dfdfdf;
}
.driver-info {flex-basis: 22%; margin-left: 0.5%}
.driver-info span.item {min-height:63px}
.di-area {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0!important; border: 0!important}
.di-h2 {width:225px;margin:30px 0 0 0}
.di-area .row2 {padding-top: 10px}
.di-01 {padding: 5px; border: 1px solid #055720}
.di-01a {flex-basis: 80%; margin: 19px 0 -19px 0}
.di-02 {padding: 5px; margin-top:10px; border: 1px solid #055720}
/* Scheduled Dispatch Ticket
================================================== */
.mid-dispatch {display: flex; flex-wrap: wrap}
.mid-dispatch .new-dispatch-fs {margin:15px 0 5px 10px}
.md01 {flex-basis: 43.5%; padding: 0 0 5px 0}
.md02 {flex-basis: 23.5%; padding: 0 0 5px 14px}
.md03 {flex-basis: 20%; padding: 0 0 5px 28px}
.specific-date {position:absolute;top:115px;left:0;width:100%;text-align:center;font-weight:700!important;font: 18px/1.8em 'Arial',Arial,sans-serif}
.sdt-area {height: 100%; display: flex}
.dinfo {flex-basis: 39%; margin-right: 1%;padding: 5px; border: 1px solid #055720; max-height: 328px;}
.dinfo fieldset {border:none}
.dinfo select {width:100%!important}
.dinfo input[type="radio"] {margin:0 0.5em 0.5em 0!important}
/* label[for=EMPPAYMISC] {height:32px} */
.sm-label label {height:21px;font-size:10px}
.rinfo {flex-basis: 60%;padding: 5px; border: 1px solid #055720}
.rinfo fieldset {border:none}
.rinfo .field01 {width:177px} /* was 177px */
.rinfo .field02 {width:195.84px;padding:0!important} /* was 177px */
.rinfo .field03 {width:120px;padding:0 5px!important}
.rinfo .field04 {width:120px;padding:0 4px 0 0!important}
.rinfo .field05 {width:105.6px;padding:0 0 0 4px!important} /* was 112px */
.rinfo .field06 {float:right;width:52.8px;margin-right:5px;padding:0 0 0 2px!important} /* was 75px */
.rinfo .item-status {width:160px!important;margin-left:5px!important}
.rinfo .ref-num {width:160px!important}
.rborder {border: 1px solid #055720;min-height:auto!important}
.sch-area {display:flex;flex-wrap:wrap}
.sch-frq {width:183px;padding-left:5px;box-sizing:border-box}
.frq-box {padding:10px 10px 10px 15px;min-height:auto!important}
.frq-box legend {font-size:18px;border:none}
.frq-box label[for^="frequency-"] {display: inline-block;min-width: 23%;margin: 10px 0px 18px 1.5%}
.frq-box label[for^="frequency-"] input {margin: 0 5px 0 0}
.sch-dtl {width:167.84px;box-sizing:border-box} /* was 171px */
.monthly2 {flex:1;padding:5px 10px 2px 10px;min-height:auto!important}
.weekyday-checks {display:flex;padding:0 10px}
.weekyday-checks < div {flex:1}
.weekyday-checks input{margin:0 5px 0 0}
.weekyday-checks input[type="checkbox"]+label {margin:0 10px 0 0!important}
#dayofmonth,#xdayofweek,#xday,#daymonth {width:165px!important;margin-bottom:0px!important}
#xdayofweek {margin-bottom:5px!important}
.sch-dtl fieldset button {margin-bottom:0!important}
#weekly,#monthly,#semi,#specific {min-height:224px!important}
.sch-section2 {width:308px;margin:0 5px 0 5px;padding:0;box-sizing:border-box} /* was 247px */
.sch-section2 input {margin-bottom:13px!important}
.sch-section2 .cd-notes label {margin-bottom:4px}
.sch-section2 .cd-notes textarea {margin:4px 0 0 0}
.sch-section2 .cd-notes textarea[rows] {height:153px!important}
.sch-section3 {width:317px;margin:0!important;padding:0;box-sizing:border-box} /* was 188px */
.sch-section3 .field03a {width:160px}
.sch-section3 .field03b {width:47.5%;padding:0;margin-left:-2px}
.sch-section3 input.datepicker {width:152px!important;margin-bottom:13px!important}
.sch-section3 .field03b input {width:160px!important;margin:0 0 13px 2px!important}
.sch-section3 .cb-notes {display:block!important;width:313px}
.sch-section3 .cb-notes label {margin-bottom:4px}
.sch-section3 .cb-notes textarea {margin:0 0 10px 0}
.sch-section3 .cb-notes textarea[rows] {width:100%;height:153px!important}
.sch-img {width:163.2px!important;margin-top:18px;text-align:center}
.sch-img img {width:100%;height:auto}
.schedule-row {display:flex}
.schedule-row select {width:80px}
.weekly {flex:1;margin-right:8px}
.weekly .select {display:flex;flex-wrap:wrap}
.weekly .checkbox {flex-basis: 45.5%;margin: 5px 0.5%}
.weekly .checkbox label {font-size:0.6em}
.weekly .checkbox input {margin-bottom:0}
.mright10 {margin-right:10px}
.weekly.weekly-column .select {flex-flow:column wrap}
.weekly.weekly-column .checkbox {flex-basis:auto}
.monthly1 {flex:1;margin-right:8px}
.monthly-label {padding:1px 0;font-size:0.71em}
.specific1 {flex:1}
.specific1 #DATELIST {margin-bottom:10px}
.specific1 .removeItem{margin:0 0 5px 0;padding:2px 15px;font-size:0.9em}
.top-pd {display: flex; flex-wrap: wrap}
.tpd01 {flex-basis: 39%; padding: 0}
.tpd02 {flex-basis: 21%; padding: 0 0 0 10px}
.tpd03 {flex-basis: 39%; padding: 0 0 0 10px}
.remove-sides {margin:0 -5px}
.pdp-area {display: flex; max-height: 260px;}
.pdp-area fieldset {border:none}
.pu-info {flex-basis: 39%; margin-right: 1%;padding: 5px; border: 1px solid #055720; max-height: 328px;}
.dv-info {flex-basis: 39%; padding: 5px; border: 1px solid #055720}
.dn-info {flex-basis: 20%; margin-right: 1%;padding: 5px; border: 1px solid #055720; max-height: 328px;}
.no-label label {height:0!important}
.sch-dis-flip .btn-group button:after {
content: ""!important;
}
.top-ces {display: flex; flex-wrap: wrap}
.ces01 {flex-basis: 30%; padding: 0 0 0 10px}
.ces02 {flex-basis: 30%; padding: 0 0 0 10px}
.ces03 {flex-basis: 40%; padding: 0 0 0 15px}
.ces-area {height: 100%; display: flex}
.ces-area fieldset {border:none}
.ces-area .ccomp {flex-basis: 30%;border: 1px solid #055720}
.ces-area .ccomp .DRIVERPERCOPT, .ces-area .ccomp .DRIVEROVERRIDEOPT {margin:0}
.ces-area .ecomp {flex-basis: 30%;border: 1px solid #055720; margin:0 1%}
.ces-area .spricing {flex-basis: 39%;border: 1px solid #055720}
.img-right {text-align:right}
.top-sdn {display: flex; flex-wrap: wrap}
.sdn01 {flex-basis: 100%; padding: 0 0 0 10px}
/* DELIVERIES EDITS - Address Section
================================================== */
.top-address {display: flex; flex-wrap: wrap;}
.add01 {flex-basis: 50%; padding: 0}
.add01b {flex-basis: 39%; padding: 10px 0 0 0}
.add01b h2 {margin-bottom: 5px!important}
.add02 {flex-basis: 20%; padding-top: 15px 0}
.add02b {flex-basis: 20%; padding-top: 15px; text-align: center; font-weight: bold; text-decoration: underline}
.add02b h2 {margin-bottom: 5px!important}
.add02-inner {margin: 0 auto;text-align: center;color: #263064!important;font-weight: 700}
.add03 {flex-basis: 50%; padding: 0 0 0 0px;}
.add03b {flex-basis: 39%; padding: 10px 0 0 25px}
.add03b h2 {margin-bottom: 5px!important}
a.flipflop-left.time-btn {padding: 2px 5px 2px 5px!important;}
a.flipflop-left.time-btn.flip-btn {margin: 0px 0px 0px 276px!important;}
a.flipflop-left.time-btn.flip-btn {position: relative;top: 5px!important;
}
h2.new-dispatch-fs.deliv-info {margin: 0px 0px 0px 11px!important;}
.address-area {height: 100%; display: flex}
.address-area fieldset {border: 0}
.pickup-address {display: flex; flex-basis: 50%; margin: 0 0.5% 0 0.4%;}
.pickup-address span.item {min-height:63px}
.pickup-address2 {flex-basis: 39%; margin-right:1%; border: 1px solid #055720}
.pickup-address2 textarea[rows] {height: 95px}
.pl-area {margin: 0; padding: 0; display: flex;flex-direction: column; justify-content: space-between}
.pl-dp01a1 {padding: 5px; border: 1px solid #055720}
.address-middle {flex-basis: 20%; display: flex; justify-content: space-between; flex-direction: column}
.flipbox {flex-basis:20%; display: flex; align-items: center; padding: 0 0 6px 0; border: 1px solid #055720}
.flip-btn {padding: 26px 57px 0 57px}
.flip-img img {margin-top:35px; width:100%;text-align:center}
.sched-notes {display: flex; flex-direction: column; justify-content: flex-end;flex-basis:60%; padding: 5px 5px 5px 5px}
.textarea01 {margin-bottom: 0px}
input[type=text], textarea, select, input[type=number] {
border-style: inset;
border: 1px solid #055720
}
.address-middle2 {flex-basis: 20%; border: 1px solid #055720}
.delivery-address {flex-basis: 49%; margin: 0 0.4% 0 0.5%;}
.delivery-address span.item {min-height:63px}
.delivery-address2 {flex-basis: 39%; margin-left:1%; border: 1px solid #055720}
.da-area {height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: space-between}
.da-dp01a {padding: 5px; border: 1px solid #055720}
.delivery-address2 textarea[rows] {height: 95px}
.add-btn button {
margin: 0;
display: block;
width: 100%;
min-width: 155px;
background-color:#8497B0!important;
border-color:#bcbcbc;
border: 1px solid #000;
color: black!important;
transition: all 0.3s ease-out
}
.add-btn button:hover,.add-btn button:focus {
background-color:#000;
color: #f2f2f2!important
}
.delivery-button label {display: none!important}
.save-no-left {margin-left:-4px!important;padding-left:0!important}
.time-btn {width: 100%;margin: 0 2px 4px!important; border:1px solid #000!important; padding: 2px 0px!important; color: black!important; background-color: #8497B0!important; transition: all 0.3s ease-out;text-transform: uppercase}
.time-btn:hover {color:#f9f9f9!important}
.time-btn2 {width: 100%;margin: 0 2px!important; border:1px solid #000!important; padding: 2px 0px!important; color: black!important; background-color: #8497B0!important; transition: all 0.3s ease-out;text-transform: uppercase}
.time-btn2:hover {color:#f9f9f9!important}
.time-btn3 {width: 100%;margin: 0 2px!important; border:1px solid #000!important; padding: 2px 0px!important; color: black!important; background-color: #8a8a8a!important; transition: all 0.3s ease-out;text-transform: uppercase}
.time-btn3:hover {color:#f9f9f9!important}
.ast-btn {width: 100%;margin: 0 2px!important; border:1px solid #000!important; padding: 2px 0px!important; color: black!important; background-color: #8497B0!important; transition: all 0.3s ease-out;text-transform: uppercase}
.ast-btn:hover {color:#f9f9f9!important}
.flip-btn {width: 30%;margin: 0 2px 4px!important; border:1px solid #000!important; padding: 2px 0px!important; color: black!important; background-color: #8497B0!important; transition: all 0.3s ease-out;text-transform: uppercase}
/* DELIVERIES EDITS - Info Section
================================================== */
.top-info {display: flex}
.info01 {flex-basis: 39%; padding: 0}
.info02 {flex-basis: 30%; padding: 0 0 0 6px; text-align: left}
.load-unload-info-info02 {flex-basis: 39%; padding: 0 0 0 127px}
.info03 {flex-basis: 40%; padding: 0 0 0 11px}
.load-unload-info-info01 {flex-basis: 39%; padding: 0}
.compenstation-info02 {flex-basis: 40%; padding: 0}
.info-area {height: 100%; display: flex}
.info-area fieldset {border: 0}
.info-area .add-space {padding-top: 5px}
.contractor-info {flex-basis: 50%; margin: 0 0.4% 0 0.5%;}
.contractor-info span.item.select-field {min-height:63px}
.contractor-info .group01a span.item.select-field,
.contractor-info .group01a span.item.select-field,
.contractor-info .group01b span.item.select-field {width:100%}
.contractor-info span.item.select-field2 label {height: 20px;font-size:0.875rem}
.contractor-info span.item.select-field2 input[type="checkbox"] {margin: 0 0.45em 0 0!important}
.contractor-info span.item.select-field3.no-pad {padding:0 0 0 4px!important}
.contractor-info span.item.select-field3 label {display: none}
.contractor-info span.item.select-field3 .pricing {padding-right:9px;margin:-5px 0 0 0!important}
.contractor-info span.item.select-field.width-25 {width:25%!}
.contractor-info .select2-selection__arrow {display: none}
.contractor-info .group01 {display:flex}
.contractor-info .group01a {flex:1}
.contractor-info .group01b {flex:1}
.cei-area {margin: 0; padding: 0; display: flex;flex-direction: column; justify-content: space-between}
.cei-dp01a1 {padding: 5px; border: 1px solid #055720}
.employee-info {flex-basis: 50%; margin: 0 0.4% 0 0.5%;}
.employee-info span.item {min-height:63px}
.employee-info .select2-selection__arrow {display: none}
.invoice-info {flex-basis: 49%; margin: 0 0.4% 0 0.5%;}
.invoice-info span.item {min-height:63px}
.pricing-details {flex-basis: 49%; margin: 0 0.4% 0 0.5%;}
.pricing-details span.item {min-height:63px}
.ticket-complete {max-height:25px; position:relative; z-index:99;}
.pricing-details .ticket-complete span.item {min-height:25px!important}
.pricing-details .move-up {margin-top: -23px}
.pricing-details .move-up2 {display:inline-block;padding:25px 0 0 10px; height:38px}
.pds-area {height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: space-between}
.pds-dp01a {padding: 5px; border: 1px solid #055720}
.load-unload-info {display: flex; flex-basis: 50%; margin: 0 0.5% 0 0.4%;}
.load-unload-info span.item.select-field {min-height:63px}
.load-unload-info span.item.select-field2 label {height: 20px}
.load-unload-info span.item.select-field2 input[type="radio"] {margin: 0 0.45em 3px 0!important}
.load-unload-info span.item.select-field3 label {display: none}
.load-unload-info .select2-selection__arrow {display: none}
.lui-area {margin: 0; padding: 0; display: flex;flex-direction: column; justify-content: space-between}
.lui-dp01a1 {padding: 5px; border: 1px solid #055720}
/* DELIVERIES EDITS - Delete Button Confirmation Window
================================================== */
.ui-dialog {border:5px solid crimson!important}
.dialog-box {display: none}
.dialog-box p {font-size: 0.9em}
.dialog-box a {display: inline-block;max-width:45%}
/* DELIVERIES EDITS - Pop-up Window Section
================================================== */
.popup-group {
position: fixed;
right: 8px;
bottom: 70px;
min-width: 205px;
}
.popup-group-inner {
padding: 5px;
margin-bottom: 15px;
border: 1px solid #000;
background-color: #F5F5F5;
}
.popup-buttons {
display: flex;
justify-content: space-around;
}
.popup-btn {
flex: 1;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background-color: #ededed;
border: 1px solid #dcdcdc;
display: block;
cursor: pointer;
color: #000000;
font-family: Arial;
font-size: 13px;
margin: 0;
padding: 0 15px;
text-decoration: none;
text-align: center
}
.popup-btn3 {
flex: 1;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background-color: #8a8a8a!important;
border: 1px solid #dcdcdc;
display: block;
cursor: pointer;
color: #000000;
font-family: Arial;
font-size: 13px;
margin: 0;
padding: 0 15px;
text-decoration: none;
text-align: center
}
.popup-btn-disabled {
flex: 1;
box-shadow: inset 0px 1px 0px 0px #ffffff;
border:1px solid #000!important;
background-color: lightgrey;
border: 1px solid #dcdcdc;
display: block;
cursor: pointer;
color: #000000!important;
font-family: Arial;
font-size: 13px;
margin: 0 2px;
padding: 2px 0;
text-decoration: none;
transition: all 0.3s ease-out;
text-transform: uppercase;
text-align: center
}
.popup-btn-disabled:hover,.popup-btn-disabled:focus {
color: #848484;
}
.popup-link {
display: inline-block;
right: 8px;
bottom: 13%;
position: fixed;
max-width: 205px;
padding: 5px 15px;
background-color: #d8d8d8;
border-radius: 5px;
color: #353535;
text-decoration: none;
text-transform: capitalize;
text-align: center;
box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
transition: all 0.3s ease-out
}
.popup-link:hover,.popup-link:focus {
background-color: #192933;
color: #fff;
}
.pcpopup {
display: none;
position: fixed;
z-index: 100;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4)
}
.pcpopup-content {
background-color: #fefefe;
margin: auto;
padding: 10px 20px 5px 20px;
border: 1px solid #888;
width: 80%;
}
.pcclose, a.pcokay {
box-sizing: border-box;
display: inline-block;
margin: 5px 5px 1px;
padding: 5px 10px;
border: 1px solid #000001;
background-color: #0088cc;
transition: all 0.3s ease-out;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), inset 0 -1px 0 rgb(0 0 0 / 25%);
font: 16px/1.6em 'Open Sans',Arial,sans-serif;
color: #FFF;
text-shadow: 0 1px 0 #000001;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out
}
.pcclose:hover, a.pcokay:hover,.pcclose:focus, a.pcokay:focus {
background-color:#000;
color: #f2f2f2!important
}
.pcpopup-info {display: flex}
.pcpopup01 {flex-basis: 66%; padding: 0px 0 0 0}
.pcpopup01 h2 {margin-bottom: 5px!important}
.pcpopup02 {flex-basis: 33%; padding: 0 0 0 0; text-align: center; font-weight: bold; text-decoration: underline}
.pcpopup03 {flex-basis: 33%; padding: 0px 0 0 15px}
.pcpopup03 h2 {margin-bottom: 5px!important}
.pcpopup-area {display: flex}
.pcpopup-area span.item {min-height:63px}
.pcpopup-area fieldset {border: 0}
.address-for-invoicing {flex-basis: 66%; margin-right:1%; border: 1px solid #055720}
.address-for-invoicing .select2 {width: 100%; margin-bottom: 8px}
.pcpopup-middle {flex-basis: 33%; border: 1px solid #055720}
.final-pricing {flex-basis: 33%; margin-left:1%; border: 1px solid #055720}
.support-status {padding-top: 0px}
.support-status h2 {margin-bottom: 10px; }
.oc-buttons {max-height: 45px; display:flex; justify-content:flex-end; align-items:center}
.cb1 {min-width:150px;padding-top:12px}
.wihtbtn-bottom {padding:20px 0 0 0;text-align:center}
/* DELIVERIES EDITS - Fixed Bottom Bar
================================================== */
.fixed-bottom-bar-spacer{display:block;clear:both;min-height:20px}
.fixed-bottom-bar{
display:block;
position:fixed;z-index:40;
top:auto;bottom:0;left:0;right:0;
margin:0;padding:10px 20px;
background:rgba(255,255,255,0.8);
backdrop-filter:saturate(180%) blur(6px);
box-shadow:0 0 20px rgba(0,0,0,0.15);
font:16px/1.6em 'Open Sans',Arial,sans-serif;
color:#444;
text-align:right;
}
.fbb-inner {display: flex; align-items: center;justify-content: flex-end;}
.fbb-id {flex: 3;padding-left: 240px;text-align:center!important; font-weight: 700; font-size: xx-large;color: #263064!important}
.fbb-prnt-tkt input[type=checkbox] {margin: 0 5px 0 0}
.fbb-ok-btn {margin: 0 5px 0 0}
.fbb-ok-btn a.button {background:#000!important;color:#fff!important}
/* DISPATCH PAGE
================================================== */
#tblDeliveries {position: relative; display: table}
#tblDeliveries thead {position: sticky; top: 0}
#tblEmployee {position: relative; display: table}
#tblEmployee thead {position: sticky; top: 0}
#tblClients {position: relative; display: table}
#tblClients thead {position: sticky; top: 0}
#tblContractors {position: relative; display: table}
#tblContractors thead {position: sticky; top: 0}
#tblInvoices {position: relative; display: table}
#tblInvoices thead {position: sticky; top: 0}
/* Variable Widths
================================================== */
.width140 {width:140px}
.width200 {width:200px}
.width205 {width:205px}
.width210 {width:210px}
.width215 {width:215px}
.width220 {width:220px}
.table-buttons {display:flex;justify-content:flex-end;margin-top:8px}
a.dpa-btn,.dpa-btn {margin-left:7px!important;padding: 2px 10px!important; color: black!important; background-color: #8497B0!important; transition: all 0.3s ease-out}
a.dpa-btn:hover,a.dpa-btn:focus,.dpa-btn:hover,.dpa-btn:focus {color:#f9f9f9!important}
.table-buttons a.dpa-btn-2,.table-buttons .dpa-btn-2 {
display:inline-flex;
max-height: 1px;
align-items:center;
justify-content:center;
margin:0 0 0 6.72px;
color: black!important;
background-color: #8497B0!important;
transition: all 0.3s ease-out;
box-sizing:border-box;
text-transform: uppercase;
min-width:174.72px;
min-height:43.2px
}
a.dpa-btn-2:hover,a.dpa-btn-2:focus,.dpa-btn-2:hover,.dpa-btn-2:focus {
color:#f9f9f9!important
}
.main-dispatch-btn {min-width:174.72px;min-height:43.2px}
.add-new-route-btn {min-width:174.72px;min-height:43.2px}
.show-all-btn {min-width:174.72px;min-height:43.2px}
.add-new-addy-btn {min-width:174.72px;min-height:43.2px}
.process-deliveries-btn {min-width:181.44px!important;min-height:43.2px!important}
.table-buttons a.dpa-btn-3,.table-buttons .dpa-btn-3 {
display:inline-flex;
max-height: 1px;
min-height: 48px!important;
align-items:center;
justify-content:center;
min-height:57px;
margin:0 0 0 1%;
color: black!important;
background-color: #8497B0!important;
transition: all 0.3s ease-out;
max-width: 16%!important;
min-width: 16%!important;
text-transform: uppercase
}
a.dpa-btn-3:hover,a.dpa-btn-3:focus,.dpa-btn-3:hover,.dpa-btn-3:focus {
color:#f9f9f9!important
}
/* USERS PAGE STYLES
================================================== */
.user-layout {padding:10px; background-color:#fff; border-radius: 3px; box-shadow: 0 0 20px rgb(0 0 0 / 25%); box-sizing: border-box}
.user-layout fieldset {margin:0!important}
.user-table {margin-bottom:8px!important;border:1px solid #055720}
.user-btn {text-align:right}
.user-btn button,.user-btn a {
display:inline-flex;
max-height: 1px;
align-items:center;
justify-content:center;
margin:0 0 0 6.72px;
color: black!important;
background-color: #8497B0!important;
transition: all 0.3s ease-out;
box-sizing:border-box;
text-transform: uppercase;
min-width:174.72px;
min-height:43.2px
}
.user-btn a:hover,.user-btn a:focus,.user-btn button:hover,.user-btn button:focus {
color:#f9f9f9!important
}
.user-icon a:before {content:"\f007 \00a0";font-family:'Font Awesome 5 Pro'}
/* INVOICE PAGE STYLES
================================================== */
.invoice-layout {padding:10px; background-color:#fff; border-radius: 3px; box-shadow: 0 0 20px rgb(0 0 0 / 25%); box-sizing: border-box}
.invoice-layout fieldset {margin:0!important}
.invoice-layout .sm-top {margin-top:5px!important}
.invoice-layout .med-top {margin-top:20px!important}
.invoice-table {margin-bottom:8px!important;border:1px solid #055720}
.invoice-btn {text-align:right}
.invoice-btn button,.invoice-btn a {
display:inline-flex;
max-height: 1px;
align-items:center;
justify-content:center;
margin:0 0 0 6.72px;
color: black!important;
background-color: #8497B0!important;
transition: all 0.3s ease-out;
box-sizing:border-box;
text-transform: uppercase;
min-width:174.72px;
min-height:43.2px
}
.invoice-btn a:hover,.user-btn a:focus,.user-btn button:hover,.user-btn button:focus {
color:#f9f9f9!important
}
.invoice-rows {display:flex;flex-wrap:wrap;justify-content:flex-end}
.invoice-rows .radio-btn {padding-top:40px}
.invoice-rows .radio-btn-invoice {padding-top:5px}
.invoice-col01 {flex-basis:21%;text-align:right}
.invoice-col02 {flex-basis:25%}
.invoice-col03 {flex-basis:53%}
.invoice-col25 {flex-basis:25%;text-align:right}
.invoice-col25 input {width:220px}
.invoice-col100 {flex-basis:100%;display:flex}
.invoice-col100 label {width:101px;margin-right:8px;text-align:right!important}
.invoice-col100 input {margin-left:5px;max-width:426px}
.invoice-col label {text-align:left}
.message1 {flex-basis:49%;text-align:right}
.message2 {flex-basis:49%;text-align:right;margin-left:15px;margin-right:5px}
/* DISPATCH AREA STYLES
================================================== */
.dpa-area {display:flex; font: 16px/1.6em 'Open Sans',Arial,sans-serif; color: #444; word-wrap: break-word}
.dpa-area .side-nav, .dpa-area .side-nav fieldset {padding: 0}
.dpa-left {flex-basis:25%; margin: 0 0 20px 0; padding:10px; background-color:#fff; border-radius: 3px; box-shadow: 0 0 20px rgb(0 0 0 / 25%); box-sizing: border-box}
.dpa-left .form-sub {display:flex; align-items: center; padding:0 0 0 10px; min-height:79px; margin-bottom:8px; border:1px solid #055720}
.dpa-left .form-sub input {margin:0}
.dpa-left legend {margin-bottom:5px}
.dpa-left #ul-client-list {width:100%; min-width:330px; min-height:550px; margin:0; border:1px solid #055720}
.dpa-left {border:1px solid #055720}
.dpa-right {flex-basis:74%; margin: 0 0 20px 1%; padding:10px; background-color:#fff; border-radius: 3px; box-shadow: 0 0 20px rgb(0 0 0 / 25%); box-sizing: border-box}
.dpa-right-2 {flex-basis:74%; padding:10px; background-color:#fff; border-radius: 3px; box-shadow: 0 0 20px rgb(0 0 0 / 25%); box-sizing: border-box}
.dpa-right .search-field-label {width:15%}
.dpa-right-2 .search-field-label {width:15%}
.make-bigger {width: 80% !important; height:30px; line-height: 1.4em !important}
.make-100 {width: 100% !important; height:30px; line-height: 1.4em !important}
.dpa-right .form-sub {padding:7px 5px 3px 5px; margin-bottom:8px; border:1px solid #055720}
.dpa-right-2 .form-sub {padding:9px 6px 7px 6px; margin-bottom:8px; border:1px solid #055720}
.dpa-right-2 .form-sub .dpa-btn {margin-left:22px!important}
.dpa-right {border:1px solid #055720}
.dpa-right-2 {border:1px solid #055720}
.d-search {margin-bottom: 5px; background:transparent!important;box-shadow:none}
.d-search .query-input,.d-search .button {padding: 3px 10px 3px 10px!important; text-align: center; font:0.85em/1.5em 'Open Sans'!important}
.d-search input {min-height:30px}
.results-table {min-height:554px; max-height:554px; border:1px solid #055720; overflow-x:auto}
.dstatus-box {position:fixed; width:150px; height:32px; right:52%; top:268px; margin-right:-905px; padding:4px;background:#f5f5f5;border:1px solid #055720}
.dstatus-box select {margin-bottom:0}
/* REPORT BASE STYLES
================================================== */
.reports-base {flex-basis:74%; padding:10px; background-color:#fff; border-radius: 3px; box-shadow: 0 0 20px rgb(0 0 0 / 25%); box-sizing: border-box}
.choose-type {padding:7px 6px 0 6px;margin-bottom:8px;border:1px solid #055720;text-align:center}
.reports-base button {
display:inline-flex;
max-height: 1px;
align-items:center;
justify-content:center;
margin:10px 0 0 6.72px;
color: black!important;
background-color: #8497B0!important;
transition: all 0.3s ease-out;
box-sizing:border-box;
text-transform: uppercase;
min-width:174.72px;
min-height:43.2px
}
.reports-base button:hover,.reports-base button:focus {
color:#f9f9f9!important
}
/* HIDDEN LINKS
================================================== */
.hidden-buttons {
display: flex;
justify-content: space-around;
padding: 5px;
border: 1px solid #055720;
right: 8px;
bottom: 70px;
position: fixed;
min-width: 205px;
background-color: #F5F5F5;
}
.hidden-btn {
box-shadow: inset 0px 1px 0px 0px #ffffff;
background-color: #ededed;
border: 1px solid #dcdcdc;
display: block;
cursor: pointer;
color: #000000;
font-family: Arial;
font-size: 13px;
margin: 0 auto;
padding: 0 15px;
text-decoration: none;
}
/* RED REQUIRED FIELDS
================================================== */
.red-field input, .red-field select {
border: 1px solid #f00!important;
background-color: #fff2cc!important;
}
.red-field .select2-container--default .select2-selection--single {
border: 1px solid #f00!important;
border-radius: 4px;
background-color: #fff2cc!important;
}
/* RED TOOLTIP
================================================== */
.redtooltip {
position: relative;
}
.redtooltip .rtt_txt {
display: inline-block;
background-color: rgba(255,0,0,0.75);
color: #fff;
text-align: center;
border-radius: 5px;
padding: 5px 15px;
/* Position the red tooltip */
position: absolute;
top: -20px;
right: -30%;
z-index: 1;
}
.redtooltip .rtt_txt::after {
content: "";
position: absolute;
top: 100%;
left: 35%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: rgba(255,0,0,0.75) transparent transparent transparent;
}
/* CLIENT INFO NEW/EDIT TEMPLATE
================================================== */
.client-border {background-color:#f9f9f9; border: 2px solid #055720!important;margin-bottom: 1.25em!important}
h2.client-title {display: inline-block;margin-top:10px; margin-left: 5px; font:16px/1.6em 'Arial',Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.4em;color:#263064;border-bottom: 4px solid #263064}
.client-areaTop {display: flex; flex-wrap:wrap}
.clareaTop-left {flex-basis: 39%; margin-right:1%}
.clareaTop-left input {width:100%!important;margin:5px 0!important}
.clareaTop-middle {flex-basis: 20%; margin-right:1%}
.clareaTop-right {flex-basis: 39%}
.client-area01 {display: flex; flex-wrap:wrap}
.clarea01-left {flex-basis: 49%; margin-right:1%; justify-content: space-between; flex-direction: column}
.clarea01-left fieldset {border: 1px solid #055720}
.clarea01-middle {flex-basis: 20%; margin-right:1%; margin-top: 10px; display: flex; flex-direction: column}
.ctr-logo {width:100%; margin:10px 0 38px; text-align:center}
.ctr-logo img {max-width:210px;height:auto}
.clarea01-middle fieldset {padding-bottom:175px; border: 1px solid #055720}
.clarea01-right {flex-basis: 50%}
.clarea01-right fieldset {border: 1px solid #055720}
.clarea01-right select {width:100%}
.clarea01-right input[type="checkbox"] {margin:0}
.clarea01-mailimg {margin:0;text-align:right}
.clarea01-bottom fieldset {border: 1px solid #055720}
.clarea01-bottom {flex-basis:100%}
/* MIDDLE IMAGE GROUP TEMPLATE
================================================== */
.middle-imgs {display:flex;flex-direction:column;justify-content:space-between;width:100%;;text-align:center}
/* EMPLOYEES NEW/EDIT TEMPLATE
================================================== */
.employArea {display: flex}
.employ-left {flex-basis: 50%; margin-right:1%}
.employ-left #STATE {margin:5px 0}
.employ-left input,.employ-left select {width:100%!important}
.employ-middle {flex-basis: 20%; margin-right:1%}
.e-midddle {height:424px}
.e-midddle .envelope {padding:20px 0 0 0}
.e-midddle .box {padding:0}
.e-midddle .crate {padding:0}
.e-midddle2 {margin-top:63px;height:399px;border: 1px solid #055720;text-align:center}
.e-midddle2 .envelope {padding:10px 0 0 0}
.e-midddle2 .box {padding:10px 0 0 0}
.employ-right {flex-basis: 50%}
.employ-right input,.employ-right select {width:100%!important}
#employement-information {margin-bottom:24px}
#address-information {margin-bottom:24px}
#ssn-information {margin-bottom:0px}
#driver-license {margin-bottom:24px}
#emergency-contact-info {margin-bottom:24px}
#ci-info01,#ci-info02, #ci-info04, #ci-info05 {margin-bottom:38.5px}
#ci-info06 .item.width-50 {padding:0}
.mail-img {width: 100%;text-align: right;margin: 20px 0px 15px 8px;border: 1px solid #055720;padding: 26px 26px 26px 26px}
.cflex {display: flex;align-items: center;margin: 0px 5px 0px 8px}
.xtra-border {}
/* CONTRACTORS NEW/EDIT TEMPLATE
================================================== */
.contractArea {display: flex}
.contract-left {flex-basis: 55%; margin-right:1%}
.contract-state #STATE {margin:0 0 5px 0!important}
.contract-left input {width:100%!important;margin:5px 0!important}
.contract-middle {flex-basis: 3%; margin-right:1%}
.ce-midddle {height:544px}
.ce-midddle .envelope {padding:30px 0 0 0}
.ce-midddle .box {padding:0}
.ce-midddle .crate {padding:0}
.middle-img {width:100%;text-align:center}
.ce-midddle2 {margin-top:63px;height:492px;border: 1px solid #055720;text-align:center}
.ce-midddle2 .envelope {padding:40px 0 0 0}
.ce-midddle2 .box {padding:40px 0 0 0}
.contract-right {flex-basis: 55%}
.conflex {display: flex;align-items: center;margin: 0px 8px 0px 4px}
.mail-box {width: 98%;text-align: right;margin: 0px 0px 6px 15px;padding: 21px 14px 18px 12px;border: 1px solid #055720;margin-top: 18px;margin-left: 12px;}
/* INVENTORY TEMPLATE
================================================== */
.inventoryArea {display: flex}
.inventoryArea fieldset {padding:0}
.inventory-border {background-color:#f9f9f9; border: 1.5px solid #055720!important;margin-bottom: 5px!important}
.inventory-left {flex-basis: 39%; margin-right:1%}
.inventory-left #STATE {margin:5px 0}
.inventory-left input,.inventory-left select {width:100%!important}
.inventory-left .inventory-border {width:100%;min-height:363px;min-width:375px}
.inventory-left .scrollingList {width:100%;min-height:324px;min-width:375px;margin-bottom:0}
.inventory-middle {flex-basis: 20%; height:410px; margin-right:1%; margin-top:auto;margin-bottom:auto;}
.inventory-midddle .envelope {padding:30px 0 0 0}
.inventory-midddle .box {padding:32px 0 0 0}
.inventory-midddle .crate {padding:37px 0 0 0}
.inventory-right {flex-basis: 39%}
.inventory-right input,.inventory-right select {width:100%!important}
.inventory-right .input {margin:10px}
.inventory-right .inventory-border {width:100%;min-height:363px;min-width:375px}
.talkingPointsHolder {border: 1px solid black;background: #eeeeee;height: 200px;overflow: auto;}
.listHeader {color: #ffffff;background: #000;margin:0;padding: 5px 0px 5px 0px;text-transform: uppercase;font-weight:bold;font: 16px/1.6em 'Open Sans',Arial,sans-serif;text-align: left;text-indent: 1em;z-index:10;}
.li-details {font-weight:bold}
/* DISPATCH PARAMETERS TEMPLATE
================================================== */
.disptachParametersArea1 {display: flex}
.disptachParametersArea2 {display: flex}
.middle-img {width:100%;text-align:center}
/* DISPATCH PARAMETERS TEMPLATE (OLD)
.disptachParmaeters-left {flex-basis: 49%; margin-right:1%}
.disptachParmaeters-left #STATE {margin:5px 0}
.disptachParmaeters-left input,.disptachParmaeters-left select {width:100%!important}
.disptachParmaeters-left .dpa-btn {margin:21px 0 0 3px!important}
.disptachParmaeters-middle {flex-basis: 39%; margin-right:1%}
.disptachParmaeters-middle .dpa-btn {margin:22px 6px 9px 0!important}
.disptachParmaeters-right {flex-basis: 39%}
.disptachParmaeters-right input,.disptachParmaeters-right select {width:100%!important}
.disptachParmaeters-right .dpa-btn {margin:22px 6px 9px 0!important}
================================================== */
.disptachParmaetersArea1 .client-title,.disptachParmaetersArea2 .client-title {font-size:1.0+em}
.dispatchParameters01a {flex-basis:40%; margin-right:0.5%}
.dispatchParameters01a span.item.width-50 {margin-right:0!important}
.dispatchParameters01a input,.dispatchParameters01a select {width:100%!important}
.disptachParameters01b > fieldset {min-height:132px}
.dispatchParameters01a > fieldset > .container {display:flex;flex-direction: row;min-height:120px}
.disptachParameters01b {flex-basis:66.5%}
.disptachParameters01b {min-height:120px}
.disptachParameters01b input,.disptachParameters01b select {width:100%!important}
.disptachParameters01b .dpa-btn {margin:12px 6px 2px 0!important}
.disptachParameters01b .container {width:100%;display:flex;justify-content:space-between;align-items:flex-end}
.disptachParameters01b #rateBuckets {max-height:120px}
.disptachParameters01b .huin-full {min-height:120px;align-items:flex-start!important;position:relative}
.disptachParameters01b .huin-full #rB-btn {text-transform: uppercase;position:absolute;bottom:2px;right:0}
.disptachParameters02a {flex-basis:40%; margin-right:0.5%}
.disptachParameters02a #STATE {margin:5px 0}
.disptachParameters02a input,.disptachParameters02a select {width:100%!important}
.disptachParameters02a .dpa-btn {margin:21px 0 0 3px!important}
.disptachParameters02a #minivanmpg {margin-bottom:4px}
.disptachParameters02a #sprintermpg {margin-bottom:4px}
.disptachParameters02b {flex-basis:18.5%; margin-right:0.5%}
.disptachParameters02b .dpa-btn {margin:22px 6px 4px 0!important}
.disptachParameters02c {flex-basis:18.5%; margin-right:0.5%}
.disptachParameters02c input,.disptachParameters02c select {width:100%!important}
.disptachParameters02c .dpa-btn {margin:22px 6px 4px 0!important}
.disptachParameters02d {flex-basis:14%; margin-right:0.5%}
.disptachParameters02d input,.disptachParameters02d select {width:100%!important}
.disptachParameters02d .dpa-btn {margin:22px 6px 4px 0!important}
.disptachParameters02e {flex-basis:14%}
.disptachParameters02e input,.disptachParameters02e select {width:100%!important}
.disptachParameters02e .dpa-btn {margin:22px 6px 4px 0!important}
/* PICK UP ADDRESS EDIT TEMPLATE
================================================== */
.edit-address-area {flex-basis: 39%; margin-right:1%; border: 1px solid #055720}
.edit-address-area span.item {min-height:63px}
.add-address-area {flex-basis: 39%; margin-left:1%;}
.add-address-area span.item {min-height:63px}
.pick-mid-crate {padding: 45px 0px 0px 45px;}
.pick-mid-box {padding: 45px 0px 0px 75px;}
.pick-mid-envelope {padding: 0px 0px 0px 45px;}
.pickup-border {margin:20px;padding:5px;border: 1px solid #055720}
.edit-saved-pickup {flex-basis: 50%}
.edit-saved-delivery {flex-basis: 50%}
.address-filler {flex-basis: 50%; text-align:center}
.edit-title {text-decoration: underline}
.pickup-sub {padding:7px 5px 7px 3px; margin-bottom:8px; border:1px solid #055720}
.pickup-sub input {max-width:90%!important;margin:0 auto!important}
.edit-save h2 {margin:10px 0 15px;margin-left: 5px;font-size:1.5em;color: #263064!important;}
.edit-save h2 a {text-decoration: underline}
span.item.width-50.add-to-deliv-space {display: inline-block;margin-top: 60px;}
.save-cancel {margin-top: 10px;}
#tblPickup thead,#tblDelivery thead {width:100%}
#tblPickup tbody,#tblDelivery tbody {width:100%}
#tblPickup thead tr td,#tblDelivery tbody tr td {box-sizing:border-box}
#tblPickup .colFirst,#tblDelivery .colFirst {min-width:339.625px!important}
#tblPickup .col25,#tblDelivery .col25 {min-width:25%;width:25%}
#tblPickup .col20,#tblDelivery .col20 {min-width:20%;width:20%}
#tblPickup .col15,#tblDelivery .col15 {min-width:15%;width:15%}
#tblPickup .col10,#tblDelivery .col10 {min-width:10%;width:10%}
#tblPickup .col5,#tblDelivery .col5 {min-width:5%;width:5%}
#tblSchedules thead {width:100%}
#tblSchedules tbody {width:100%}
#tblSchedules thead tr td,#tblDelivery tbody tr td {box-sizing:border-box}
#tblSchedules .colFirst {min-width:75%;width:75%}
#tblSchedules .col25,#tblDelivery .col25 {min-width:25%;width:25%}
#tblSchedules .col20,#tblDelivery .col20 {min-width:20%;width:20%}
#tblSchedules .col15,#tblDelivery .col15 {min-width:15%;width:15%}
#tblSchedules .col10,#tblDelivery .col10 {min-width:10%;width:10%}
#tblSchedules .col5,#tblDelivery .col5 {min-width:5%;width:5%}
#tblSchedules .col383 {width:383px!important;max-width:383px!important}
/* DELIVERY ADDRESS EDIT TEMPLATE
================================================== */
.deliv-mid-crate {padding: 45px 0px 0px 45px;}
.deliv-mid-box {padding: 45px 0px 0px 75px;}
.deliv-mid-envelope {padding: 0px 0px 0px 0px;}
/* ROUTES TEMPLATES
================================================== */
.top-menu-bar {width:100%;text-align:right}
/* SESSION TIMEOUT BUTTONS
================================================== */
.stayConnectedSession {background-color: #8497B0!important;}
.logOutSession {background-color: #8497B0!important;}
.grecaptcha-badge {visibility: hidden;}