/*----------------------------------------------------------
The base color for this template is #2c374f. If you'd like
to use a different color start by replacing all instances of
#2c374f with your new color.
----------------------------------------------------------*/
body { background-color:#eef2f8; font-family:Arial; font-size:9pt; margin:0; padding:0; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page { background-color:#fff; }
#header {
    position: relative;
    display: flex;
    padding-top: 2rem;
    width: 1245px !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}
#logo {
    padding-right: 27.5px;
    padding-left: 27.5px;
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
#mainMenu { width: 100%; margin-left: 80px }
#mainMenu a {
    color: #2c2c2c;
    text-decoration: none
}
#mainMenu ul {
    height: 100%;
    text-align: justify;
    line-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
}
#mainMenu ul li { display: inline-block;text-align: left;line-height: normal;padding-right: 27px;padding-left: 27px; }

.dropbtn {
    text-align: center;
    padding: 16px;
    background-color: transparent;
    cursor: pointer;
}

.dropdown {

    min-width: 160px;
    border: 1px solid #d8d8d8 !important;
    border-radius: 5px;
    position: relative;
    display: inline-block;
}

.dropdown-content {
    border: 1px solid #d8d8d8 !important;
    border-radius: 5px;
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content:hover {
    background-color: #f9f9f9;
}

#title {
    margin-top: 4rem !important;
    margin-bottom: 2rem !important;
    color: #416aaa !important;
}
#title h2 {
        font-weight: 700 !important;
        font-size: 2.5rem !important;
}
#submenucontainer, #menucontainer {
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
}
#menustrip ul {
    margin: 7px 0 10px 25px;
}
#menustrip li {
        list-style-type: none;
        font-family: Poppins !important;
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        color: #284774;
        cursor: pointer;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 5px;
        text-decoration: none
    }
#submenucontainer ul, #menucontainer ul {
    width: 100%;
    display: flex;
}
#submenucontainer {
    margin-top: 1rem !important;
}
    #submenucontainer li {
        font-size: 20px !important;
        margin-top: auto;
        margin-left: 30px;
        margin-right: 30px;
    }
    #submenucontainer {
        justify-content: center
    }


.activeLink {
    border-bottom: 3px solid #284774;
}
#menucontainer, #submenucontainer {
    height: 35px;
    border-bottom: 1px solid #dee2e6;
    display: flex
}
#menucontainer li {
    height: 20px;
    border-bottom: 3px solid #284774;
}
#menustrip ul li a {
    text-decoration: none;
    color: #284774;
}
#footer { height:75px; padding:10px 0px 10px 10px }
#footer p { padding:0px; margin:0px }
#footer span { padding:0px; margin:0px }

#menustrip, #menucontainer, #submenucontainer, div.main, #footer, #topmenucontainer {margin: auto;width: 924px;}
#topmenu { height:22px; background-color:#cdd8ee; padding-top:5px;}
#topmenucontainer  { text-align:right; padding-right:20px; font-size:9pt;}



ul.menu { float:left; margin:0px; padding:0px; }
ul.menu li { float:left; height:35px; list-style:none; }
ul.menu li.closing-item { background-image:url('images/menu_splitter.png'); background-repeat:no-repeat; width:2px; }
ul.menu li a { background-image:url('images/menu_splitter.png'); background-repeat:no-repeat; display:block; line-height:35px; text-align:center; text-decoration:none; width:120px; }
ul.menu li a:hover { background-image:url('images/gradients.png'); background-position:0px -67px; background-repeat:repeat-x; }
li.logout-item { border-bottom: none !important; margin-left: auto;}



