/* @charset "utf-8"; */

/* CSS Document - AssetEx Portal */



html, body {margin: 0; padding: 0; height:100%;}

body {text-align: center; font-family: 'Source Sans Pro', sans-serif; /* font-size:16px; */ font-size: 14px; font-weight:400; line-height:2; color:#002c46; height:100%; background-color: #f5f7f8; }

/*
.body-bg {background-color: #eceff0; background-image:url(images/portal_bg.png); background-position:bottom left; background-repeat:no-repeat;}
*/


/* -------- Body ------------*/

#body{display: table; table-layout: fixed; width: 100%; height: calc(100% - 110px); /*min-height: 100%; */ /* min-width:320px; */ position: relative; text-align: left; margin-top: 50px;}
.body-cell {display: table-cell;}



a img {border:none;}



/* -------- Text ------------*/

h1 {position:relative; font-family: 'Montserrat', sans-serif; font-size: 54px; line-height:1.2; font-weight:800; color:#002c46; margin:0px 18px; background: none; display: block; height: 100%;}

h2 {font-family: 'Montserrat', sans-serif; font-size: 36px; line-height:1.2; font-weight:800; color:#002c46; margin:16px;}

h3 {font-family: 'Source Sans Pro', sans-serif; font-size: 21px; line-height:1.5; font-weight: 600; color:#002c46; /*#0d8a7c;*/ margin:16px 0;}

h4 {font-family: 'Source Sans Pro', sans-serif; font-size:20px; line-height:1.8; font-weight:400; color:#002c46; margin:16px 0; text-transform: uppercase;}

/* ------ h5 is subheading ----- */
h5 {font-family: 'Source Sans Pro', sans-serif; font-size: 20px; line-height: 2; font-weight: 800; color: #002c46; margin:16px 0; text-transform: uppercase; letter-spacing: .3rem;}

h6 {font-size:16px; line-height:2; font-weight:700; color:#002c46; margin:16px 0;}


p {font-size:16px; line-height:1.6; font-weight:400; color:#002c46; /* max-width: 360px; */ margin: 16px 16px 16px 16px;}

.intro p {font-size:16px; line-height:1.8; font-weight:400; color:#002c46; max-width: 980px; margin: 16px auto;}
#breadcrumbs p {font-size:16px; line-height:1.8; font-weight:400; color:#002c46; max-width: 980px; margin: 0px}


a  {text-decoration: none; color: #0d8a7c; /* font-weight: 800; */}
p a:hover {text-decoration:underline;}

b {font-weight:700;}
hr {border:none; border-top:1px solid #1E489C;}



.center, .align-center {text-align:center;}
.right, .align-right {text-align:right;}



/* -------- General Forms ------------*/


form {margin: auto; margin-bottom: 20px;}
fieldset {padding:0; border:none;}


.mandatory {color:#d42728; margin-left:3px;}
.parsley-error {border-color:#d42728;}
.parsley-errors-list {font-size:14px;}

.fieldwrap {margin:16px 0;}



input, textarea, select, option {width: 100%; max-width: 360px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; line-height: 50px; color: #002c46; border: none; background-color: #dfe2e5; min-height: 50px; margin: auto; margin-bottom: 16px; padding: 0px; border-radius: 5px; /* -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; */}
select {border: none; padding-right: 50px; background-image:url(images/select.png); background-image:url(images/select.svg), none; background-repeat:no-repeat; background-position:right top; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
option {width: auto; max-width: 100%;}
select, option, input, password[type="text"] {padding-left: 18px;}

textarea {resize:vertical; -webkit-appearance: none; -moz-appearance: none; appearance: none;}


label {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #002c46;
    padding: 20px 20px;
    /* margin-top: 20px; */
    vertical-align: top;
}



input[type="checkbox"], input[type="radio"] {
    /*float: left;*/
    /*margin: 10px;*/
    margin: -1px 10px 10px 10px;
    vertical-align: middle;
    width: 30px;
    /*height: 30px;*/
    line-height: 34px;
    background-color: #dfe2e5;
    cursor: pointer;
    padding: 11px;
    min-height: 0px;
}



/*

input[type=checkbox] {
    display: block;
    position: relative;
    padding: 11px 0 11px 60px;
    margin: 10px 0;
    font-weight: 700;
	 -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=checkbox]:before {
    content: "";
    cursor: pointer;
    text-align: center;
    font-size: 34px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #DFE2E5;
}

 */




input[type="submit"], button[type="submit"]{height: 50px; border-radius: 0px; padding: 10px 40px;}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {height: 50px; border-radius: 0px; padding: 10px 40px;}

.button {height: 50px; border-radius: 0px; padding: 10px 40px;}
.button.secondary {height: 50px; border-radius: 0px; padding: 10px 40px;}

div.edit_button {max-height: 50px; border-radius: 0px; padding: 10px 40px;}
input.add_remove_button {height: 50px; border-radius: 0px; padding: 10px 40px;}



input[type="file"] {display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0px; padding: 0px;}
input[type="number"] {width: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none;}



.input-file {display:block; padding:20px; background:#ECEFF0; margin:16px 0}
.input-file input {display:none;}
/*.input-file:before {content:"Browse"; display:inline-block; vertical-align:middle; margin:4px 10px 4px 0; font-size:18px; font-weight:700; padding:11px 40px; color:#ffffff; background:#0D8A7C; cursor:pointer;}*/



input[type="submit"], button[type="submit"]{
    width:auto;
    display:inline-block;
    height: 50px;
    vertical-align:top;
    background-color:#0d8a7c;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    padding:0px 40px;
    margin:16px 0;
    transition:all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;}

input[type="submit"]:hover, button[type="submit"]:hover {background-color:#002c46;}
input[type="submit"]:disabled, input[type="button"]:disabled {background-color:grey !important; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    width:auto;
    display:inline-block;
    height: 50px;
    vertical-align:top;
    background-color:#0d8a7c;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    padding:0px 40px;
    margin:12px;
    transition:all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]:hover::-webkit-file-upload-button, button:hover {background-color:#002c46;}


input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    width:auto;
    display:inline-block;
    height: 50px;
    vertical-align:top;
    background-color:#0d8a7c;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    padding: 0px 40px;
    margin:0px 6px 12px 0px;
    transition:all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}

input[type="button" i]:hover, input[type="submit" i]:hover, input[type="reset" i]:hover, input[type="file" i]:hover::-webkit-file-upload-button, button:hover {background-color:#002c46;}




/* -------- Buttons ------------*/

.button {
    display:inline-block;
    vertical-align:top;
    background-color:#0d8a7c;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    padding:16px 40px;
    margin:16px 0;
    transition:all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}

.button:hover {background-color:#002c46;}


.button.secondary {
    display:inline-block;
    vertical-align:top;
    background-color: #d0d8dc;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    text-align: center;
    text-decoration:none;
    padding:16px 40px;
    margin:16px 0;
    transition:all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}

.button.secondary:hover {background-color:#002c46;}


div.edit_button {
    display: inline-block;
    vertical-align: top;
    max-height: 50px;
    min-width: 100px;
    background-color: #d0d8dc;
    color: #002c46;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    padding: 16px 20px;
    margin: 16px 10px;
    transition: all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}

div.edit_button:hover {
    background-color: #002c46;
    color: #ffffff;
}

/* Modals */

/* The Modal (background) */
.modal {
    display: block;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 350px;
    height: 270px;
}

.modal-content p {
    font-size: 16px;
}

.modal-content input {
    float: right;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.zopim {
    pointer-events: all !important;
}

/* -------- Header ------------*/

#header {display: block; position: fixed; top: 0; left:0; right:0; height: 50px; background-color: #eceff0; z-index: 100; text-align: right; /* box-shadow:0 2px 4px rgba(0,0,0,0.5); */ font-size:0;}


/* ------ header top bar ------ */

.header-top {display: block; position:fixed; top:0; left:0; right:0; height: 50px; min-width:320px; background-color:#374a51; z-index:100; text-align:left;}


.header-icon-top {display: inline-block; position: absolute; top: 0; left: 0; max-height: 50px; width: auto;}
.notifications-bar {font-family: 'Montserrat', sans-serif; font-size:16px; line-height:1.2; font-weight:400; color:#ffffff; margin-left: 100px; margin-top: 18px;}
.notifications-bar span {font-weight:800; color:#0d8a7c;}

.login-details {display: block; position: absolute; top: 0; margin-top: 5px; right: 180px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; line-height:1.2; font-weight:400; color:#ffffff;}

.login-details-notify {display: inline-block; padding-left: 70px; padding-right: 10px; background-image:url(images/icon-message.png); background-image:url(images/icon-message_white.svg), linear-gradient(transparent, transparent), none; background-position: 20px center; background-repeat:no-repeat; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height:1.2; font-weight: 600; color:#ffffff;}

.login-details-message {display: inline-block; color:#d22a28; font-weight: 600; margin-left: 0px; background: #d0d8dc; height: 40px; width: 40px; border-radius: 50%;}
.login-details-message div {display: block; text-align: center; padding-top: 10px;}

.loggedin-text {display: inline-block; color:#ffffff; vertical-align: top; padding-top: 12px;}
.loggedin-user {display: inline-block; color:#ffffff; font-weight: 600;}


.login-top {position: absolute; top: 0; right: 0; height: 100%;}

.btn-login-top, .nav-btn.btn-login-top {
    display: inline-block;
    /*padding-top: 9px;*/
    padding-left: 60px !important;
    padding-right: 26px !important;
    /*height: 40px;*/
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    background-color: #0d8a7c !important;
    color: #ffffff;
    transition: background-color 0.3s;
    background-image: url(images/icon-login.png);
    background-image: url(images/icon-login.svg), linear-gradient(transparent, transparent), none;
    background-position: 16px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btn-login-top:hover, .nav-btn.btn-login-top:hover {background-color:#002c46;}



.login-top-mobile {position: absolute; top: 0; right: 0px; height: 100%;}
.login-top-mobile .btn-login-top {
    display: inline-block;
    height: 50px !important;
    width: 50px;
    /*padding-top: 9px !important;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #0d8a7c;
    color: #ffffff;
    transition: background-color 0.3s;
    background-position: center;
}

.login-top-mobile {display: none;}


/* ------ header bottom/menu bar ------ */

.header-bottom {/* display: block; position: relative; top: 0; left:0; right: 0; height: 50px; text-align: right; */}
.header-logo {display:inline-block; *display:inline; *zoom:1; vertical-align:top; float: left; max-width: 280px; padding: 7px;}
.header-logo img {max-height: 40px; width: auto;}

.header-btn {display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding: 11px 20px; text-decoration:none; font-size: 16px; font-weight:600; line-height:28px; background-color: #d0d8dc; cursor: pointer;}



/* -------- header button Second Level ------------ */


.header-btn-menu {position:relative; text-align:left; z-index:100; float: right;}

.header-btn-menu ul {margin:0 auto; list-style:none; font-size:0; padding:0; white-space:nowrap;}
.header-btn-menu ul li {position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.header-btn-menu > ul > li {position:relative; overflow:hidden;}
.header-btn-menu ul li a {position:relative; z-index:1; display:block; margin:0; color:#002c46; text-decoration:none; font-size:16px; font-weight:600; line-height:28px; transition:background-color 0.3s;}
.header-btn-menu > ul > li:hover > a {background-color:#FAFAFA;}


.header-btn-menu > ul > li > ul {display:block; opacity:0; transition:opacity 0.3s; position:absolute; top:100%; right:0; width:240px; background-color:#FAFAFA; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08); padding:18px;  z-index:0;}

.header-btn-menu > ul > li:last-child > ul {left:auto; right:0;}

.header-btn-menu > ul > li:hover {overflow:visible;}
.header-btn-menu > ul > li:hover > ul {display:block; opacity:1;}

.header-btn-menu ul li ul li {position:relative; display:block;}

.header-btn-menu ul li ul li a {padding:10px 16px;}
.header-btn-menu ul li ul li:hover > a {background-color:#ECEFF1;}
.header-btn-menu ul li ul > li.sub > a:after {content:"\E5CC"; font-family:'Material Icons'; font-size:24px; line-height:64px; position:absolute; right:0; top:0;}



.header-btn.btn-search, .nav-btn.btn-search {/* padding-left:70px; */ border-right:1px solid #E0E0E0; color:#002c46; transition:background-color 0.3s; /* background-image:url(images/icon-search.png); background-image:url(images/icon-search.svg), linear-gradient(transparent, transparent), none; background-position:20px center; background-repeat:no-repeat; */}
.header-btn.btn-search:hover, .nav-btn.btn-search:hover {background-color:#FAFAFA;}

.header-btn.btn-help, .nav-btn.btn-help {/* padding-left:70px; */ border-right:1px solid #E0E0E0; color:#002c46; transition:background-color 0.3s; /* background-image:url(images/icon-help.png); background-image:url(images/icon-help.svg), linear-gradient(transparent, transparent), none; background-position:20px center; background-repeat:no-repeat; */}
.header-btn.btn-help:hover, .nav-btn.btn-help:hover {background-color:#FAFAFA;}


.header-btn.btn-settings, .nav-btn.btn-settings {/* padding-left:70px; */ border-right:1px solid #E0E0E0; color:#002c46; transition:background-color 0.3s; /* background-image:url(images/icon-settings.png); background-image:url(images/icon-settings.svg), linear-gradient(transparent, transparent), none; background-position:20px center; background-repeat:no-repeat; */}
.header-btn.btn-settings:hover, .nav-btn.btn-settings:hover {background-color:#FAFAFA;}


.header-btn.btn-contact, .nav-btn.btn-contact {/*padding-left:70px;*/ border-right:1px solid #E0E0E0; color:#002c46; transition:background-color 0.3s; /* background-image:url(images/icon-contact.png); background-image:url(images/icon-contact.svg), linear-gradient(transparent, transparent), none; background-position:20px center; background-repeat:no-repeat; */}
.header-btn.btn-contact:hover, .nav-btn.btn-contact:hover {background-color:#FAFAFA;}



.btn-login, .nav-btn.btn-login {background-color:#0d8a7c; color:#ffffff; transition:background-color 0.3s;}
.btn-login:hover, .nav-btn.btn-login:hover {background-color:#002c46;}


.nav-btn {display:none; padding:18px 16px; text-decoration:none; font-size:16px; font-weight:600; line-height:28px;}

.nav-btn.btn-search {border:none; border-bottom:1px solid #E0E0E0;}
.nav-btn.btn-help {border:none; border-bottom:1px solid #E0E0E0;}
.nav-btn.btn-settings {border:none; border-bottom:1px solid #E0E0E0;}
.nav-btn.btn-contact {border:none; border-bottom:1px solid #E0E0E0;}



/* -------- Nav First Level ------------*/

.nav-wrap {display:inline-block; *display:inline; *zoom:1; vertical-align:top;}

#nav {position:relative; height:84px; text-align:left; z-index:100;}
#nav ul {margin:0 auto; list-style:none; font-size:0; padding:0; white-space:nowrap;}
#nav ul li {position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#nav > ul > li {position:relative; overflow:hidden; border-left:1px solid #E0E0E0;}
#nav ul li a {position:relative; z-index:1; display:block; padding: 11px 20px; margin:0; color:#002c46; text-decoration:none; font-size:16px; font-weight:600; line-height:28px; transition:background-color 0.3s;}
#nav > ul > li:hover > a {background-color:#FAFAFA;}


/* Sub Buttons */

.sub-button {display:none; position:absolute; width:50px; top:0; right:0; background-color:#FAFAFA; cursor:pointer; z-index:1; transition:background-color 0.3s;}
.sub-button:after {content:"\E313"; font-family:'Material Icons'; color:#0d8a7c; font-size:30px; display:block; width:100%; line-height:64px; text-align:center;}
.sub-open .sub-button:after {content:"\E316";}
.sub-button:hover {background-color:#ECEFF1;}


/* -------- Nav Menu Button and Icon------------*/

.menu {display:none; vertical-align:top; float:left; padding:6px; text-align:center; color:#ffffff; background-color:#0d8a7c; transition:background-color 0.3s; border-right:1px solid #E0E0E0; cursor:pointer; margin-right:16px;}
.menu:hover {background-color:#002c46;}
.menu i {font-size:12px; line-height:40px; vertical-align:top;}


/* -------- Nav Second Level ------------*/

#nav > ul > li > ul {display:block; opacity:0; transition:opacity 0.3s; position:absolute; top:100%; right: 0; /* left:0; */ width:240px; background-color:#FAFAFA; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10); /* box-shadow:1px 3px 3px rgba(0,0,0,0.3); */ padding: 10px;  z-index:0;}
#nav > ul > li:last-child > ul {left:auto; right:0;}
#nav > ul > li:hover {overflow:visible;}
#nav > ul > li:hover > ul {display:block; opacity:1;}
#nav ul li ul li {display:relative; display:block;}
#nav ul li ul li a {padding:10px 16px;}
#nav ul li ul li:hover > a {background-color:#ECEFF1;}
#nav ul li ul > li.sub > a:after {content:"\E5CC"; font-family:'Material Icons'; font-size:24px; line-height:64px; position:absolute; right:0; top:0;}


/* Sub Buttons */

#nav ul li ul li.sub .sub-button:after {content:"\E313";}
#nav ul li ul li.sub-open .sub-button:after {content:"\E316";}


/* -------- Nav Third Level------------*/

#nav ul li ul li ul {position:absolute;  top:0; left:100%; width:100%; display:none; background-color:#EFEFEF; min-width:auto; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10); /* box-shadow:1px 3px 3px rgba(0,0,0,0.3); */ }
#nav ul li ul li:hover ul{display:block;}
#nav ul li ul li ul li {}
#nav ul li ul li ul li:last-child {border-bottom:none;}
#nav ul li ul li ul li a{}
#nav ul li ul li ul li a:hover {background-color:rgba(84,110,122,0.05);}



/* -------- Breadcrumbs------------*/

#breadcrumbs {display: block; position: relative; top: 0;}

#breadcrumbs p a {color: #0d8a7c; font-weight: 800; padding-left: 5px; padding-right: 5px;}

#breadcrumbs p {color: #002c46; font-size: 16px; font-weight: 600; line-height: 30px; margin: 4px 0; text-indent: 18px;}





/* -------- Footer ------------*/

#footer {display: block; width: 100%; position: relative; bottom: 0px; height: 60px; background-color: #374a51; z-index: 80;}
.copyright {display: inline-block; float: left; margin-left: 20px; margin-right: 20px; color: #ffffff; padding-top: 10px; font-size: 14px;}


/* ------ Footer Nav ------ */

.footer-menu {position: absolute; bottom: 0; right: 0; background-color: #eceff0; }

.footer-btn {display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding: 18px 20px; text-decoration:none; font-size:16px; font-weight:600; line-height:28px; color: #002c46; cursor: pointer; background-color: #eceff0; text-align: center;}
.footer-btn:hover {background-color:#FAFAFA;}




/* -------- Drawers ------------*/

.overlay {position:fixed; left:100%; right:0; top:100px; bottom:0; background:rgba(35,31,32,0); transition:background 0.5s, left 0s 0.5s; z-index:98; min-width:320px;}

.drawer-open.overlay {left:0; background:rgba(35,31,32,0.8); transition:background 0.5s, left 0s; overflow-y:auto; overflow-x:hidden;}
.drawer-wrap {position:absolute; left:100%; width:100%; box-sizing:border-box; transition:left 0.5s;}
.drawer-open .drawer-wrap {left:0;}

.drawer-box {position:relative; background-color:#FAFAFA; margin:0 0 0 auto; max-width:1920px; text-align:left; overflow:hidden; box-shadow:-2px 2px 4px rgba(0,0,0,0.5);}

.drawer-close {display:block; width:30px; height:30px; line-height:30px; text-align:center; border:2px solid #0d8a7c; color:#0d8a7c; border-radius:18px; cursor:pointer; position:absolute; right:10px; top: 50px; z-index:1;}

.drawer-close.material-icons {line-height: 1.3 !important;}

.drawer-box .content-one {max-width:1700px; margin:80px auto; padding:0 30px; box-sizing:border-box;}





/* -------- Content ------------*/

#content {display:table-row; position:relative;}
.content-inner {position:relative; /*max-width:1600px; margin: 50px auto;*/}
.content-full {position:relative; /*max-width:1920px;*/ margin:0 auto;}

.content-one {position:relative; margin:30px;}
.content-cell {position:relative; display:table-cell; vertical-align:top;}

.text-columns {-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; -webkit-column-width:440px; -moz-column-width:440px; column-width:440px;}
.text-columns * {margin-top:0; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside: avoid;}

.clearfloat {clear:both;}
img {max-width:100%; /*width: 100%;*/ height:auto; vertical-align:bottom;}


.shadow-md {box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10);}
.shadow-lg {box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);}



/* -------- Intro ------ */

.intro {text-align: center;}



/* -------- Module Grid ------ */

.module-panel {max-width: 1200px; margin: auto; margin-top: 20px; margin-bottom: 100px;}


/*
.grid {
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */ /*
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-gap: 20px;
    /* max-width: 1200px; */ /*
	padding: 18px;
}
*/

.grid {display: block; margin: auto; text-align: center;}

/* ------ module card ------ */

.grid div {display: inline-block;}

/* .module-card {display: inline-block;} */

.module-card {max-width: 260px; min-width: 260px; max-height: 140px; min-height: 140px; margin: 16px; padding: 10px; text-align: center; background: #ffffff; transition:background-color 0.3s;}
.module-card:hover {background: #eceff0}


.module-card.active {border-left: solid 10px #0d8a7c; background-image:url(images/icon-active.png); background-image:url(images/icon-active.svg), linear-gradient(transparent, transparent), none; background-position: 200px 20px; background-repeat:no-repeat;}

.module-card.inactive {border-left: solid 10px #d22a28; background-image:url(images/icon-inactive.png); background-image:url(images/icon-inactive.svg), linear-gradient(transparent, transparent), none; background-position: 200px 20px; background-repeat:no-repeat;}

.module-card.disabled {border-left: solid 10px #eceff0; background-image:url(images/icon-disabled.png); background-image:url(images/icon-disabled.svg), linear-gradient(transparent, transparent), none; background-position: 200px 20px; background-repeat:no-repeat; opacity: 0.4;}


.module-card-title {position: relative; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.2; font-weight: 800; color: #002c46; margin: 20px 0; text-align: center;}


.grid div div.module-card-icon {display: block;}

.module-card-icon {position: relative; top: 20px;}






/* ----- No Data Message ----- */

/*
.no-data-message {width: 100%; height: 50px; margin: auto; background-color: aqua; color: #000000; vertical-align: middle;}
.no-data-message-show {visibility: visible;}
*/





/* ------ tooltip modal (tipsy) ------ */

.tooltip {border: none !important;}

.tooltip-text { display: none; border: none !important;}


.tooltip-text table {
    max-width: 320px;
    /* emulate max-width for IE6/7 */
    /*width: expression(this.width > 320 ? '320px' : 'auto');*/
}


.photo {
    border: none;
    float: left;
    width: 100%;
    height: 100%;
    /*margin: 10px;*/
    /*padding: 6px;*/
}

/*
.date {
    color: #002c46;
}

.attribute {
    color: #002c46;
}

.attributes td {
    padding: 0;
    margin: 0;
}

*/


a.listing-title {
    font-size: 16px;
    /*font-size: 14px;*/
}




.tipsy-inner .photo {
    margin: 3px 9px 3px 0;
}

.photo img {
    border: none;
    float: left;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.paging {
    margin-bottom: 4px;
}








/* -------- Expanding Section ------------ */



.expand {/*margin:16px 0; padding:10px 0; border:1px solid #e2e2e2; border-width:1px 0;*/}

.expand {overflow: visible; position:relative;}

/*
.expand > * {position:relative; margin:0;}
.expand:hover * {opacity:0.98;}
*/

.expand:hover {/*opacity:0.98;*/}

/*
.expand:after {content:"\E145"; font-family:'Material Icons'; font-size:24px; line-height:39px; text-align:center; color:#002c46; display:block; position:absolute; right:0px; top:0px; width: 35px; height: 35px; transition:all 0.3s;}
*/


.expand-toggle {display: none; height: 35px; width: 35px; position: absolute; top: 135px; right: 0; transition: all 0.3s; cursor:pointer;}

.expand-toggle:after {content:"\E145"; font-family:'Material Icons'; font-size:24px; line-height:39px; text-align:center; color:#002c46; display:block; position:absolute; right:0px; top:0px; width: 35px; height: 35px; transition:all 0.3s;}

.expand-toggle:hover:after {background-color:#0d8a7c;}
.expand-open .expand-toggle:after {content:"\E15B";}

.expand-open:active ~ .expand-toggle::after {content: "\E15B";}

.hidden {display: none;}


/*
.expand:hover:after {background-color:#0d8a7c;}
.expand.expand-open:after {content:"\E15B";}
*/

.expand-open {height: auto;}

/*
.expand > * {}
.expand:after {font-size: 18px; line-height: 24px;top: 4px; width: 25px;height: 25px;}
*/






.scroll-to-top {
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: none;
    z-index: 2000;
    background-color: #0d8a7c;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    overflow: hidden;
    background-image: url(images/icon-arrow-up.png);
    background-image: url(images/icon-arrow-up.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.scroll-to-top:focus {
    outline: none;
}





/* ------ RESPONSIVE TABLES ------ */



table {width:100%; border:none; border-spacing:0; /*margin-bottom: 1rem;*/}
tr {border:none;}
td, th {padding:16px; border:none;}

table tbody tr:nth-child(even) {background-color: #eceff0; }
table tbody th, table tbody td {padding: 0.5rem 0.625rem 0.625rem; }

table thead tr, table tfoot tr {background: #ffffff; }
table thead th, table thead td, table tfoot th, table tfoot td {padding: 0.5rem 0.625rem 0.625rem; text-align: left; }
table thead, table tbody, table tfoot {background-color: #ffffff; }
table caption {padding: 0.5rem 0.625rem 0.625rem; }

/*

@media screen and (max-width: 33.750em) {

table {margin-top:0;}

table thead {display:block;}
table.stack thead {display: block; }
table.stack tfoot {display: block; }
table.stack tr, table.stack th, table.stack td {display: block; }
table.stack td {border-top: 0; }
td {display: block; line-height:34px; font-weight:800; margin:16px 0;}

/*
table thead {display:none;}
table.stack thead {display: none; }
table.stack tfoot {display: none; }
table.stack tr, table.stack th, table.stack td {display: block; }
table.stack td {border-top: 0; }
td {display: block; line-height:34px; font-weight:800; margin:16px 0;}
*/
/*
}

/*
.table.scroll {display: block; width: 100%; overflow-x: auto; }
table.hover tr:hover {background-color: #f9f9f9; }
table.hover tr:nth-of-type(even):hover {background-color: #ececec; }
.table-scroll {overflow-x: auto; }
.table-scroll table {width: auto; }
*/





/* ------ Grey Box (modal) ------ */


#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 101;
}

/*
#GB_window {
    left: 0;
    top: 0;
    font-size: 16px !important;
    position: absolute;
    overflow: visible;
    z-index: 150;
}
*/

#GB_window {
    /*
    left: auto !important;
    top: auto !important;
    right: auto;
    */
    font-size: 16px !important;
    position: absolute;
    overflow: visible;
    z-index: 150;
    /*
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: auto;
    */
}


#GB_window .content {
    width: auto;
    margin: 0;
    padding: 20px;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #ffffff !important;
    border: none;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 0px !important;
    border-top: 0px !important;
    min-width: 100%;
}


#GB_window table.header[style] {
    background-image: none !important;
    width: 100% !important;
}


.GB_header .inner {
    background-color: #333;
    font-family: 'Source Sans Pro' sans-serif !important;
    padding: 10px 20px 10px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 0px;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin: 0;
    height: 50px;
    font-size: 12px;
    padding: 3px 0;
    color: #9B1C13;
}

.GB_Window .caption {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    color:#222222;
}

.GB_Window .close {
    text-align: right;
    color:#0d8a7c;
    background-image: url(images/close.svg), linear-gradient(transparent, transparent), none; background-position: right; /*78px center;*/ background-repeat:no-repeat;
    cursor: pointer;
}

.GB_Window .close span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #0d8a7c;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    opacity: 0;
}

.GB_Window .close img {
    display: none;
    /*
    cursor: pointer;
    padding: 0 3px 0 0;
    */
}

.GB_Window .on {border-bottom: none}
.GB_Window .click {border-bottom: none;}












/* download format links */

.download-icons {
    float: none;
    position: absolute;
    right: 0;
    z-index: 90;
}

.download a, .download-label {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}







/* ------ Multi selector ------ */

.container select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 18px;
    padding-right: 18px;
    min-width: 280px;
    max-height: 280px;
    background-color: #ffffff;
    background-image: none;
}


.container select option {
    /* padding-top: 18px; */
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* background-color: #ffffff; */
    background-color: #eceff0;
}


input.add_remove_button {
    /* margin: 16px; */
    width:auto;
    min-width: 140px;
    display:inline-block;
    height: 50px;
    vertical-align:top;
    background-color:#0d8a7c;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    padding:10px 16px;
    transition:all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}


option selected {
    background-color: #eceff0 !important;
    color: #eceff0 !important;
}








/* ------ PAGE SPECIFIC STYLES ------ */







/* ------ login screen ------ */

.login-screen {margin: auto; max-width: 500px; margin-top: 100px; padding-left: 16px; padding-right: 16px; text-align: center;}
.login-screen form {max-width: 340px;}

#login_button {display: block; margin: 10px auto;}

.login-screen a {padding: 20px; display: block; font-size: 16px;}

a.button-join {
    display: block;
    vertical-align: top;
    max-width: 100px;
    background-color: #d0d8dc;
    color: #002c46;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    padding: 11px 20px;
    margin: auto;
    margin-top: 10px;
    transition: all 0.3s;
    border-radius: 0px;
    cursor: pointer;
    border: none;
}

a.button-join:hover {
    background-color: #002c46;
    color: #ffffff;
}

a.button-link {
    display: inline-block;
    color: white;
    background: #0d8a7c;
    margin: 12px 6px 12px 0px;
    min-height: 50px;
    height: 50px;
    font-size: 18px;
    padding: 0px 40px 0px 40px;
    font-weight: 600;
    vertical-align: middle;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
}

a.button-link :hover {
    background: #002c46;
}










/*--------------------------- Edit Listing Page ---------------------------*/



/*--- General Form and Button formatting ---*/

#editForm {max-width: 1200px;}

#editForm .row-single {font-family: 'Montserrat', sans-serif; font-size: 15px; line-height:1.2; font-weight: 600; color:#002c46; margin:16px 0;}

#editForm .row {width: 100%; /*padding: 15px 5px;*/ margin: 10px 0px; background: #eceff0;}
#editForm .row_left {width: 200px; /*padding: 0px 10px;*/ box-sizing: border-box; color:#002c46; font-weight: 600; font-size: 16px;}
#editForm .row_right {/*display: flex; align-items: center; */width: auto; box-sizing: border-box; }

#editForm input {box-sizing: border-box;}
#editForm textarea {max-width: none; box-sizing: border-box;}
#editForm table tbody {background:none;}

#editForm input[type="button"] {width:auto; display:inline-block; height: 50px; vertical-align:top; background-color:#0d8a7c; color:#ffffff; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight:600; line-height:28px; text-align:center; text-decoration:none; padding: 0px 40px 0px 40px;  transition:all 0.3s; border-radius: 0px; /* -webkit-box-shadow: 4px 4px 8px 4px rgba(79,79,79,0.2); -moz-box-shadow: 4px 4px 8px 4px rgba(79,79,79,0.2); box-shadow: 4px 4px 8px 4px rgba(79,79,79,0.2); */ cursor: pointer; border: none;}
#editForm input[type="button"]:hover, button[type="submit"]:hover {background-color:#002c46;}

#editForm input[type="file"] {background: none; /*margin: 10px;*/ min-width: 300px; align-items: center;}

#editForm input[name="btn_cancel"] {margin: 12px;}

/*#editForm .row_right input#show_all_top {margin-top: 21px;}*/

/*
#editForm input[class="show-all"] {}
#editForm label[for="show_all_bottom"] {}
*/


#editForm .row_right textarea {max-width: 720px; max-height: 260px; padding: 16px;}
#editForm input[type="number"] {width: 100%; max-width: 360px;}




/* ------ save section ------ */

#edit-listing-save-section {background: #d0d8dc;}
#edit-listing-save-section .row_left {display: none;}
#edit-listing-save-section input {
    margin: 12px 6px 12px 0px;
    min-height: 50px;
}
#edit-listing-save-section label {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.edit-listing-save-section {background: #d0d8dc;}
.edit-listing-save-section .row_left {display: none;}


/*--- Legend ---*/

#editForm .legend {width: 100%; /*line-height: 1.2;*/ vertical-align: middle; min-height: 60px;}

/*
#editForm .edit_left, #editForm .hidden_left {width: 10%; text-align: center;}
*/
/*
#edit-listing-type-legend tr.legend td {min-width: 100px;}
*/

#edit-listing-type-legend.row {background: #f5f7f8; padding: 0px;}
#edit-listing-type-legend span.row_right {/*display: inline-block !important;*/ width: auto !important;}
#edit-listing-type-legend span.row_right table {display: inline-block !important; width: auto !important; margin-bottom: 0rem;}

#edit-listing-type-legend span.row_left {display: inline-block; vertical-align: top; padding-top: 14px; color: #0d8a7c; font-weight: 800; width: auto !important;}
#edit-listing-type-legend td.edit_left {text-align: left; height: 30px; padding: 0.5rem 0.625rem 0.625rem 2.2rem !important;}

.row_right.edit-listing-type-legend.expand {display: none !important;}
.row_right.edit-listing-type-legend.expand.expand-open {display: block !important;}

/*
#edit-listing-type-legend {position: fixed; left: 0px; top: 240px;}
#edit-listing-type-legend span:first-of-type {display: block; text-align: left;}
#edit-listing-type-legend span:nth-of-type(2) {display: block; text-align: left;}
#edit-listing-type-legend tr.legend td {display: block;}
*/

.buttonFreeze {
    color: red;
    font-weight: 600;
    margin-right: 1em;
    vertical-align: text-top;
}

#note_stockref {
    display: inline;
    margin-left: 3em;
}

/*#sticky.stick {position: fixed; top: 100px; left: 0; z-index: 1; width: 100%;}*/


#edit-listing-type-legend .mandatory_left {padding-left: 40px !important; background-image:url(images/icon_mandatory.svg); background-image:url(images/icon_mandatory.svg), none; background-repeat:no-repeat; background-position:left 10px; background-size: 30px; /* background-color: #ffffff !important; */ color: /*#d22a28*/ #002c46 !important; border: none;}

#edit-listing-type-legend .attribute_0_left {padding-left: 40px !important; background-image:url(images/icon_visible_public.svg); background-image:url(images/icon_visible_public.svg), none; background-repeat:no-repeat; background-position:left 10px; background-size: 30px; /* background-color: #ffffff !important; */ color: /*#d22a28*/ #002c46 !important; border: none;}

#edit-listing-type-legend .attribute_1_left {padding-left: 40px !important; background-image:url(images/icon_visible_dealers.svg); background-image:url(images/icon_visible_dealers.svg), none; background-repeat:no-repeat; background-position:left 10px; background-size: 30px; /* background-color: #ffffff !important; */ color: /*#d22a28*/ #002c46 !important; border: none;}

#edit-listing-type-legend .attribute_35_left {padding-left: 40px !important; background-image:url(images/icon_visible_salesperson.svg); background-image:url(images/icon_visible_salesperson.svg), none; background-repeat:no-repeat; background-position:left 10px; background-size: 30px; /* background-color: #ffffff !important; */ color: /*#d22a28*/ #002c46 !important; border: none;}

#edit-listing-type-legend .attribute_40_left {padding-left: 40px !important; background-image:url(images/icon_managers.svg); background-image:url(images/icon_managers.svg), none; background-repeat:no-repeat; background-position:left 10px; background-size: 30px; /* background-color: #ffffff !important; */ color: /*#d22a28*/ #002c46 !important; border: none;}

#edit-listing-type-legend .hidden_left {padding-left: 40px !important; background-image:url(images/icon_hidden.svg); background-image:url(images/icon_hidden.svg), none; background-repeat:no-repeat; background-position:left 10px; background-size: 30px; /* background-color: #ffffff !important;*/ color: /*#d22a28*/ #002c46 !important; border: none;}

.edit-listing-type-legend.expand { display: none; }
.edit-listing-type-legend.expand.expand-open { display: block; }


/* Attribute color coding */

.mandatory_left {
    font-weight: 600;
    /*background-color: #d22a28;*/
    background-color: transparent;
    background-image:url(images/icon_mandatory.svg);
    background-image:url(images/icon_mandatory.svg), none;
    background-repeat:no-repeat;
    background-position: right;
    background-size: 20px;
    /*border-left: solid 10px #d22a28;*/
    /* color: #ffffff; */
    color: #002c46 !important;
    display: table-column;
}

.mandatory_right {
    font-weight: 600;
    /*background-color: #d22a28;*/
    background-color: transparent;
    background-image:url(images/icon_mandatory.svg);
    background-image:url(images/icon_mandatory.svg), none;
    background-repeat:no-repeat;
    background-position: 390px 15px;
    background-size: 20px;
    color: #002c46 !important;
}

.attribute {
    font-weight: 600;
    background: transparent;
    background-repeat: no-repeat;
    background-position: 10px 0px;
    -webkit-background-size: 16px;
    background-size: 16px;
    color: #002c46;
}

.attribute_0_left {
    background-image:url(images/icon_visible_public.svg), none;
    border-left: solid 10px #0288D1;
}

.attribute_1_left {
    background-image:url(images/icon_visible_dealers.svg), none;
    border-left: solid 10px #FFB300;
}

.attribute_35_left {
    background-image:url(images/icon_visible_salesperson.svg), none;
    border-left: solid 10px #4caf50;
}

.attribute_40_left {
    background-image:url(images/icon_managers.svg), none;
    border-left: solid 10px #2c5484;
}

.hidden_left {
    background-image:url(images/icon_hidden.svg), none;
    border-left: solid 10px #d0d8dc;
}





/* ------ Upload Images ------ */


#edit-listing-images .row_right .ad-gallery#photo_gallery {
    text-align: left;
    margin: auto;
    /*width: 100%;*/
    /*max-width: 960px;*/
    height: auto;
}

#edit-listing-images span.row_right {display: block !important;}
#edit-listing-images span.row_left {display: block !important;}


#edit-listing-images div.ad-back {display: none;}
#edit-listing-images div.ad-forward {display: none;}

#edit-listing-images .ad-thumbs ul#thumbnails {/*width: 960px !important;*/ height: auto !important;}
#edit-listing-images .ad-gallery .ad-thumbs li {display: inline-block; float: none !important; touch-action: unset;}

#edit-listing-images .ad-gallery.ad-thumbs ul#thumbnails a.primary img {border: 3px solid #d22a28;}

#edit-listing-images #photo_caption {text-align: center;}

#edit-listing-images #uploader {display: inline-block; text-align: center; width: 100%;}
#edit-listing-images #upload_queue {width: auto !important; margin: auto; margin-bottom: 20px !important;}
#edit-listing-images #upload_queue legend {display: none;}
#edit-listing-images #upload_queue input.photo_input {text-align: center; display: none;}



#upload_queue label[for="filesToUpload"] {background-image:url(images/icon-search-image.svg); background-image:url(images/icon-search-image.svg), none; background-repeat: no-repeat; background-position: 10px 5px; background-size: 40px; background-color: #d0d8dc; font-size: 18px !important; font-weight: 800; padding: 16px; padding-left: 60px;}
#upload_queue label[for="filesToUpload"]:hover {background-color: #ffffff;}
#upload_queue label[for="filesToUpload"] img {display: none !important;}



/* ------ make and model lists ------ */

#model_select_by_sm {}
/* #model_select_by_sm div {display: inline-block;} */

#model_select_by_sm div input {
    padding-left: 18px !important;
    border: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 50px !important;
    background: none !important;
    background-image: url(images/select.png) !important;
    background-image: url(images/select.svg), none !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    width: 100% !important;
    max-width: 360px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    color: #002c46 !important;
    background-color: #dfe2e5 !important;
    min-height: 50px !important;
    margin: 16px 16px 16px 0px !important;
}


#editForm input, #editForm select {max-width: 360px;}

/*--- Type and Subtype input spacing ---*/
#editForm select[name|="type_id"] {margin: 10px 0px;}


/* ------ file upload ------ */
/*
#editForm .fileUpload {display:block; padding:20px; background:#ECEFF0; margin:16px 0}
#editForm .fileUpload input {display:none;}
#editForm .fileUpload:before {content:"Browse"; display:inline-block; vertical-align:middle; margin:4px 10px 4px 0; font-size:18px; font-weight:700; padding:11px 40px; color:#ffffff; background:#0D8A7C; cursor:pointer;}
*/




/*--- Retail Price and ISV sections ---*/
#editForm .row-price {width: 100%; /* padding: 25px 5px; */ /*margin-left: 10px;*/ margin-bottom: 10px; background: #eceff0;}
#editForm .row-price input {width: 15%; max-width: none; box-sizing: border-box; margin: 10px 0px 10px 10px;}
#editForm .row-price .currency {width: 15%; max-width: none; margin: 0px 0px 0px 10px; box-sizing: border-box;}
#editForm .row-price .gst {width: 20%; max-width: none; margin: 0px 0px 0px 10px; box-sizing: border-box;}
#editForm .row-price .price_type {width: 30%; max-width: none; margin: 0px 0px 0px 10px; box-sizing: border-box;}



/*--- Date Input Sections ---*/
#editForm .attribute_35_right select {/*margin: 0px 5px 0px 5px;*/ max-width: 360px;}
#editForm .today_button {margin: 0px 20px;}



/*--- Appraised By, Finance Owing and Test Driven input widths ---*/
#editForm .attribute_35_right select[name|="attribute_value[121]"], #editForm .attribute_35_right select[name|="attribute_value[432]"], #editForm .attribute_35_right select[name|="attribute_value[339]"] {width:100%; max-width: 360px;}



/*--- Appraisal Comments ---*/
#comment_form_93 br {display:none;}
#comment_form_93 label {padding: 0px; display: block; float: left; margin-right: 16px;}
#comment_form_93 input {width: 20%; max-width: none; margin: 10px 20px 10px 0px;}
#comment_form_93 textarea {margin: 10px 0px;}



/*--- Manager Comments ---*/
#comment_form_94 br {display: none;}
#comment_form_93 input[type="file"], #comment_form_94 input[type="file"] {display: inline-block;}
#comment_form_93 input[type="button"].comment, #comment_form_94 input[type="button"].comment {margin-top: 20px;}




.table-wrapper {
    margin: 2em;
}

.template-form {

}

.template-form label {
    vertical-align: middle;
}

.template-form input {
    margin: 0;
}


/*--------------------------- Responsive ---------------------------*/

/*
@media screen and (max-width: 1240px) {
	#editForm .edit_left, #editForm .hidden_left {display: inline-block;}
}
*/

@media screen and (max-width:1100px) {
    /*--- Edit Listing Page ---*/
    #editForm .row-price input {width: 60%; margin: 10px 0px 10px 10px;}
    #editForm .row-price .currency {width: 30%; margin: 10px 0px 10px 10px;}
    #editForm .row-price .gst {width: 40%; margin: 10px 0px 10px 18px;}
    #editForm .row-price .price_type {width: 50%; margin: 10px 0px 10px 10px;}
}

@media screen and (max-width:960px) {
    /*--- Edit Listing Page ---*/
    /*#editForm .edit_left, #editForm .hidden_left {width: 75%; display: block; margin: 5px;}*/
    #editForm .attribute_35_right select {/*margin: 10px 5px;*/ width: 100%; max-width: none;}
    #editForm .today_button {max-width: none; width: 100%; margin: 0px;}
    #comment_form_93 input {width: 100%; margin: 10px 0px;}
    /*#edit-listing-type-legend {display: none;}*/
}

@media screen and (max-width:620px) {
    /*--- Edit Listing Page ---*/
    #editForm input[name="btn_cancel"] {/*margin: 16px 0px;*/}
    #editForm .row-price input {width: 90%; margin: 10px 0px 10px 0px;}
    #editForm .row-price .currency {width: 100%; margin: 10px 0px 0px 0px;}
    #editForm .row-price .gst {width: 100%; margin: 10px 0px 0px 0px;}
    #editForm .row-price .price_type {width: 100%; margin: 10px 0px 0px 0px;}

    #editForm td {
        display: block;
        clear: both;
        padding: 0px;
    }

    #editForm .row_left, #editForm .row_right {
        display: block;
        clear: both;
    }

    #editForm .row {
        display: block;
        padding: 0px;
    }

    #editForm .row_left {
        width: 100%;
        padding-left: 30px;
    }

    #editForm .row_right {
        padding: 0px 12px 0px 12px;
    }

    #editForm .row-single {
        width: 100%;
        text-align: center;
    }

    #editForm .mandatory_left {
        display: block;
        width: 100%;
        height: 20px;
        background-position: left;
    }

    .quick-quote-form form .field {
        grid-column: 1 / 3;
    }
}





/* ------ CRM View Contacts ------ */

#contacts-search-by-dealer {display: inline-block;}

#contacts-quicksearch {display: inline-block;}
#contacts-quicksearch span {display: none;}
#contacts-quicksearch input[type="text"] {width: auto}
#contacts-quicksearch input[type="submit"] {margin-top: 0px;}

#add-new-contact-button {display: inline-block;}
#add-new-contact-button input[type="submit"] {position: relative; top: -22px;}

#contacts-view-table span.hide_in_print tr:first-of-type {display: block;}



/* ------ EDIT Contact ------ */

table.edit_table thead, table tbody, table tfoot {background-color: #ffffff;}
table.edit_table tbody tr:nth-child(even) {background-color: #ffffff; /* #eceff0; */}
.edit_subhead {font-size: 18px; font-weight: 600; line-height: 2; color: #002c46; background-color: #eceff0;}




/* ------ CRM View Quotes ------ */

#crm-view-quotes span.hide_in_print tr:first-of-type {display: block;}




/* ------ CRM New Quote ------ */


select.field {
    width: 100%;
}

.quote, .listing-item {
    margin: 0 auto;
    width: 75%;
}

.quote {
    margin-bottom: 40px;
    /*max-width: 1100px; */
}

.quote h3 {
    color: rgb(31, 38, 91);
}

.quote .toolbar {
    margin: 8px auto;
    background: #d0d8dc;
    text-align: center;
}

.quote .toolbar button {
    cursor: pointer;
}

.quote table {
    border: none;
    width: 100%;
    table-layout: fixed;
}

.quote table.no-border {
    border: none;
}

.quote td {
    /*border: 1px solid #eee;
    padding: 2px 3px; */
    padding: 0.5rem 0.625rem 0.625rem !important;
}

.quote .border-left {
    border-left: 1px solid #ccc;
}

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

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

.quote .border-bottom {
    border-bottom: 1px solid #ccc;
}

.quote button#add_customer {margin: 0;}

.quote .delete-listing,
.quote .delete-additional {
    margin-left: 6px;
}

.quote .delete-listing img,
.quote .delete-additional img {
    vertical-align: top;
}

.quote .dealer-name {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.quote .editable-field {
    display: block;
}


.quote textarea {
    font-family: inherit;
    /*width: 99%;*/
    max-width: none !important;
}

.quote label {padding: 0px;}


.quote tr.header td {
    font-weight: bold;
}

.listing-item {
    /* width: 752px;*/
}

.listing-item iframe {
    border: none;
    width: 100%;
}

.listing-item h3 {
    margin-bottom: 20px;
}

.quote .autosave[type=text],
.quote .stock-ref,
.quote .enable-lookup-for select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
    margin: 0;
}

/*
#gst {
    display: inline;
    width: auto;
}
*/

.acDetails {
    color: #999;
}

.acSelect .acDetails {
    color: #fff;
}

.muted {
    color: #999;
}

.quote td.price.total {
    font-weight: bold;
    padding-right: 8px;
}

#business_address {
    margin-top: 8px;
    margin-left: 8px;
}

.address-field {
}

.icon-spacer {
    padding-right: 24px;
}

.listing-item h3 {
    color: #1f265b;
}

.quote .dealer-info {
    float: right;
    margin-top: 20px;
    text-align: right;
    vertical-align: middle;
}

.comment_box h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.comment_box p {
    margin-top: 0px;
}

/*
.comment_wrap {
    border-top-left-radius: 2px;
    border-color: #ddd;
    height: 10px;
    border-width: 1px;
    border-style: solid none none solid;
    margin-left: -7px;
}

.non_mobile {
    width: 488px;
}
*/
.author {
    color: #4680bf !important;
}

.share_hide_link{
    /* color: #B1D4F4!important; */
    color: #0d8a7c !important;
    cursor: pointer;
}

.comment_container {
    padding-left: 10px;
}

/*.fileUpload {
  width: 85px;
 }*/

.fileLabel {
    float: left;
    width: fit-content;
    display: flex !important;
    align-items: center;
    height: 50px;
    background-color: #0d8a7c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 40px 0px 40px !important;
}


.text-label {
    color: #cdcdcd;
}

.restore_button {
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    text-decoration: none;
    font: menu;
    color: ButtonText;
    display: inline-block;
    padding: 2px 8px;
}

#quoteForm .autosave,
#quote_header td textarea {
    width: 80%;
}

#quote_header td {
    padding-right: 10px;
}

#quote_header td input {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
}

.addon {
    text-align: right;
    width: 80px;
}

#quote_header select {
    width: 100%;
}

tr.hot-deal td a {
    color: #f87217;
    font-weight: bold;
}





/* ------ AdManager ------ */


div.No {
    background-color: #d0d8dc;
    color: #002c46;
    font-weight: 600;
}

div.Yes, td.Yes {
    background-color: #4caf50;
    color: #ffffff;
    font-weight: 600;
}


div.Updated,div.New, td.Updated, td.New{
    background-color: #FFB300;
    color: #002c46;
    font-weight: 600;
}

div.Removal, td.Removal{
    background-color: #db530c;
    color: #ffffff;
    font-weight: 600;
}

div.Failed, td.Failed{
    background-color: #9c27b0;
    color: #ffffff;
    font-weight: 600;
}

div.NotYet {
    background-color: #ff0000;
    color: #ffffff;
    font-weight: 600;
}
/*
    div:nth-of-type(6) {
        background-color: #d22a28;
		color: #ffffff;
        font-weight: 600;
}
*/

/*
.bulk-table {
overflow-x:scroll;
overflow-y:visible;
//max-width:90%;
margin-left: 40px;
table-layout: fixed;
}

td, th {
    padding: 3px 5px;
    //width: 100px;
}

th{
    white-space:nowrap;
}

.sitenames {
    max-width:10em;
    vertical-align:top;
    text-align: left;
    white-space:nowrap;
    overflow:hidden;

}
.sitenames:hover {
    max-width:15em;
    max-height: 3ex;
    white-space:normal;

}

//position:relative;left:5%;
*/



/* #filterbody th {overflow: hidden;} */


.bulk-table {
    overflow-x:scroll;
    overflow-y:visible;
    /*max-width:90%;*/
    margin-left: 40px;
    table-layout: fixed;
    font-size: 12px;
}


table#table-wrapper {
    width: 100%;
    border: none;
    border-spacing: 0;
    margin-bottom: 1rem;
}

.bulk-table td, .bulk-table th {
    padding: 5px 5px;
    /* width: 100px; */
}


.bulk-table th {
    white-space:nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.sitenames {
    max-width:10em;
    vertical-align:top;
    text-align: left;
    white-space:nowrap;
    overflow:hidden;

}
/*
    .sitenames:hover {
        max-width:15em;
        max-height: 3ex;
        white-space:normal;
    }
*/


table#table-wrapper.tb_paginate.bulk-table {overflow-x: scroll !important; overflow-y: visible; max-width: 90%; margin-left: 0px !important; table-layout: fixed;}
table#table-wrapper.tb_paginate.bulk-table {width: auto; border: 1px solid #d0d8dc; border-spacing:0; margin-bottom: 0px;}
table#table-wrapper.tb_paginate.bulk-table tr {border: 1px solid #d0d8dc !important;}
table#table-wrapper.tb_paginate.bulk-table td, th {padding:3px 10px !important; border: 1px solid #d0d8dc !important;}

/*
table#table-wrapper.tb_paginate.bulk-table tbody tr:nth-child(even) {background-color: #eceff0; }
td#table-wrapper.tb_paginate.bulk-table {padding: 3px 5px !important;}
*/

table#table-wrapper.tb_paginate.bulk-table thead tr, table#table-wrapper.tb_paginate.bulk-table tfoot tr {background: #ffffff; }
table#table-wrapper.tb_paginate.bulk-table thead th, table#table-wrapper.tb_paginate.bulk-table thead td, table#table-wrapper.tb_paginate.bulk-table tfoot th, table#table-wrapper.tb_paginate.bulk-table tfoot td {padding: 3px 10px !important; }
table#table-wrapper.tb_paginate.bulk-table thead, table tbody, table#table-wrapper.tb_paginate.bulk-table tfoot {background-color: #ffffff; }
table#table-wrapper.tb_paginate.bulk-table caption {padding: 3px 10px !important; }

table#table-wrapper.tb_paginate.bulk-table input[type="checkbox"] {margin: 10px; width: 20px; height: 20px;}




/* ------ Admanager Bulk publish screen ------ */

.admanager-select-vendor-id {display: inline-block;}
.admanager-select-vendor-id label.dealer_select {display: none;}

.admanager-select-vendor-id {}
.admanager-select-vendor-id form {margin-bottom: 0px;}

.admanager-bulkpublish-detail {display: inline-flex; align-items: center;}
.admanager-bulkpublish-legend {display: inline-block; /*transform: scale(0.8);*/ margin: 10px 0px 10px 20px;}
.admanager-bulkpublish-legend div {display: inline-block; padding: 5px 20px; width: 160px;}
.admanager-bulkpublish-search {display: inline-block;}
.admanager-bulkpublish-search input {margin: 0px !important;}

#bulk-publish-table {
    overflow: auto;
}

#admgr_target_sites {
    overflow-x: auto;
}

#searchInput {
    height: 40px;
    min-height: 40px;
}

/*
.sitenames {
	max-width: 10em;
    width: auto !important;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    /*overflow: auto !important;*/ /*
	overflow: hidden;
}
*/


input[name=publish] {left: 0em !important; position: relative; margin-top: 30px;}

form #admanagersetup div.buttons.container.button_box {margin-top: 50px;}









/* ------ Listing page - public ------ */

/*
   JC 2018-12-17
   Not required here.
   Already specified in public_listing.css
*/
/*#publicListing{*/
/*position:relative;*/
/*width: auto !important; */
/*min-width: 300px !important; */
/*max-width: 1080px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*}*/

/*#leftListingCol{*/
/*width:50%;*/
/*float:left;*/
/*!* min-width:400px; *! */
/*}*/
/*#rightListingCol{*/
/*float:right;*/
/*!*left:50%;*!*/
/*!*position:relative;*!*/
/*width:50%;*/
/*}*/
#belowCol{
    clear: both;
    float:left;
    width:100%;
}

#attribCol{
    color:#000000;
    width:100%;
}


#title {
    background: #ffffff !important; /*#374a51*/
    color: #374a51 !important; /* #ffffff */
    /*padding: 1.5ex;*/
    /*width: 98%;*/
    margin:auto;
}

#title img {
    width:auto;
    height:auto;
    margin:auto;
    display:block;
}

#title h3 {
    color: #374a51 !important; /*#ffffff*/
    font-size: 3.5ex;
}

.action_link{
    padding-left: 20px;
    vertical-align:bottom;
}

#subtitle {
    background: #fafafa !important;
    background-image: none !important;
    padding:2ex;
    padding-top:2ex !important;
    font-size: 2ex;
}

#subtitle h3 {
    color: #002c46 !important;
}

#detailsHeader{
    padding: 1ex;
    background: #374a51 !important;
    color:white;
    font-size: 1.5em;
    font-weight: bold;
}

#detailsList{
    /*list-style-type: none;
    margin: 0;
    padding: 0;
    background:darkgray;*/
    border:none;
    border-collapse:collapse;
    width:100%;
}
/*
#detailsList tr{
    margin: 0;
    padding: 0;
    width:100%;
}*/

.leftListingDetails, .rightListingDetails{
    padding: 0.4ex;
    padding-left: 0.5%;
    padding-right: 0.5%;
    font-weight: bold;
    font-size: 120%;
    border-bottom: white 1px solid;
}

.leftListingDetails{
    padding-right:0 !important;
    padding-left: 10px !important;
    width:30%;
    /*float:left;*/
    background: #d0d8dc !important;
    color: #002c46 !important;
}

.rightListingDetails{
    padding-left:1% !important;
    width:68%;
    /*float:right;*/
    background: #ffffff !important;
    color: #002c46 !important;
}



.leftListingDetails[style] {background: #ffffff; color: #002c46;}

.rightListingDetails[style] {background: #ffffff; color: #002c46;}

/* .ad-gallery .ad-thumbs li a img {border: 3px solid #ffffff !important;} */



/* --- redh4 now green --- */  .redh4{color: #0d8a7c !important; /* #d22a28 !important; */font-weight: 800;}

.description{
    color:#000000;
    margin:1ex;
    margin-left:0;
}

#comments h5 {
    font-size: 120%;
    color: #002c46 !important;
    display: inline;
}

#comments h6 {
    font-size: 100%;
    color: #002c46 !important;
    display: inline;
}

#comments p {
    /*color:#3c3c3c;*/
    margin-left: 1em;
}

#quote_price_block{
    border:1px solid lightgray;
}

#quote_price_block table{
    width:100%;
}

/*
.button {
  padding:1ex 20ex;
  margin:1ex;
  font-size:2em;
  font-weight:bold;

}

footer {
   // width: 100%;
    padding:1ex;
    margin-top:1ex;
    background-color: darkgrey;
    font-weight: bold;
}

footer h4 {
    color:Maroon;
    margin-bottom: 0.4ex;
    margin-top: 1ex;
    font-size: 150%;
}

footer span {
    color:black;
    margin-top: 1ex;
    font-size: 120%;
    display: inline-block;
}

#footer_img {
    width:auto;
    height:auto;
    margin:auto;
    display:block;
}


 #title{
            background:dimgray;
            color:white;
        }

        #title h3{
            color:white;
        }

        #subtitle{
            background:#CC1F23;
            background-image: linear-gradient(to bottom, white 30%, lightgray 70%);
        }

        #subtitle h3{
            color:black;
        }

        .description{
            color:#666666;
        }

        #detailsHeader{
            background:dimgray;
            color:white;
        }

        .leftListingDetails{
            background:gray;
            color:white;
        }
        .rightListingDetails{
            background:darkgray;
            color:black;
        }
        footer {
            background-color: darkgrey;
        }

        footer h4 {
            color:maroon;
        }

        footer span {
            color:black;
        }

*/

.two_column{
    overflow: hidden; padding: 16px; /* padding-top: 40px; */ background: #ffffff; /*#d0d8dc;	*/
}

.two_column .col1,
.two_column .col2,
.two_column .icons_col {
    padding-right: 20px !important;
}

.two_column .col1 {
    width:40%;
    /* float: none !important; */
    display: inline-block;
    padding-top: 6px;
    padding-left: 6px;
}

.two_column .col2 {
    width: auto !important;
    float: none !important;
    display: inline-block;
}

.two_column .icons_col {
    width: 10% !important;
    float: right;
}

.two_column label {
    display:block;
}
.two_column .col2 .apply_but_class{
    display: inline-block;
    float:right;
}

.two_column .col2 .select_but_class{
    vertical-align: middle;
}


#select_my_view input[type=submit] {position: relative; top: -16px !important; left: 90px; display: inline-block;}

#select_my_view.col2 {padding-top: 20px;}
#select_my_view.col2 form {margin-bottom: 0px;}





/* ------ MSD list ------ */


.MSDList {
    background-color:#F2F2F2;
    border: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    cursor: pointer;
    font-family: Arial, sans-serif;
    padding: 0px;
    text-shadow: white 0px 1px 0px;
    white-space: nowrap;
    display: inline-block;
}


.MSDList[style] {
    /*width: 100% !important;*/
    height: 50px !important;
    max-width: 240px !important;
}


.MSDList:hover {
    border: 1px solid #aaa;
    background-color:#F2F2F2;
}

.MSDList,.MSDList_ListTable {
    font-family: tahoma;
    font-size: 12px;
}

.MSDList_InputSection {
    float: left;
    /*background: url(text-bg.gif) repeat-x;*/
}

.MSDList_ButtonSection {
    float: left;
    width: 30px;
    /*background: url(text-bg.gif) repeat-x;*/
}

.MSDList_Label {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    cursor: pointer;
}


.MSDList_Label[style] {
    width: 158px;
    height: 24px;
    line-height: 24px
}


.MSDList_DropDownButton {
    border: none;
    cursor: pointer;
    background: url(down.gif) no-repeat;
    background-position: center;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

.MSDList_DropDownButton:hover {
    background-color:  #0d8a7c !important;
}

.MSDList_DropDownButton {position: relative; left: 35px; top: -16px; background-color:  #d0d8dc !important;}


.MSDList_List {
    position: absolute;
    border: 1px solid #bbb;
    border-top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
    background: white;
    webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.MSDList_ListTable {
    width: 100%;
}

.MSDList_ListTableHeader {

}

.MSDList_ListTableBody {

}

.MSDList_ListTableHeaderRow {
    background: #eee;
}

.MSDList_ListTableHeaderRowCheckBoxCell {

}

.MSDList_ListTableHeaderRowLabelCell {

}

.MSDList_ListCheckBoxCell {
    width: 16px;
    padding: 2px;
}

.MSDList_ListTableHeaderFilterRow {

}

.MSDList_ListTableHeaderFilterCell {
    height: 25px;
}

.MSDList_ListFilterBox,.MSDList_ListFilterBox_Empty {
    border: none;
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
}

.MSDList_ListFilterBox {
    color: #333;
}

.MSDList_ListFilterBox_Empty {
    color: #aaa;
}

.MSDList_ListLabelCell {
    padding-left: 5px;
    cursor: pointer;
}

.MSDList_ListCheckBox {
    width: 15px;
    height: 15px;
    margin: 3px;
}

.MSDList_ListItemRow {

}

.MSDList_ListItemRow:hover {
    background: #bbb;
}

.MSDList_ListTableBody tr td {

}



/* ------ apprasial comments ------ */

#comments {display: block; max-width: 900px !important; margin: 40px auto !important;}
#comments p.comment_price {display: inline-block;}
#comments form.appraisal-form {max-width: 500px;}
#comments form.hide_in_print {max-width: 500px;}

.appraisal-form label[for="appraisal-file"]::before {margin-top: 40px;}



textarea#app_val {display: inline-block !important; width: 100% !important;}

/* ------ manager comments ------ */

textarea#man_val {display: inline-block !important;}
input#man_sub {display: inline-block;}

/* ------ listing footer ------ */

footer[style] {background-color: #d0d8dc !important; padding-left: 18px;}
footer h4[style] {color: #002c46 !important; font-weight: 800;}









/* ------ View Auctions ------ */

.Search_Results_white {background-color: #ffffff; display: inline-block;}

.Search_Results_white input[type="text"] {max-width: 200px !important;}
.Search_Results_white input[type="text"].twodateinput.hasDatepicker {max-width: 200px;}

.Search_Results_white input[type="submit"] {margin-top: 40px;}

form[name="view_auction"] table {display: inline-block; max-width: 20%; float: left;}
#paginate span.hide_in_print table {display: inline-block; max-width: 80%;}









/* ------ Search ------ */


.search-valuation {
    /*max-width: 1200px;*/
    margin: auto;
}
.search-valuation .searchclass {max-width:300px; margin-left: 0 !important;}
.search-valuation form {/*max-width:300px;*/ margin-bottom: 0px; margin: 0;}

/* .search-available-listings {margin-top: 50px;} */
.search-available-listings .searchclass {max-width:300px; margin-left: 0 !important;}
.search-available-listings form {max-width:300px; margin-bottom: 0px; margin: 0;}





/* ------ Dealer Search ------ Multi selector ------ */

form[name="vendorSearch"] select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 18px;
    padding-right: 18px;
    min-width: 280px;
    background-color: #ffffff;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right top;
}

form[name="vendorSearch"] select option {
    padding-top: 18px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #eceff0;
}


/* ------- Dealer Types ------- */
.dealer-types {overflow: auto;}
.dealer-types-table {table-layout: fixed; width: auto; overflow-x: scroll; overflow-y: hidden;}
.dealer-types-table tbody tr td input[type="text"] {width: 15em;}
.dealer-types-table tbody tr td select {width: 15em;}


/* ------ Report Screen -------*/
#download-links a {
    display: block;
}


/*--------------------------- #searchForm Search Bars and List Size ---------------------------*/

#searchForm p {text-align: left; margin: 16px;}
#searchAuto {width: 100%; box-sizing: border-box; margin: 12px 0px; font-size: 16px !important;}


#searchForm #searchAuto {}


/*--- #searchForm Search Bars and List Size ---*/
#searchForm input[type="button"] {display:block; width: 100%;}





/* ------ select Vendor / Industry field ------*/

.set-vendor-br {display: none;}


form[name="setVendor"] {display: inline-block; width: 100%; max-width: 340px; /*padding: 16px;*/}
form[name="setVendor"] label {display: none;}
.set-vendor-industry-block form[name="setVendor"] {width: 100%; max-width: none;}


form[name="set_industry"] {display: inline-block; width: 100%; max-width: 340px; padding-top: 16px;}
form[name="set_industry"] span {margin-right: 16px;}
form[name="set_industry"] select {display: inline-block; width: 100%; max-width: 100%;}
span.industry-selector {display: none; height: 0px;}


select#vendor_select_box[style] {font-size: 100% !important; color: #002c46 !important;}
select[name=type_id][style] {/*font-size: 100% !important;*/ color: #002c46 !important;}


/* ------ select listing type ------*/

#type_select select[name="type_id"] [style] {font-size: 16px !important;}






/* ------ add listing ------ */

.input-wrapper {
    position: relative;
    max-width: 360px;
}
.input-wrapper span {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.set-vendor-industry-section {margin-top: 30px; margin-left: 16px;}

.set-vendor-industry-section .set-vendor-block {display: inline-block; margin-right: 34px;}
.set-vendor-block form {margin-bottom: 0;}

.set-vendor-industry-block {display: inline-block; margin-left: 0px; min-width: 340px;}
.set-vendor-industry-block form {margin-bottom: 0;}

#add-listing-manual {margin: auto; padding: 16px;}

.add-listing-manual-quick { display: block; }
.add-listing-manual-quick .input-wrapper input { max-width: 100%; }
/*.add-listing-manual-quick #searchForm p {display: inline-block;}*/

form[name="addListing"] {display: inline-block; width: 50%; /*margin-left: 32px;*/ vertical-align: top;}

#add-listing-manual select[name="subtype_select"] {font-size: 16pt;}
select[name="type_id"] {margin-top: 12px; margin-bottom: 12px;}



@media screen and (max-width:765px) {

    .set-vendor-industry-section {max-width: 340px; margin-right: 16px;}
    .set-vendor-industry-section .set-vendor-block {display: inline-block; margin-right: 0px;}

    .set-vendor-industry-block {display: inline-block; min-width: 100%; margin-left: 0px;}

    form[name="set_industry"] {width: 100%; max-width: 340px; margin-left: 0px;}
    form[name="set_industry"] select {}


    form[name="addListing"] {display: block; width: auto; max-width: 340px; margin-left: 0px; }
    form[name="addListing"] select {}

    /*select#vendor_select_box[style] {margin-bottom: 0;}*/
    #add-listing-manual {padding: 16px;}
    .add-listing-manual-quick {display: block; width: 100%; max-width: 340px;}

}












/* ------ STOCKLIST ------ */


/* Paginated tables */

.paginate_1 {
    background: none;
}

.paginate_0 a, .paginate_1 a {
    text-decoration: none;
    color: #0d8a7c;
    /*font-weight: 800; */
    /* font-size: 80%; */
}

.paginate_0 img, .paginate_1 img {
    border: none;
}


td.hide_in_print {vertical-align: top;}
.hide_in_print {vertical-align: top;}




/* Actions */

.action {
    border: none;
    color: #1f265b;
    margin: 1px;
    padding: 4px;
    text-decoration: none;
}

.action:hover {
    background: #0d8a7c;
    border: none;
    color: white;
    text-decoration: none;
}

.action.selected {
    background: #0d8a7c;
    color: white;
}

.clear {
    font-size: 16px;
    font-weight: 800;
    float: none;
}





/* Error, warning and success messages */

div.error, div.success {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0 auto 16px auto;
    padding: 0;
    text-align: left;
    width: 320px;
}

div.error h2, div.success h2 {
    font-size: 1.25em;
    margin: 0;
    padding: 8px;
}

div.error ul, div.success ul {
    margin: 0px;
}

div.error {
    background: #ffffff;
    border: 1px solid #d22a28;
    color: #d22a28;
}

div.success {
    background: #ffffff;
    border: 1px solid #4caf50;
    color: #4caf50;
}




/* --- Search / facet section ---*/


/*#stocklist-filter-column {display: inline-block; max-width: 300px; height: 80%; position: fixed; !*top: 150px;*! float: left; margin: auto; vertical-align: top; padding: 20px; background: #ffffff; overflow: hidden; overflow-y: auto; z-index: 61;}*/

#stocklist-filter-column {display: inline-block; max-width: 370px; position: fixed; height: calc(100% - 90px); /*overflow-x: hidden; overflow-y: scroll;*/ overflow: hidden; margin: auto; vertical-align: top; z-index: 90;}

#stocklist-filter-column.appraisal {height: calc(100% - 50px);}

.stocklist-search-section {}
.stocklist-search-section-quicksearch {display: block;}
.stocklist-search-section-quicksearch h3.facet-group-title {margin: 0px;}

.search-box form[name="set_industry"] {padding: 0px;}

.stocklist-search-section-quicksearch #searchForm input[type="button"] {margin: 0px !important; width: 100% !important;}




/* -------- Search ------------*/


#results_table {position: relative;}


#results_table .open-search {display:none; cursor:pointer; width: 50px; height: 60px; position: fixed; z-index: 30; background-color: #002c46; background-image:url(images/icon-search_white.png); background-image:url(images/icon-search_white.svg), none; background-position: center 8px; background-repeat: no-repeat; background-size: 30px; transition: .3s;}

#results_table .open-search span {position: relative; display: block; top: 30px; color: #ffffff;  padding-left: 10px; text-align: left;}


#results_table .open-search:hover {background-color: #b7b7b7;}
#results_table .open-search:hover:after {border-left-color: #b7b7b7;}

#results_table .close-search {display:none; cursor:pointer; width: 60px; height: 60px; position: absolute; right: 0px; background-color: #002c46; background-image:url(images/icon-close_white.png); background-image:url(images/icon-close_white.svg), none; background-position:center; background-repeat:no-repeat; transition: .3s; z-index: 100;}

#results_table .close-search:hover {background-color:#b7b7b7;}
#results_table .close-search:hover:after {border-right-color:#b7b7b7;}


/*.search-open {position: fixed;left: 100%;right: 0; top: 100px; bottom: 0;}*/


.overlay-search {visibility: hidden; position: fixed; top: 0; z-index: 60; background: #374a51; width: 100%; height: 100%; opacity: 0.8; transition: .3s ease-out;}
.show {visibility: visible; opacity: 0.5;}
.no-show {visibility: hidden; opacity: 0;}


#results_table #search {}
#results_table #search .search-box { height: calc(100% - 155px); width: 330px; position: fixed; overflow-x: hidden; overflow-y: scroll; padding: 0px 20px; background: #fff; }





/* Facets ALL */


/* ------ Facets - Filters ------ */


.facet-group {
    border: none !important;
    border-bottom: none;
    margin: 0;
    /*margin-right: 4px;*/
    padding: 0;
}


.facet-group {min-width: 280px;}
.facet-group h4 {text-transform: none !important;}


#facets {vertical-align: top; /*width: 310px;*/ /*max-width: 300px;*/}

.facet-item a, .facet-item .facet-count {vertical-align: super; text-decoration: none; color:#002c46; font-weight: 400;}

.facet-list {max-height: none;}


#results_table.standalone {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    /* width: 480px; */
}


.facet-group a, .facet-group .action:hover {
    text-decoration: none;
}

.facet-group a:hover {
    text-decoration: underline;
}

.facet-group.last-child {
    border-bottom: 1px solid #ccc;
}

.facet-group-title {
    font-size: 18px;
    color: #0d8a7c;
    font-weight: 800;
}


.facet-list {
    list-style: none;
    margin: 0;
    max-height: none;
    /* emulate max-height for IE6/7 */
    /* height: expression(this.scrollHeight > 200 ? '200px' : 'auto'); */
    overflow: auto;
    padding: 4px 0 4px 4px;
    color: #002c46;
}

.facet-filter {
    margin: 4px 5px 4px 8px;
    padding: 0;
    width: 180px;
}

.no-matches {
    font-style: italic;
    padding-top: 2px;
    text-align: center;
}

.facet-expand {
    padding: 0 4px;
    text-align: right;
}

.has-comment:after {
    content: '*';
}

.keywords-input {
    width: 100%;
}

input.keywords-input {
    width: 100%;
    padding-left: 0px;
}

.range-input-from, .range-input-to {
    width: 150px;
}

.apply_filters {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    background-color: #fff;
}

.apply_filters#stocklist_filter {
    top: 0 !important;
}

.apply_filters input {
    width: 100% !important;
    margin: 1em 0;
}

#valuation_container {
    position: sticky;
    position: -webkit-sticky;
    top: -5px;
    z-index: 1;
    background: #fff;
    text-align: center;
    padding-top: 2em;
}

#show_valuations {
    width: 100%;
    margin: 1em 0;
}




/* ------ View Edit Listing - also in side column facet section------ */


.facet-title {
    background: #eceff0;
    /* border-bottom: 1px solid #ccc; */
    cursor: pointer;
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    padding: 0px;
    height: 50px;
    margin-bottom: 0px;
    line-height: 3;
    padding-left: 10px;
    padding-right: 50px;
}

.facet-title:hover {
    /* background-color: #ddd; */
    color: #0d8a7c;
}

.facet-title.selected {
    color: #d22a28;
}

.facet-title .clear {
    float: right;
    margin-right: 1em;
}

.facet-title .clear a {
    color: #d22a28;
}

.collapse-icon {
    background-image: url(images/collapse.svg);
    background-position: 100%;
    background-repeat: no-repeat;
}

.expand-icon {
    background-image: url(images/expand.svg);
    background-position: 100%;
    background-repeat: no-repeat;
}




/* --- STOCKLIST listing results ---*/


#stocklist-listings-column {width: auto;}


#results {font-size: inherit; vertical-align: top; width: 100%;}

#results .facet-group-title {display:  none; /* display: inline-block; */}

#results_table {display: block; width: 100%;}


.show-results .download-icons {position: absolute; top: -20px;}

.show-results .download-icons.stocklist {right: 150px;}


/* --- View Type - grid/list --- */

.view-type {display: inline-block; vertical-align: top; height: 50px; float: right;}
.view-type p {margin: 0px; font-size: 14px; font-weight: 600;}
.view-type span {display:inline-block; vertical-align:middle; margin:2px 8px; width:35px; height:35px; background-image:url(images/icon-gridlist.png); background-image:url(images/icon-gridlist.svg), none;}
.view-type span.list-view {background-position:top left; cursor: pointer;}
.view-type span.list-view.active-view {background-position:top right;}
.view-type span.grid-view {background-position:bottom left; cursor: pointer;}
.view-type span.grid-view.active-view {background-position:bottom right;}

/* --- END View Type - grid/list --- */




.listings-sort-section {display: inline-block; height: 50px; /* margin-bottom: 16px; margin-top: 16px; */ }

.sort-bar-showing {display: inline-block; float: left; margin-right: 16px;}
.sort-bar-sort {display: inline-block; float: right;}
.sort-bar-sort label {display: none; padding: 0px; padding-right: 16px;}
.sort-bar-sort select[name="sort-bar-sort-types"] {margin: 0px !important; width: auto;}




/* --- sort menu --- */


.sort-menu {
    display: inline-block;
    background: #D0D8DC;
    height: 35px;
    width: 35px;
    color: #ffffff;
    font-size: 1em;
    cursor: pointer;
    background-image: url("images/icon_sort.svg");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 60;
}


.sort-menu ul {
    display: none;
    /* visibility: hidden; */
    background-color: #d0d8dc;
    width: 130px;
    padding: 0px;
    margin: 0;
    position: relative;
    top: 35px;
    left: -95px;
    color: #002c46;
    white-space: nowrap;
    cursor: default;
    z-index: 60;
    box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10);
}


.sort-menu li {
    list-style: none;
    height: 40px;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    color: #002c46;
    font-weight: 600;
}

.sort-menu li:before {
    position: absolute;
    top: 0;
    left: 0;
}


.sort-menu li:hover {
    background-color: #0d8a7c;
    /* background-color: #eceff0; */
    color: #ffffff;
    /* color: #0d8a7c; */
}

.sort-menu li a {
    display: block;
    height: 40px;
    padding-left: 16px;
}

.sort-menu li a:hover {
    color: #ffffff;
    /* color: #0d8a7c; */
}

.sort-menu-list .show li a.action:hover {
    background: none;
    color: #ffffff;
    /* color: #0d8a7c; */
}

.sort-menu-list .show li a.action {display: inline-block; width: 100%;}

.sort-menu ul.show {display: table; /* visibility: visible; */ opacity: 1; transition: .3s;}
.sort-menu ul.hidden {display: none; /* visibility: hidden; */ opacity: 0; transition: .3s;}





.status-bar {display: inline-block; width: 100%; min-height: 50px; background-color: #ffffff;}
.status-bar-status {display: inline-block; float: left; margin-top: 10px; /*padding-left: 10px;*/}
.status-bar-status img {/*vertical-align: middle;*/ padding-bottom: 4px; padding-right: 7px;}


.stocklist-status-bar-paging {display: inline-block; float: right; margin-top: 10px; /*padding-left: 10px; padding-right: 10px;*/}
.listing a {color: #002c46; font-size: inherit; text-decoration: none;}

.listings-items-container {display: block; box-sizing: border-box; padding-top: 10px;}



/* ----- List mode style ---- */


.list-mode .stocklist-listing-item {margin-bottom: 20px; /*max-width: 1200px;*/ background-color: #eceff0; /* box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10); */}


.list-mode .listing-item-heading-section {display: inline-block; max-height: 40px; width: calc(100% - 130px); /* width: 90%; */ background-color: #d0d8dc; color: #0d8a7c; font-weight: 800; vertical-align: top;
    text-align: center;}

.list-mode .listing-item-heading-section-title {display: inline-block; float: left; margin-left: 10px; line-height: 40px;}


.list-mode span.detail-label {font-weight: 600; color: #002c46; /*margin-right: 10px;*/}
/*.list-mode .price {display: inline-block; position: absolute; left: 300px;}*/
.list-mode .listing-item-price-col {display: inline-block; /*padding-left: 10px; padding-right: 10px;*/ border-left: 1px solid #002c46; height: 40px; line-height: 40px;}


.list-mode .listing-item-heading-section-publish {display: inline-block; float: right; height: 40px; /* margin-left: 10px; */ background-color: #dfe2e5;}
.list-mode .listing-item-publish-status-button {padding-left: 10px; padding-right: 0px; background: #dfe2e5; vertical-align: middle;}
.list-mode .listing-item-publish-status-button a {display: inline-block; padding: 0px; height: 40px; vertical-align: middle; padding-left: 10px; padding-right: 10px; line-height: 35px;}
.list-mode .listing-item-publish-status-button a.action {margin: 0;}



.list-mode .listing-detail-container {display: flex; box-sizing: border-box; width: calc(100% - 130px); max-height: 160px;}


.list-mode .listing-item-photo-column {display: inline-block; width: 160px; height: 160px; /* height: auto; */ max-height: 160px; vertical-align: top; background-color: #b0bec3; overflow: hidden; position: relative;}

.list-mode .listing-item-photo-column .photo img {/* height: 100%; width: 240px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); */}

.stocklist-listing-item.expand.expand-open .listing-item-photo-column .photo img {height: 100%; width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); object-position: center; object-fit: contain;}


.list-mode .listing-item-details-column {display: inline-block; padding: 10px; box-sizing: border-box; width: 84%;}
.list-mode .listing-item-details-column-row {display: block; width: 100%; vertical-align: top; box-sizing: border-box;}
.list-mode .listing-item-details-column-col {display: inline-block; vertical-align: top; box-sizing: border-box;}
.list-mode .listing-item-details-column-col span {width: 80px; /*margin-right: 10px;*/}
.list-mode .listing-item-details-column-col div {display: inline; text-align: left;}

.list-mode .listing-item-details-column .attributes {
    display: flex;
    justify-content: space-between;
}


.list-mode .attributes .listing-item-details-column-col {width: auto; padding-right: 20px; box-sizing: border-box; line-height: 1.5;}
.list-mode .attributes .listing-item-details-column-col:nth-of-type(3) {border-right: none !important;}
.list-mode .attributes .listing-item-details-column-row {/*border-top: 1px solid #b0bec3;*/ /* border-bottom: 1px solid #b0bec3; */ /*padding: 5px;*/ vertical-align: middle; margin-top: 10px;}

.list-mode div.attribute.date {max-width: 160px; max-height: 25px; overflow: hidden; display: inline;}


/* -- description / dealer row/cols --*/

.list-mode .attributes .listing-item-details-column-row .listing-item-details-column-col {overflow: hidden; max-width: 360px; display: inline-block; max-height: 25px; width: 45%;}
.list-mode .attributes .listing-item-details-column-row .listing-item-details-column-col:nth-of-type(2) {border-right: none !important;}


.list-mode .listing-item-edit-column {display: inline-block; width: 10%; width: 130px; float: right; vertical-align: top;}
.list-mode .listing-item-edit-column div {display: block; height: 40px; width: 130px; cursor: pointer; padding: 5px; box-sizing: border-box;}
.list-mode .listing-item-edit-column div span {padding-left: 5px; font-weight: 600;}


/* --- over-rides --- */

.list-mode .listing-item-edit-column a {color: #002c46; font-size: inherit; text-decoration: none; padding: 0px !important;}
.list-mode .listing-item-edit-column .action {border: none; color: #002c46 !important; margin: 0px !important; padding: 0px!important; text-decoration: none;}

/* --- END over-rides --- */


.list-mode .listing-item-edit-column-sell {background-image: url(images/icon_sell.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.list-mode .listing-item-edit-column-sell:hover {background-color: #0d8a7c; color: #ffffff;}

.list-mode .listing-item-edit-column-edit {background-image: url(images/icon_edit.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.list-mode .listing-item-edit-column-edit:hover {background-color: #0d8a7c; color: #ffffff;}

.list-mode .listing-item-edit-column-delete {background-image: url(images/icon_delete.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.list-mode .listing-item-edit-column-delete:hover {background-color: #0d8a7c; color: #ffffff;}

.list-mode .listing-item-edit-column-transfer {background-image: url(images/icon_transfer.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.list-mode .listing-item-edit-column-transfer:hover {background-color: #0d8a7c; color: #ffffff;}

.list-mode .listing-item-edit-column-clone {background-image: url(images/icon_clone.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.list-mode .listing-item-edit-column-clone:hover {background-color: #0d8a7c; color: #ffffff;}





/* ----- Grid mode style ---- */


.grid-mode .stocklist-listing-item {display: inline-block; vertical-align: top; /* margin: 20px; */ margin: 10px; /* max-width: 340px; */ max-width: 260px;  background-color: #d0d8dc; /* box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10); */}


.grid-mode .listing-item-heading-section {display: block; width: 100%; height: auto; background-color: #d0d8dc; color: #0d8a7c; font-weight: 800; vertical-align: top;}
.grid-mode .listing-item-heading-section-title {display: inline-block;  width: 100%; height: 40px; max-height: 40px; overflow: hidden; /* margin-top: 5px; padding-left: 10px;*/}
.grid-mode .listing-item-heading-section-title a {margin-top: 5px; display: inline-block; padding-left: 10px;}


.grid-mode span.detail-label {font-weight: 600; color: #002c46;}
.grid-mode .price {display: block; width: 100%; height: auto; min-height: 40px;}
.grid-mode .listing-item-price-col {display: inline-block; height: 40px; padding-left: 10px; padding-right: 10px; border-left: none;}


.grid-mode .listing-item-heading-section-publish {display: inline-block; float: left; background-color: #dfe2e5;}
.grid-mode .listing-item-publish-status-button {padding-left: 10px; padding-right: 0px; height: 35px;}
.grid-mode .listing-item-publish-status-button a {display: inline-block;}

.grid-mode .listing-detail-container {display: inline-block; box-sizing: border-box; width: 100%; height: auto;}


.grid-mode .listing-item-photo-column {display: inline-block; position: relative; width: 260px; height: 160px; max-height: 160px; overflow: hidden; vertical-align: top; background-color: #b0bec3;}
.grid-mode .listing-item-photo-column .photo {border: none; float: left; margin: 0px; padding: 0px;}
.grid-mode .listing-item-photo-column .photo img {width: 260px; height: auto; /* position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); */}



.grid-mode .listing-item-details-column {display: inline-block; padding: 10px; box-sizing: border-box; width: 100%; background-color: #eceff0;}
.grid-mode .listing-item-details-column-row {display: block; width: 100%; vertical-align: top; box-sizing: border-box;}
.grid-mode .listing-item-details-column-col {display: inline-block; vertical-align: top; box-sizing: border-box;}
.grid-mode .listing-item-details-column-col span {display: inline-block; text-align: right; width: 80px; margin-right: 10px;}
.grid-mode .listing-item-details-column-col div {display: inline; text-align: left;}


.grid-mode .attributes .listing-item-details-column-col {width: 100%; border-right: none; padding-right: 20px; box-sizing: border-box;}
.grid-mode .attributes .listing-item-details-column-col:nth-of-type(3) {border-right: none !important;}
.grid-mode .attributes .listing-item-details-column-row {border-top: none; padding: 5px; vertical-align: middle;}

.grid-mode div.attribute.date {max-width: 120px; max-height: 25px; overflow: hidden; display: inline-block;}


/* -- description / dealer row/cols --*/

.grid-mode .attributes .listing-item-details-column-row .listing-item-details-column-col {overflow: hidden; max-width: 100%; display: inline-block; max-height: 25px; width: 100%;}
.grid-mode .attributes .listing-item-details-column-row .listing-item-details-column-col:nth-of-type(2) {border-right: none !important;}


.grid-mode .listing-item-edit-column {display: inline-block; width: 10%; width: 130px; float: right; vertical-align: top;}
.grid-mode .listing-item-edit-column div {display: block; height: 40px; width: 130px; cursor: pointer; padding: 5px; box-sizing: border-box;}
.grid-mode .listing-item-edit-column div span {padding-left: 5px; font-weight: 600;}


/* --- over-rides --- */

.grid-mode .listing-item-edit-column a {color: #002c46; font-size: inherit; text-decoration: none; padding: 0px !important;}
.grid-mode .listing-item-edit-column .action {border: none; color: #002c46 !important; margin: 0px !important; padding: 0px!important; text-decoration: none;}

/* --- END over-rides --- */


.grid-mode .listing-item-edit-column-sell {background-image: url(images/icon_sell.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.grid-mode .listing-item-edit-column-sell:hover {background-color: #0d8a7c; color: #ffffff;}

.grid-mode .listing-item-edit-column-edit {background-image: url(images/icon_edit.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.grid-mode .listing-item-edit-column-edit:hover {background-color: #0d8a7c; color: #ffffff;}

.grid-mode .listing-item-edit-column-delete {background-image: url(images/icon_delete.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.grid-mode .listing-item-edit-column-delete:hover {background-color: #0d8a7c; color: #ffffff;}

.grid-mode .listing-item-edit-column-transfer {background-image: url(images/icon_transfer.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.grid-mode .listing-item-edit-column-transfer:hover {background-color: #0d8a7c; color: #ffffff;}

.grid-mode .listing-item-edit-column-clone {background-image: url(images/icon_clone.svg); background-position: 100%; background-repeat: no-repeat; background-color: #d0d8dc; transition:background-color 0.3s; color: #002c46;}
.grid-mode .listing-item-edit-column-clone:hover {background-color: #0d8a7c; color: #ffffff;}





/* ----- listing-item-edit-column-menu - dropdown list ----- */


/* --- hide mobile item-edit-column MENU --- */
.list-mode .listing-item-edit-column-menu {display: none;}
.grid-mode .listing-item-edit-column {display: none;}


/* ----- (listing-item-edit-column-menu) MENU dropdown list ----- */



.grid-mode .listing-item-edit-column-menu li {max-height: 40px; padding-top: 0em; padding-bottom: 0em; padding-left: 3.5em; padding-right: 1em;}
.listing-mode .listing-item-edit-column-menu li {max-height: 40px; padding-top: 0em; padding-bottom: 0em; padding-left: 3.5em; padding-right: 1em;}



/*
.listing-item-edit-column-menu, .listing-item-edit-column-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/

.listing-item-edit-column-menu:before, .listing-item-edit-column-menu li:before {
    font-family: 'Material Icons' !important;
    font-feature-settings: 'liga';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
.listing-item-edit-column-menu *, :before, :after {
  box-sizing: border-box;
  transition: .3s;
}
*/


.listing-item-edit-column-menu {
    display: inline-block;
    float: right;
    position: relative;
    background: #0d8a7c;
    height: 35px;
    width: 35px;
    color: #ffffff;
    font-size: 1em;
    cursor: pointer;
    background-image: url(images/icon_settings01.svg);
    background-size: contain;
}

.listing-item-edit-column-menu:before {
    /* content: 'settings'; /* '\E5D2'; */
    font-size: inherit;
}

.listing-item-edit-column-menu ul {
    visibility: hidden;
    background-color: #d0d8dc;
    width: auto;
    padding: 0px;
    margin: 0;
    position: absolute;
    top: 100%;
    right: 0;
    color: #002c46;
    white-space: nowrap;
    cursor: default;
    z-index: 61;
}


.listing-item-edit-column-menu ul.show {visibility: visible; opacity: 1; transition: .3s;}

.listing-item-edit-column-menu ul.hidden {visibility: hidden; opacity: 0; transition: .3s;}


.listing-item-edit-column-menu li {
    list-style: none;
    height: 40px;
    padding: 0;
    padding-left: 3.5em;
    padding-right: 1em;
    margin: 0;
    position: relative;
    cursor: pointer;
    color: #002c46;
    font-weight: 600;
}

.listing-item-edit-column-menu li:before {
    position: absolute;
    top: 0;
    left: 0;
}


/*
.listing-item-edit-column-menu li:nth-child(1):before {
  /* content: '\E161'; */ /*
  content: url(images/icon_sell.svg);
}
*/


.listing-item-edit-column-menu li:nth-child(1) {
    background:  url(images/icon_sell.svg);
    background-size: 40px 40px;
    background-position: left;
    background-repeat: no-repeat;
}

/*
.listing-item-edit-column-menu li:nth-child(2):before {
  /* content: '\E879'; */ /*
  content: url(images/icon_edit.svg);
}
*/

.listing-item-edit-column-menu li:nth-child(2) {
    background:  url(images/icon_edit.svg);
    background-size: 40px 40px;
    background-position: left;
    background-repeat: no-repeat;
}

/*
.listing-item-edit-column-menu li:nth-child(3):before {
  /* content: '\E92B'; */ /*
  content: url(images/icon_delete.svg);
}
*/

.listing-item-edit-column-menu li:nth-child(3) {
    background:  url(images/icon_delete.svg);
    background-size: 40px 40px;
    background-position: left;
    background-repeat: no-repeat;
}

/*
.listing-item-edit-column-menu li:nth-child(4):before {
  /* content: '\E80D'; */ /*
  content: url(images/icon_transfer.svg);
}
*/

.listing-item-edit-column-menu li:nth-child(4) {
    background:  url(images/icon_transfer.svg);
    background-size: 40px 40px;
    background-position: left;
    background-repeat: no-repeat;
}


/*
.listing-item-edit-column-menu li:nth-child(5):before {
  /* content: '\E80D'; */ /*
  content: url(images/icon_clone.svg);
}
*/

.listing-item-edit-column-menu li:nth-child(5) {
    background:  url(images/icon_clone.svg);
    background-size: 40px 40px;
    background-position: left;
    background-repeat: no-repeat;
}

.listing-item-edit-column-menu li {
    background-color: #d0d8dc;
}

.listing-item-edit-column-menu li:hover {
    background-color: #0d8a7c;
    color: #ffffff;
}

.listing-item-edit-column-list.show li a.action:hover {
    background: none;
}


.listing-item-edit-column-list.show li a.action {display: inline-block; width: 100%;}








.stocklist-footer-paging {float: right; height: 50px;}


#subtype-attribute-table-wrapper {
    overflow: auto;
}
#subtype-attribute-table {
    overflow-x: scroll;
    overflow-y: visible;
}
#subtype-attribute-table input {
    width: unset;
}

.subtype-attribute-form {
 
}

.subtype-attribute-form label {
    padding: 0;
    vertical-align: middle;
}

.subtype-attribute-form input {
    margin: 0;
}

#select-sites {
    overflow: auto;
}

#select-sites-table {
    overflow-x: scroll;
    overflow-y: visible;
}

.password-form {
    margin-left: 16px;
}

.password-form input {
    margin: 0 0 0 16px;
}

.password-form label {
    padding: 0;
    vertical-align: middle;
}

.content {
    max-width: 1200px;
    margin: auto;
}

/* -------- Listings ------------ */


.listings.list-mode, .listings.grid-mode {
    position: relative;
    vertical-align: top;
    width: auto;
    margin-left: 390px;
}

.results-found {text-align:left; color:#37474F; float:left;}


@media screen and (max-width:1620px) {

    #stocklist-listings-column {vertical-align: top;}

    /*.list-mode .listing-item-heading-section {width: 90%; max-height: 35px}*/
    .list-mode .listing-item-heading-section-title {line-height: 35px;}

    .list-mode .listing-item-price-col {height: 35px; line-height: 35px;}

    .list-mode .listing-item-edit-column div {height: 35px; width: 130px;}
    .list-mode .listing-item-photo-column {width: 140px; height: 140px;}

    .list-mode .listing-item-heading-section-publish {height: 35px;}
    .list-mode .listing-item-publish-status-button {}
    .list-mode .listing-item-publish-status-button a {height: 35px;}

    /*.list-mode .listing-item-edit-column {width: 10%;}*/

    .list-mode .listings-items-container {display: block; box-sizing: border-box; margin-right: 16px;}

    .list-mode .listing-detail-container {/*width: auto !important;*/ max-height: 160px !important;}
    .stocklist-listing-item.expand .listing-detail-container {/*width: auto !important; max-height: auto !important;*/}

    .list-mode .listing-item-details-column {/*width: auto;*/ padding-top: 5px; padding-bottom: 0px;}

    .list-mode .attributes .listing-item-details-column-row {margin-top: 5px;}

    .list-mode .attributes .listing-item-details-column-col {width: auto;}

}



@media screen and (max-width:1440px) {
    #stocklist-filter-column {display: block; position: fixed; left: 0; width: 0; overflow: hidden;}

    #stocklist-filter-column.open {width: 100%;}

    .search-open #search-box {left: 0;}

    #stocklist-listings-column {width: auto; float: none;}

    #results .facet-group-title {display: none;}

    .listing-section .listings-sort-section {margin-left: 60px;}

    #results_table .open-search, #results_table .close-search {display: block;}
    #results_table #search {width:0; z-index:100; left: 0px; padding:0; top:100;}


    #results_table .close-search {width: 50px; height: 60px; z-index: 2; left: 0;}

    #results_table .search-open .close-search { position: fixed; }

    /*#breadcrumbs {margin-left: 60px;}*/

    #results_table #search.search-open .search-box {background-color: #ffffff; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.10); left:0;}

    #results_table #search.search-open .search-box .hide_in_print {margin-top: 80px;}

    #results_table #search .search-box {position: absolute; padding: 0 20px; height: 100%; width: 330px; top: 0; left: -390px; transition: left 0.5s ease-in-out; }

    .admanager-bulkpublish-detail {
        display: inline-block;
    }

    .admanager-bulkpublish-legend {
        margin: 10px 0px 10px 0px;
    }

    .listings.list-mode {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}



@media screen and (max-width:1240px) {

    /*.list-mode .listing-detail-container {width: auto;}*/
    .list-mode .attributes .listing-item-details-column-col {padding-right: 10px;}

}



@media screen and (max-width:1140px) {

    /* #stocklist-listings-column {margin-left: 16px; margin-right: 10px; float: none;} */
    #stocklist-listings-column {margin-left: 0; margin-right: 0; /*padding: 16px;*/ float: none;}

    .list-mode .listing-item-details-column {/*position: absolute;*/ padding: 5px; /*width: initial;*/}
    .list-mode .listing-item-details-column-col span {width: 75px;}
    
    .password-form input {
        display: block;
    }
}



@media screen and (max-width:1080px) {

    .list-mode .attributes .listing-item-details-column-row {max-width: 700px;}

}



@media screen and (max-width:1060px) {

    .list-mode .listings-items-container {margin-right: 0px;}

}



@media screen and (max-width:1040px) {

    .list-mode .listing-item-heading-section {width: 100%; max-height: 120px; text-align: left;}
    .list-mode .listing-item-edit-column {width: 100%; background: #d0d8dc;}
    .list-mode .listing-item-edit-column div {display: inline-block; float: right;}

    #note_stockref {
        display: block;
        margin: 0;
    }

}




@media screen and (max-width:960px) {

    .list-mode .listing-item-heading-section-title {display: inline-block; width: 100%; min-height: 35px;}
    .list-mode .listing-item-heading-section-publish {position: relative; top: -35px;}
    .list-mode .price {min-height: 35px;}

    .list-mode .listing-item-edit-column {display: none;}
    .list-mode .listing-item-edit-column-menu {display: inline-block; float: none; position: absolute; top: auto; left: auto; right: 0;}

    .list-mode .attributes .listing-item-details-column-row .listing-item-details-column-col {max-width: 300px;}

}




@media screen and (max-width:700px) {
    input[type="checkbox"], input[type="radio"] {
        display: block;
        float: left;
        margin: 0px !important;
        min-height: 0px !important;
    }
    label {
        padding: 0px;
    }


}




@media screen and (max-width:720px) {

    #show_results_page_title {display: none;}
    /*#results_table #search, #results_table .open-search {top: 65px;}*/
    #stocklist-listings-column {margin-top: 16px;}

    .listing-section .listings-sort-section {}

    .status-bar-status {display: block; width:100%; min-height: 40px;}
    .status-bar-status a {display: inline-block;}


    .stocklist-status-bar-paging .paging {display: inline-block;}


    .list-mode .listing-item-edit-column {display: none; width: 100%; float: none; vertical-align: top;}
    .list-mode .listing-item-edit-column div {width: auto;}
    .list-mode .listing-item-edit-column div span {padding-left: 5px; padding-right: 5px;}

    /*.modal-content { width: 80% !important; }*/

}



@media  (min-width: 612px)  and (max-width: 870px) {


    .list-mode .listing-detail-container {max-height: 240px !important;}
    .list-mode .listing-item-photo-column {width: 20%;}
    .list-mode .listing-item-details-column {width: 78%;}
    .list-mode .attributes .listing-item-details-column-col {width: 48%; border-right: none;}
    .list-mode .attributes .listing-item-details-column-row {width: 48%; display: inline-block; border-top: none;}
    .list-mode .attributes .listing-item-details-column-row .listing-item-details-column-col {width: 100%;}

}





@media screen and (max-width: 612px) {


    .listing-section .listings-sort-section {margin-left: 50px;}
    .listings-sort-section {height: auto;}


    .list-mode .listing-item-heading-section-publish {position: absolute; top: -70px; right: 35px; height: 35px; max-height: 40px;}

    .list-mode .listing-item-price-col {border-left: none; height: initial; line-height: initial;}

    .list-mode .listing-item-edit-column-menu {display: inline-block; float: none; position: absolute; top: 0; left: auto; right: 0;}

    .list-mode .listing-detail-container {width: 100%;}
    .list-mode .listing-item-photo-column {width: 100%; height: 165px; overflow: hidden;}

    .list-mode .listing-item-details-column {position: initial; width:100%;}
    .list-mode .price {display: inline-block; width: auto;}
    .list-mode .attributes .listing-item-details-column-col {width: 100%; border-right: none;}

    .list-mode .attributes .listing-item-details-column-row .listing-item-details-column-col {width: 100%;}
    .list-mode .attributes .listing-item-details-column-row {border-top: none; margin-top: 0px;}

    .view-type {display: none;}

    .grid-mode .stocklist-listing-item {display: inline-block; vertical-align: top; margin: 10px; max-width: 100%;}

    .grid-mode .listing-item-photo-column {width: 100%; height: 160px; max-height: 160px; overflow: hidden;}
    .grid-mode .listing-item-photo-column .photo img {width: 100%; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);}


    .stocklist-listing-item.expand {height: 170px;}
    .stocklist-listing-item.expand.expand-open {height: auto;}

    .stocklist-listing-item.expand .listing-item-heading-section {height: 170px; max-height: 170px;}
    .stocklist-listing-item.expand.expand-open .listing-item-heading-section {height: auto;}
    .stocklist-listing-item.expand.expand-open .listing-item-details-column {display: block;}

    .stocklist-listing-item.expand .listing-item-price-col {border-left: none; width: 100%;}
    .stocklist-listing-item.expand .price {position: absolute; top: 40px; left: 120px; visibility: visible;}
    .stocklist-listing-item.expand.expand-open .price {position: initial;}

    .stocklist-listing-item.expand .listing-item-heading-section-publish {top: 0px; /*right: 0px;*/}
    .stocklist-listing-item.expand.expand-open .listing-item-heading-section-publish {top: 0px; right: 35px;}

    /*.stocklist-listing-item.expand .listing-item-edit-column-menu {visibility: hidden;}*/
    .stocklist-listing-item.expand.expand-open .listing-item-edit-column-menu {visibility: visible; top: 0;}

    .stocklist-listing-item.expand.expand-open .listing-detail-container {display: block; width: auto !important; max-height: none !important;}

    .stocklist-listing-item.expand .listing-item-photo-column {position: absolute; top: 30px; width: 110px; height: 110px;}
    .stocklist-listing-item.expand.expand-open .listing-item-photo-column {position: relative; top: 0; width: 100%; height: 165px;}

    .stocklist-listing-item.expand .attributes {visibility: hidden;}
    .stocklist-listing-item.expand.expand-open .attributes {display: block; grid-template-columns: auto auto; visibility: visible;}

    .stocklist-listing-item.expand.expand-open #listing-details {
        position: initial;
        top: initial;
        left: initial;
        margin-left: initial;
    }

    .stocklist-listing-item.expand.expand-open .listing-item-details-column-row {
        grid-column: 1 / 3;
    }

    #comment_form_93 label {
        float: none;
        margin-right: 0px;
    }

    #listing-details {
        visibility: visible;
        position: absolute;
        top: 55px;
        left: 120px;
        width: 50%;
        /*margin-left: 10px;*/
    }
    .stocklist-listing-item.expand.expand-open #isvPrice {
        display: initial;
    }

    .stocklist-listing-item.expand.expand-open .expand-toggle {
        top: initial;
        bottom: 0;
    }

    #isvPrice {display: none;}

    .expand-photo.hide {
        display: none !important;
    }

    #edit-listing-images #uploader {
        display: flex;
        align-items: center;
    }

    #edit-listing-images #photo_upload_fallback {
        width: 100%;
    }
    .expand-photos:after {
        content: '\02795';
        float: right;
    }

    .expand-photos.active:after {
        content: '\2796';
    }
    #edit-listing-type-legend span.row_left {
        display: block;
        line-height: 35px;
        padding-top: 0px;
    }

    #edit-listing-type-legend span.row_left.accordion:after {
        content: '\02795';
        float: right;
        margin-right: 10px;
        cursor: pointer;
        transition: 0.4s;
    }

    #edit-listing-type-legend span.row_left.accordion.active:after {
        content: '\2796';
    }

    #edit-listing-type-legend span.row_right.panel {
        display:none;
        overflow: hidden;
    }


    #GB_overlay {
        width: 100% !important;
        height: 100% !important;
    }

    #GB_window {
        left: 0px !important;
        /*top: 10px !important;*/
        margin-left: 50px;
        margin-right: 50px;
        width: 75%;
    }

    #GB_window .caption {
        padding: 16px 0px 16px 0px;
    }

    #GB_window .close {
        padding: 16px 0px 16px 0px;
    }

    .GB_frame {
        width: 100% !important;
        height: 100% !important;
    }

}


@media screen and (max-width:580px) {
}


@media screen and (max-width: 480px) {

    .stocklist-status-bar-paging {display: block; width: 100%; max-width: 360px; float: none; /*padding-left: 10px; padding-right: 16px;*/}

}







.hidden {display: none !important;}
.tooltip {border: none !important;}








/* -------- Media Queries ------------*/


/* ------ switches at 720px W ------ */

.mob-only-block {display:none !important;}
.mob-only-li {display: none !important;}


/*
@media (min-width:1020px) and (max-width:1600px) {

html, body {zoom: 0.9; -moz-transform: scale(0.9, 0.9);}

}
*/

/*
@media (min-width:860px) and (max-width:1600px) and (-webkit-min-device-pixel-ratio: 1) {

html, body {zoom: 0.9; -moz-transform: scale(0.9, 0.9);}

}
*/



@media screen and (max-width:1600px) {

    /* -------- Header ------------*/

    #header {text-align:right;}
    .header-logo {float:left;}
    .nav-btn {display:block;}



    /* -------- Nav ------------ */

    .nav-wrap {display:block; position:fixed; left:0; width:0; top:100px; bottom:0; overflow:hidden; background:rgba(50,50,50,0); transition:background 0.5s, width 0s 0.5s;}
    .nav-wrap.menu-open {width:100%; background:rgba(50,50,50,0.8); transition:background 0.5s, width 0s 0s; overflow-y:auto; overflow-x:hidden;}
    #nav {position:absolute; height:auto; min-height:100%; width:280px; top:0; left:-280px; transition:left 0.5s; background-color:#FAFAFA;}
    .nav-wrap.menu-open #nav {left:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
    #nav > ul {position:relative; padding-left:0; margin:0; max-width:320px; text-align:left;}
    #nav ul {height:auto;}
    #nav ul li{display:block; }
    #nav > ul > li {border-left:none;}
    #nav ul li a {z-index:0; font-size:16px; padding:18px 16px; border-bottom:1px solid #E0E0E0;}
    #nav > ul > li.sub:hover > a:after {display:none;}
    #nav ul li:hover ul {display:none;}
    .menu {display:inline-block; min-width: 40px;}
    #nav ul li.sub ul{display:none; position:relative; opacity:1;}
    #nav ul li.sub-open ul{display:block; box-shadow:none; padding:0; position:relative; opacity:1; overflow:hidden;}
    #nav ul li ul {position:relative; top:auto; left:auto; width:auto; border-left:10px solid #E0E0E0;}
    #nav ul li ul > li.sub > a:after {display:none;}
    #nav ul li ul li a{}
    #nav ul li ul li.sub ul {display:none;}
    #nav ul li ul li.sub-open ul {display:block;}
    #nav ul li ul li ul{position:relative; width:auto; left:auto; top:auto;}
    #nav ul li ul li ul li a{background-color:#ffffff;}
    .sub-button { display:block;}
    #nav > ul > li.sub:hover > a:before {display:none;}
    #nav > ul > li.sub:hover > a:after {display:none;}


    /* -------- Footer ------------*/
    #footer h1 {font-size:30px;}

}



@media screen and (max-width:1400px) {

}




@media screen and (max-width:1240px) {


}



@media screen and (max-width:1200px) {

    /* -------- Header ------------*/

    #header {/*border-top-width: 16px;*/ height: 50px}
    .header-logo {margin:0px}
    .header-logo img {height: 40px; width: auto;}
    /* .menu {padding:5px 16px;} */
    /* .menu i {font-size:14px;} */
    .header-btn {padding: 11px 16px;}

    /* -------- Nav ------------*/

    .nav-wrap {top:50px;}


    /* -------- Body ------------*/

    /*#body {margin-top: 100px;} */


    /* -------- Drawers ------------*/

    .overlay {top:62px;}

}



@media screen and (max-width:1100px) {

    /* -------- Text ------------*/

    h1 {font-size:48px;}
    h2 {font-size:26px;}
    h3 {font-size:22px;}
    h5 {font-size:16px;}

    .notifications-bar {display: none;}

    .login-screen {margin-top: 0px;}

}


@media screen and (max-width:960px) {

    /* -------- Header buttons------------*/

    /*
    .header-btn-menu ul > li a#item-search {display: none;}
    .header-btn-menu ul > li a#item-settings {display: none;}
    .header-btn-menu ul > li a#item-help {display: none;}
    .header-btn-menu ul > li a#item-contact {display: none;}
    */

    .header-btn.btn-search, .header-btn.btn-settings, .header-btn.btn-help, .header-btn.btn-contact {height: 28px;}


    /* -------- Content ------------*/

    .content-one {margin:20px;}

}


@media screen and (max-width:820px) {

    /* -------- Module Grid ------------*/

    /*
    .grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 18px;
        padding: 18px;
    }
    */

    .module-card.shadow-md {box-shadow: none;}
}


@media screen and (max-width:720px) {

    .header-btn-menu {display: none;}
    .loggedin-text {display: none;}

    .mob-only-block {display: block;}
    .mob-only-li {display: list-item!important;}

}


@media screen and (max-width:700px) {

    /* -------- Header ------------*/

    #header {height: 50px;}
    .header-bottom {top: 0;}
    .header-btn {display:none;}
    .login-top-mobile {display: block;}

    /* -------- Forms ------------*/

    .form-left {display:block; width:auto; padding-right:0;}
    .form-right {display:block; width:auto; padding-left:0;}

    #body {margin-top: 50px;}
    #header {top: 0px;}
    .content-inner {margin: 0px auto;}
    .header-top {display: none;}
    .nav-wrap {top: 50px;}

    #breadcrumbs, #breadcrumbs p {display: none; height: 0;}



}


@media screen and (max-width:620px) {

    .copyright {display: none;}
    .header-icon-top {display: none;}
    /*
        .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 18px;
        padding: 18px;
    }
    */
}


@media screen and (max-width:600px) {

    .module-card.active {background-image:none}
    .module-card.inactive {background-image:none}
    .module-card.disabled {background-image:none}
    .show-results .download-icons {right: 160px; top: 25px;}

}



@media screen and (max-width:380px) {
    /*
        #header {max-width: 380px;}
        .header-bottom {max-width: 380px;}
    */
    .header-logo img {height: 45px; width: auto;}
    .footer-menu {width: 100%;}
    .grid {padding: none;}

}

@media screen and (max-width:375px) {
    /*
        #header {max-width: 375px;}
        .header-bottom {max-width: 375px;}
    */
}



@media screen and (max-width: 320px) {
    /*
        #header {max-width: 320px;}
        .header-bottom {max-width: 320px;}
    */
    #results {
        font-size: 10px !important;
    }
    .login-screen input {max-width: 260px;}
}