div.main { padding-top:20px; padding-bottom:50px; }
form { margin:0px; padding:0px; }
h1 { color:#2c5179; font-size:24px; font-weight:normal; line-height:24px; margin:0px; padding-bottom:15px; padding-left:10px }
h2 { font-size:27px; font-weight:normal; margin:0px;line-height: 20px; }
h3 { clear:both; font-size:13px; margin-bottom:12px; margin-top:0px; width:100%; }
input[type="text"], input[type="password"], select, textarea { border:1px solid #CCC; width:275px; }
input[type="submit"] { width:100px; }
.font-larger { font-size:16px; }
.font-normal { font-weight:normal; }
div.hr { background-color:#fff; font-size:1px; height:1px; margin:auto; }
span.link {color:#4276b0;text-decoration:underline; cursor:pointer;  }

table.grid { border-collapse:collapse; width:100%; }
table.grid td { border-bottom:solid 1px #cfd2d9; line-height:30px; padding-left:15px; }
table.grid th { background-color:#eef2f8; font-weight:normal; height:30px; line-height:30px; padding-left:15px; text-align:left; }
table.grid td.grid-empty { text-align:center; padding:50px; }
table.grid td img { float:left; }
table.grid-paged td { border-bottom-width:0px; border-top:solid 1px #cfd2d9; }
table.grid-paged tbody tr:first-child td { border-top-width:0px; }
table.grid-paged tfoot th { text-align:center; }

/* autocomplete */
.ac_results {	padding: 0px;	border: 1px solid black;	background-color: white;	overflow: hidden;	z-index: 99999;}
.ac_results ul {	width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: default;	display: block;	
	/* 	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used	*/
	/*width: 100%;*/
	font: menu;	font-size: 12px;
	/* 	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox	*/
	line-height: 16px;	overflow: hidden;}
.ac_loading {	background: white url('indicator.gif') right center no-repeat;}
.ac_odd {	background-color: #eee;}
.ac_over {	background-color: #0A246A;	color: white;}
/* end of autocomplete */

/* login */
div.login h1 { padding-left:15px; }
div.login div.form { background-color:#eef2f8; padding-top:35px; width:460px; }
div.login div.form div.validation-summary-errors { margin-left:25px; }
div.login div.form .field-validation-error { padding-left:140px; }
div.login div.form div.row2 { margin-bottom:12px; }
div.login div.form div.row2 label { float:left; line-height:20px; margin-right:15px; text-align:right; width:125px; }
div.login div.form div.row2 input { width:245px; }
div.login div.form div.submit { padding:8px 0px 15px 140px; }
div.login div.form div.hr { width:423px; }
div.login div.form div.links { height:60px; padding-top:10px; padding-left:70px; }
div.login div.form div.links a { display:block; line-height:20px; }
div.login div.text { float:right; width:408px; }
div.login div.text div.list { padding:25px 0px 35px 30px; }
/* end of login */

/* edit */
div.edit { padding-bottom:0px; }
div.edit div.text { float:left; width:195px; text-align:justify; }
div.edit div.text div.actions { font-weight:bold; margin-top:30px; margin-bottom:11px; }
div.edit div.text a { display:block; margin-top:5px; }
div.edit div.form { background-color:#eef2f8; float:right; padding-top:40px; width:694px; }
div.edit div.form form { margin-left:55px; margin-right:55px; }
div.edit div.form div.column { float:left; margin-left:24px; width:280px; }
div.edit div.form div.first-column { margin-left:0px; }
div.edit div.form div.row2 { margin-bottom:12px; }
div.edit div.form div.column div.row2 div.field { margin-top:2px; }
div.edit div.form div.column div.row2 div.required { font-weight:bold; }
div.edit div.form div.column div.row2 div input.phone { width:186px; }
div.edit div.form div.column div.row2 div input.phone-ext { width:70px; }
div.edit div.form div.hr { clear:both; width:100%; }
div.edit div.form div.agree { clear:both; padding-top:16px; padding-bottom:25px; width:100%; }
div.edit div.form div.agree input { float:left; }
div.edit div.form div.agree label { display:block; margin-left:20px; width:375px; }
div.edit div.form div.submit { padding-top:20px; padding-bottom:20px; text-align:center; }
div.edit div.bottom-help { clear:both; padding:30px 0px 30px 355px; }
div.edit div.bottom-spacer { clear:both; height:30px; }
/* end of edit */

/* users */
div.users h1 { padding-bottom:5px; }
div.users a.add { float:right; }
div.users table.grid { margin-top:23px; }
/* end of users */

/* holder */
div.holder { background-color:#eef2f8; clear:both; margin-bottom:2px; padding-left:20px; }
div.holder h2 { font-size:16px; font-weight:bold; padding-top:13px; padding-bottom:10px; }
div.holder div.column { float:left; }
div.holder div.column div.row2 { clear:both; margin-top:5px; }
div.holder div.column div.row2:first-child { margin-top:0px; }
div.holder div.clear { clear:both; height:13px; float:none !important; }
div.holder table { border-collapse:collapse; width:894px; }
div.holder table td:first-child { width:1px; }
div.holder table td { background-color:#f4f7fc; border:1px solid #fff; padding:2px 12px;}
div.holder input[type="radio"],
div.holder input[type="checkbox"] { padding-left:0px; position:relative; top:2px; }
div.holder div.items-header { font-weight:bold; padding-bottom:5px; }
div.holder div.item { margin-top:2px; }
/* end of holder */

/* request-quote */
div.request-quote { padding-top:13px; padding-bottom:13px; text-align:center; }
div.request-quote input { height:30px; margin:0px 2px; width:200px; }
/* end of request-quote */

/* quote-new */
div.quote-new div.holder div.label2 { font-weight:bold; }
div.quote-new div.radio-list div.label2 { float:left; padding-top:15px; width:135px; }
div.quote-new div.radio-list div.radio { float:left; margin-right:35px; padding-top:13px; }
div.quote-new div.holder div.column { margin-left:24px; padding-top:13px; width:280px; }
div.quote-new div.holder div.first-column { margin-left:0px; }
div.quote-new div.holder div.column div.row2 div.field { margin-top:2px; }
div.quote-new div.holder div.column div.row2 div.field div.pm-lookup span { float:right; padding-right:5px; }
div.quote-new div.holder div.column div.row2 div.field label { margin-right:13px; }
div.quote-new div.holder div.column div.row2 div.field input.date { width:115px; }
div.quote-new div.holder div.column div.row2 div.field select.time { width:115px; }
div.quote-new div.multi-stop-shipment { padding-top:15px; }
div.quote-new div.multi-stop-shipment label { font-weight:bold; }
div.quote-new div.multi-stop-shipment div { margin-top:5px; }
div.quote-new div.multi-stop-shipment div label { font-weight:normal; margin-left:20px; margin-right:12px; }
div.quote-new div.multi-stop-shipment div select { width:180px; }
div.quote-new div.special-services h2 { padding-bottom:3px; } 
div.quote-new div.special-services,
div.quote-new div.special-instructions { padding-bottom:13px; }
div.quote-new div.special-instructions textarea { height:88px; width:879px; }
/* end of quote-new */

/* quote-review */
div.quote-review div.shipment-type { font-size:19px; line-height:50px; padding-bottom:0px; }
div.quote-review div.reference-number { line-height:50px; padding-bottom:0px; }
div.quote-review div.holder div.label2 { float:left; margin-right:10px; }
div.quote-review div.holder div.field { font-weight:bold; }
div.quote-review div.holder div.datetime { margin-right:0px; width:130px; }
div.quote-review div.holder div.pickup-drop { margin-right:0px; width:55px; }
div.quote-review div.holder div.column { padding-top:13px; padding-bottom:5px; }
div.quote-review div.route-point div.first-column { width:500px; }
div.quote-review div.route-point div.second-column { width:394px; }
div.quote-review div.holder div.column div.placemark { font-size:19px; }
div.quote-review div.holder div.hr { clear:both; margin-left:0px; margin-right:10px; }
div.quote-review div.holder div.table-caption { font-weight:bold; padding-top:8px; padding-bottom:8px; }
div.quote-review div.drayage-holder { padding-left:0px; padding-bottom:0px; }
div.quote-review div.drayage-holder div.column { margin-left:20px; width:288px; }
div.quote-review div.drayage-holder div.clear { font-size:6px; height:6px; }
div.quote-review div.route-point,
div.quote-review div.special-services,
div.quote-review div.special-instructions { padding-bottom:10px; }
/* end of quote-review */

/* quote-response */
div.quote-response div.holder div.hr { clear:both; margin-left:0px; margin-right:10px; }
div.quote-response div.holder div.column { padding-top:13px; /*padding-bottom:13px;*/ }
div.quote-response div.route div.first-column { padding-right:50px; }
div.quote-response div.route div.first-column div.label2 { float:left; margin-right:10px; width:90px; }
div.quote-response div.route div.first-column div.placemark { font-size:15px; font-weight:bold; }
div.quote-response div.route div.second-column div.label2 { float:left; margin-right:10px; text-align:right; width:125px; }
div.quote-response div.route div.second-column div.date { color:#2c5179; font-weight:bold; }
div.quote-response div.route div.second-column div.time { font-weight:bold; }
div.quote-response div.quote-information div.column { padding-right:90px; }
div.quote-response div.quote-information div.column div.field { font-weight:bold; }
div.quote-response div.quote-information div.column div.field input.date { width:115px; }
div.quote-response div.special-services,
div.quote-response div.special-instructions,
div.quote-response div.carrier-quotes { padding-bottom:10px; }
div.quote-response div.carrier-quotes-grid { margin-bottom:0px; padding-bottom:0px; }
div.quote-response div.carrier-quotes table th { padding-left:8px; padding-bottom:8px; padding-top:13px; text-align:left; vertical-align:bottom; }
div.quote-response div.carrier-quotes table th.holder-header { padding:0px; }
div.quote-response div.carrier-quotes table td { padding:8px; width:100px; }
div.quote-response div.carrier-quotes table td:first-child { width:auto; }
div.quote-response div.carrier-quotes table td input,
div.quote-response div.carrier-quotes table td select { width:100px; }
/* end of quote-response */

/* shipment-new */
div.shipment-new div.radio-list div.label2 { float:left; font-weight:bold; padding-top:15px; width:135px; }
div.shipment-new div.radio-list div.radio { float:left; margin-right:35px; padding-top:13px; }
div.shipment-new div.columns4 { padding-top:10px; }
div.shipment-new div.columns4 div.column { width:220px; }
div.shipment-new div.columns4 div.column div.row2 div.field { margin-top:2px; }
div.shipment-new div.columns4 input[type="text"], 
div.shipment-new div.columns4 select { width:200px; }
div.shipment-new div.columns4 input[type="text"].input-with-button { margin-right:5px; width:175px; }
div.shipment-new div.columns4 input[type="button"].input-with-button { padding:0px; width:20px; }
div.shipment-new div.columns4 input.input-with-combo { margin-right:5px; width:125px; }
div.shipment-new div.columns4 select.input-with-combo { width:70px; }
div.shipment-new div.columns2 { padding-top:10px; }
div.shipment-new div.columns2 div.column { width:419px; }
div.shipment-new div.columns2 div.validation { padding-left:125px; }
div.shipment-new div.columns2 div.first-row { margin-top:0px; }
div.shipment-new div.columns2 div.label2 { float:left; line-height:20px; margin-right:10px; text-align:right; width:115px; }
div.shipment-new div.columns2 div.field span { line-height:20px; }
div.shipment-new div.columns2 input  { width:280px; }
div.shipment-new div.columns2 select { width:294px; }
div.shipment-new div.columns2 select.time { width:115px; }
div.shipment-new div.multi-stop-shipment { padding-top:15px; }
div.shipment-new div.multi-stop-shipment label { font-weight:bold; }
div.shipment-new div.multi-stop-shipment div { margin-top:5px; }
div.shipment-new div.multi-stop-shipment div label { font-weight:normal; margin-left:20px; margin-right:12px; }
div.shipment-new div.multi-stop-shipment div select { width:180px; }
div.shipment-new div.stopoff h2 { float:left; }
div.shipment-new div.stopoff a { float:right; font-size:11px; margin-right:16px; margin-top:14px; }
div.shipment-new div.hr { clear:both; margin-right:10px; }
div.shipment-new div.special-instructions { padding-bottom:13px; }
div.shipment-new div.special-instructions textarea { height:88px; width:879px; } 
div.shipment-new div.special-services { padding-bottom:10px; }
div.shipment-new div.special-services table.add { margin-top:6px; }
div.shipment-new div.special-services table.add input[type="button"] { margin-left:13px; padding:0px; width:85px; }
div.shipment-new div.attachments { padding-bottom:10px; }
/* end of shipment-new */

/* shipment-view */
div.shipment-view a.tab { background-color:#d4dbea; float:left; font-weight:bold; color:#000; line-height:30px; margin-right:1px; text-align:center; text-decoration:none; width:140px; }
div.shipment-view a.current-tab { background-color:#eef2f8; }
div.shipment-view div.edit-shipment { height:40px; position:relative; }
div.shipment-view div.edit-shipment a {float: right;margin-right: 5px;margin-top: 5px; text-align:center; }
div.shipment-view div.columns3 { padding-top:8px; }
div.shipment-view div.columns3 div.column { width:300px; }
div.shipment-view div.columns3 div.validation { margin-top:5px; padding-left:85px; }
div.shipment-view div.columns3 div.column div.row2 div.label2 { float:left; line-height:20px; width:85px; }
div.shipment-view div.columns3 input[type="text"], 
div.shipment-view div.columns3 select { width:190px; }
div.shipment-view div.columns3 input[type="text"].input-with-button { margin-right:5px; width:160px; }
div.shipment-view div.columns3 input[type="button"].input-with-button { padding:0px; width:20px; }
div.shipment-view div.special-services,
div.shipment-view div.attachments,
div.shipment-view div.special-instructions { padding-bottom:10px; }
div.shipment-view div.attachments a { color: #0066cc; font-weight: bold; }
div.shipment-view div.created-by { font-size:11px; padding-top:13px; padding-bottom:13px; }
div.shipment-view div.save { padding-top:10px; padding-bottom:10px; }
div.shipment-view div.main-info-view { padding-top:13px; }
div.shipment-view div.main-info-view div.first-column { width:270px; }
div.shipment-view div.main-info-view div.second-column { width:270px; }
div.shipment-view div.main-info-view div.third-column { width:270px; }
div.shipment-view div.main-info-view div.label2 { float:left; }
div.shipment-view div.main-info-view div.first-column div.label2 { width:105px; }
div.shipment-view div.main-info-view div.second-column div.label2 { width:70px; }
div.shipment-view div.main-info-view div.third-column div.label2 { width:80px; }
div.shipment-view div.main-info-view div.field { font-weight:bold; }
div.shipment-view div.carrier-view { padding-top:13px; }
div.shipment-view div.carrier-view * { float:left; }
div.shipment-view div.carrier-view div { line-height:30px; }
div.shipment-view div.carrier-view img { margin-left:10px; margin-right:10px; }
/* end of shipment-view */

/* route-point-info-view */
div.route-point-info-view div.column { padding-top:13px; }
div.route-point-info-view div.first-column { margin-left:0px; width:335px; }
div.route-point-info-view div.second-column { width:210px; }
div.route-point-info-view div.third-column { width:340px; }
div.route-point-info-view div.label2 { float:left; }
div.route-point-info-view div.first-column div.label2 { width:40px; }
div.route-point-info-view div.second-column div.label2 { width:65px; }
div.route-point-info-view div.third-column div.label2 { width:130px; }
div.route-point-info-view div.field { font-weight:bold; }
/* end of route-point-info-view */

/* shipment-information-view */
div.shipment-information-view { padding-left:0px; padding-bottom:10px; }
div.shipment-information-view h2 { padding-left:20px; padding-bottom:0px; }
div.shipment-information-view div.shipment-information-item { background-color:#f4f7fc; border:1px solid #fff; margin-left:10px; margin-right:10px; margin-top:10px; padding-top:12px; padding-left:18px; }
div.shipment-information-view div.shipment-information-item div.type { font-size:15px; font-weight:bold; }
div.shipment-information-view div.shipment-information-item div.label2 { float:left; margin-right:0px !important; }
div.shipment-information-view div.shipment-information-item div.field { font-weight:bold; }
div.shipment-information-view div.shipment-information-item div.column { padding-top:8px; }
div.shipment-information-view div.shipment-information-item div.first-column { width:185px; }
div.shipment-information-view div.shipment-information-item div.first-column div.label2 { width:90px; }
div.shipment-information-view div.shipment-information-item div.second-column { width:250px; }
div.shipment-information-view div.shipment-information-item div.second-column div.label2 { width:135px; }
div.shipment-information-view div.shipment-information-item div.third-column { width:150px; }
div.shipment-information-view div.shipment-information-item div.third-column div.label2 { width:55px; }
div.shipment-information-view div.shipment-information-item div.fourth-column { width:280px; }
div.shipment-information-view div.shipment-information-item div.fourth-column div.label2 { width:130px; }
div.shipment-information-view div.shipment-information-item div.description { margin-bottom:13px; }
div.shipment-information-view div.shipment-information-item div.description div.label2 { float:none; }
div.shipment-information-view div.shipment-information-item div.description div.field { margin-top:2px; margin-right:18px; }
div.shipment-information-view div.shipment-information-item div.description div.field textarea { height:88px; width:100%; }
/* end of shipment-information-view */

/* shipment-information */
div.shipment-information { padding-left:0px; }
div.shipment-information h2 { padding-left:30px; }
div.shipment-information div.shipment-information-item { background-color:#f4f7fc; border:1px solid #fff; margin-left:10px; margin-right:10px; margin-bottom:10px; }
div.shipment-information div.shipment-information-item div.column { margin-left:19px; padding-top:13px; width:auto; }
div.shipment-information div.shipment-information-item div.dimensions div.clear { height:0px; }
div.shipment-information div.shipment-information-item div.label2 { font-weight:normal; }
div.shipment-information div.shipment-information-item div.field { margin-top:2px; }
div.shipment-information div.shipment-information-item div.field label { margin-right:13px; }
div.shipment-information div.shipment-information-item input[type="text"],
div.shipment-information div.shipment-information-item select { width:180px; }
div.shipment-information div.shipment-information-item input.input-with-combo { margin-right:5px; width:121px; }
div.shipment-information div.shipment-information-item select.input-with-combo { width:55px; }
div.shipment-information div.shipment-information-item div.dimension { float:left; }
div.shipment-information div.shipment-information-item input.dimension { margin-right:5px; width:46px; }
div.shipment-information div.shipment-information-item select.dimension { width:55px; }
div.shipment-information div.shipment-information-item select.fc { width:80px; }
div.shipment-information div.shipment-information-item div.description { margin-left:19px; margin-bottom:13px; }
div.shipment-information div.shipment-information-item div.description textarea { height:88px; width:860px; }
div.shipment-information div.add-shipment-item { padding-bottom:18px; padding-left:35px; }
/* end of shipment-information */

/* shipment-information-drayage */
div.shipment-information-drayage { padding-bottom:10px; }
div.shipment-information-drayage div.shipment-information-item { margin-bottom:0px; }
div.shipment-information-drayage div.shipment-information-item div.column { padding-top:10px; padding-bottom:5px; }
div.shipment-information-drayage div.shipment-information-item div.hr { clear:both; width:884px; }
div.shipment-information-drayage div.shipment-information-item div.container-checkbox-list { padding-left:24px; padding-top:5px; padding-bottom:11px; }
div.shipment-information-drayage div.shipment-information-item div.description { padding-top:10px; }
/* end of shipment-information-drayage */

/* shipments-list */
div.shipments-list div.filter { float: right; }
div.shipments-list div.filter input[type="text"], 
div.shipments-list div.filter select { width:200px; margin-right:5px; }
div.filter-client {
    display: flex;
    width:100%;
    margin-bottom: 10px;
}
div.filter-client input {
    margin-bottom: 0px;
}
.track-new {
    display: flex;
    width: 250px;
    background-color: #dff0f8;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    border: none;
    user-select: none;
    font-weight: 500;
    font-family: Poppins,sans-serif;
}
input.track-new {
    color: #12c7f2;
}
input.track-new:hover {
    color: black;
}
.track-new a {
    text-decoration: none;
    color: #12c7f2;
    margin: auto;
}
.track-new.shipment {
    margin-left: auto;
}
.track-new a:hover {
    color: black;
}
.track-new:hover {
    filter: brightness(98%);
}
.track-new-shipment .track-new{
    height: 40px;
    width: 160px;
    margin: auto;
    
}
.track-new-shipment textarea {
    width: 100%;
    height: 100px;
}
.select-carrier select{
    width: 450px;
}        
.select-carrier select option{
    width: 450px !important;
}
.tracking-number {
    width: 100%;
    display: flex;
}
    .tracking-number .box {
        margin-right: 20px;
        font-family: Poppins,sans-serif;
        font-size: 1rem;
    }
.box .validation input{
    width:450px !important;
}
/* end of shipments-list */
/* email-order */
div.email-order {
    padding-top: 13px;
    padding-bottom: 13px;
}
div.email-order div.email-order-view { border: solid 1px #CCC; background-color: #fff; min-height: 400px; width: 862px; padding: 10px; }
div.email-order div.submit-order-view { border: solid 1px #CCC; background-color: #fff; width: 862px; padding: 10px; padding-bottom: 30px; }
/* end of email-order */

/* submit-order */
div.submit-order div.columns2 { padding-top: 10px; }
div.submit-order div.columns2 div.column { width: 400px; }
div.submit-order div.columns2 input[type="text"] { width: 350px; } 
div.submit-order div.columns2 select { width: 364px; }
div.submit-order div.columns2 input[type="file"] { width: 364px; }
div.submit-order div.details { clear: both; padding-top: 5px; }
div.submit-order div.details div.field textarea { height: 200px; width: 870px; }
div.submit-order div.columns2 div.field input[type="text"].input-with-button { width: 315px; margin-right: 5px; }
div.submit-order div.columns2 div.field input[type="button"].input-with-button { width: 25px; padding: 0; }
div.submit-order div.complete { font-weight: bold; font-size: 13px; text-align: center; padding: 22px 0; }
/* end of submit-order */

/* attachments */
div.attachments div.columns2 input[type="file"] { width: 364px; }
div.attachments a { color: #0066cc; font-weight: bold; }
div.attachments input[type="checkbox"] { vertical-align: top; }
/* end of attachments */

/* bill-of-lading */
div.bill-of-lading div.actions { float: right; }
div.bill-of-lading div.actions input[type="submit"] { float: right; margin-right: 5px; text-align: center; width: auto; }
div.bill-of-lading div.editor { padding-top:13px; padding-bottom:13px; }
/* end of bill-of-lading */

/* MISC  
----------------------------------------------------------*/
.error
{
    color:Red;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color:#ff0000; }

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}