/*

Green:		#78BE20;
Dark Green:	#3c6f16;
Gray:		#797878;
OW bg:		#ededed#
Blue:		#1179ac;
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@font-face {
    font-family: 'HelveticaBold';
    src: url('fonts/HelveticaBold.eot');
    src: url('fonts/HelveticaBold.eot') format('embedded-opentype'),
         url('fonts/HelveticaBold.woff2') format('woff2'),
         url('fonts/HelveticaBold.woff') format('woff'),
         url('fonts/HelveticaBold.ttf') format('truetype'),
         url('fonts/HelveticaBold.svg#HelveticaBold') format('svg');
}
body {background-color: #ededed;}
h2 {font-weight: bold;font-size: 20px;}
h3 {font-weight: bold;font-size: 20px;}
p:last-child {margin-bottom:0;}

.new_logo{
    height: 100% !important;
    width: 75px !important;
}

#wrap {	max-width: 1200px;margin: 0 auto;}
.inner {max-width: 1300px;margin: 0 auto;clear: both;overflow: visible; font-size: 0.7rem;}

.button.bg-green {background:#78BE20;}
.row.maxfull, .row.fluid {max-width:none;}
.color-white {color:#ffffff;}
.color-smoke {color:#808080;}
.mb0 {margin-bottom:0 !important;}
.padd    {padding:15px;}
.padd-2x {padding:30px;}
.padd-3x {padding:45px;}
.padd-4x {padding:60px;}

.mr-0{margin: 0px !important;}
.mx-10{margin-top: 10px; margin-bottom: 10px !important;}
.mx-15{margin-top: 15px; margin-bottom: 15px !important;}
.mx-20{margin-top: 20px; margin-bottom: 20px !important;}
.mx-30{margin-top: 30px; margin-bottom: 30px !important;}
.my-10{margin-right: 10px; margin-left: 10px !important;}
.wdth-50{max-width: 50% !important;}

/* top header */
.top-header {background-color: #016E9F; padding: 5px 15px;}
.top-header ul.top-navigation { text-align: left; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: end;}
.top-header ul.top-navigation li { list-style: none; margin-left: 30px;}
.top-header ul.top-navigation li a { color: #FFFFFF; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.top-header ul.top-navigation li a:hover { color: #849ee6;}
.notification-area-nav#notification-area .inner .activity p a,.notification-area-nav#notification-area .inner .actions p a{background-color: transparent;}
.whitenav { background-color: #fff;}


#nav-area .user-info .userinfoblock {display: flex;  font-family: 'HelveticaBold'; align-items: center;}
#nav-area .user-info .userinfoblock .my-navigation { display: block; margin-top: 3px; align-items: center;  font-family: 'HelveticaBold'; }
#nav-area .user-info .userinfoblock .usertext { font-family: 'HelveticaBold';  text-align: left; font-size: 11px; color: #626262; margin-right: 10px;}
#nav-area .user-info .userinfoblock .usertext .my-navigation a{color: #016E9F;   font-family: 'HelveticaBold'; margin: 0px 1px; font-size: 11px;}
.notification-area-nav#notification-area ul.cl-actions li a.button { background-color: transparent; padding-left: 0px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal;}
.notification-area-nav#notification-area .inner { display: flex; flex-wrap: wrap    ;}
.notification-area-nav#notification-area .inner .stats { margin-left: auto; display: flex; align-items: center;  flex-wrap: wrap;}
.notification-area-nav#notification-area .inner .stats .stat {display: flex;  align-items: center; width: auto; padding-right: 15px;}
.notification-area-nav#notification-area .inner .stats .stat p { line-height: 15px; font-weight: 400; font-family: 'HelveticaBold'; font-size: 12px; color: #fff;   text-align: left;}
.notification-area-nav#notification-area .inner .stats .stat p 
#nav-area {background-color: #fff;}
.notification-area-nav#notification-area .inner #searchbar .stats .stat { display: inline-block;}
.notification-area-nav#notification-area .inner #searchbar .stats .stat p {text-align: center;}

.notification-area-nav#notification-area .inner .activity {margin:  10px 0px; width: auto; padding: 0px; border-radius: 3px; border: #fff solid 1px;} 
.notification-area-nav#notification-area .inner .activity > p {color: #FFFFFF; font-weight: 400; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-top: 3px; }

.notification-area-nav#notification-area .inner .actions {margin:  10px 0px 10px 15px; width: auto; padding: 0px; border-radius: 3px; border: #fff solid 1px;} 
.notification-area-nav#notification-area .inner .actions > p {color: #FFFFFF; font-weight: 400; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-top: 3px; }

.notification-area-nav#notification-area .inner .stats .stat .custom-value {font-family: 'HelveticaBold'; width: auto; margin-right: 5px; font-weight: normal; font-size: 36px; color: #fff;}
#nav-area .nav-logo {margin-top: 15px;margin-right: 30px;}
#nav-area ul.main-nav {list-style-type: none;margin: 20px 0 0 0;vertical-align: bottom;display: inline-block;}
#nav-area ul.main-nav li {display: inline-block;margin-right: 5px; position: relative;}
#nav-area ul.main-nav li a {display: block;padding: 15px 9px !important;color: #78BE20;text-transform: uppercase; height: 57px; font-family: 'HelveticaBold'; font-size: 14px;}
#nav-area ul.main-nav li.active a {background-color: #78BE20;color: #fff;}
#nav-area ul.main-nav li.active a:hover {
    background-color: #78BE20;
    color: #fff;
}
.customflex { display: flex; align-items: center;}

#nav-area ul.main-nav li a img {vertical-align: middle;padding-bottom: 4px;padding-right: 4px;}
#nav-area ul.main-nav li .message-count {position: absolute;top: 8px;left: 19px;color: #fff;background-color: #78BE20;border-radius: 10px;font-size: 12px;font-weight: bold;width: 19px;text-align: center;}
#nav-area .user-info {display: inline-block;float:right;margin-top: 10px;}
#nav-area .user-info .welcome {display: inline-block;width: 200px;float:left;text-align: right;margin-right: 15px;}
#nav-area .user-info .welcome h3 {text-transform: uppercase;font-size: 15px;margin-bottom: 0px;	font-weight: bold;}
#nav-area .user-info .welcome p.name {margin: 0;font-weight: bold;font-size: 20px;}
#nav-area .user-info .pic {border: 2px solid #626262;height: 55px;width: 55px;border-radius: 30px;background-position: center center;background-size: cover;float:right;}
#nav-area ul.main-nav li ul.children {padding: 0;z-index: 9;position: absolute;margin-left: 0; margin-top: -15px; width:100%;display: none;font-weight: 500;background: #016E9F ; border-bottom: #3c6f16 solid 3px; box-shadow: 3px 5px 5px rgba(0,0,0,0.3);}/*line-height: 40px;*/
#nav-area ul.main-nav li ul.children li {width: 100%;}
#nav-area ul.main-nav li ul.children li a { display: block; color: #fff;margin: 0;text-transform:  none;width: 100%;box-shadow: none; font-size:17px; font-weight:500;}
#nav-area ul.main-nav li ul.children li:hover a { background: #78BE20; }
#nav-area ul.main-nav li:hover ul.children{display: block;}
/* #nav-area ul.main-nav li:hover a{background: #3D6F16;color:#fff;box-shadow: 3px 5px 5px rgba(0,0,0,0.3);} */
#nav-area ul.main-nav li:hover a{background: transparent;color:#78BE20;box-shadow: none;}

#nav-area ul.main-nav li ul.children::after{content:""; top: -10px; left: 25px; width: 13px; height: 10px; position: absolute; background: url(../images/arow-img.png) no-repeat;}
#nav-area ul.main-nav li ul.children li a{height: auto; line-height: normal; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: normal;}


#notification-area {background-color: #78BE20;}
#notification-area ul.cl-actions {list-style-type: none;margin-bottom: 0;margin-left: 0;display: inline-block;}
#notification-area ul.cl-actions li {display: inline-block;}
#notification-area ul.cl-actions li a.button {color: #fff;background-color: #3c6f16;font-size: 14px;margin: 11px 5px;padding: 5px 15px;}
#notification-area ul.cl-actions li:first-child a.button {margin-left: 0;}
#notification-area form {display: inline;}
#notification-area form input.find-rep {width: 70%; margin: 10px 10px; height: 28px; padding: 2px 5px; display: inline-block; border-radius: 5px;}
#notification-area .activity {display: inline-block;font-size: 12px;padding: 10px 10px 10px 0; width:224px;}
#notification-area .activity p {color: #fff;font-weight: bold;margin: 0 0 0 25px;}
#notification-area .activity a {color: #3c6f16;background-color: #ededed;font-size: 12px;padding: 6px 7px;border-radius: 4px;margin-left: 12px;}
#notification-area .stats {display: inline-block;color: #fff;}
#notification-area .stats div {display: inline-block;text-align: center;font-weight: bold;font-size: 18px;width: 80px;vertical-align: middle;}
#notification-area .stats div p {margin: 0;font-size: 12px;}
#notification-area .actions {display: inline-block;width: 235px;text-align: right;font-size: 12px;padding: 10px 10px 10px 0;}
#notification-area .actions p {color: #fff;font-weight: bold;margin: 0 0 0 25px;}
#notification-area .actions a {color: #3c6f16;background-color: #ededed;font-size: 12px;padding: 6px 7px;border-radius: 4px;margin-left: 12px;}
#notification-area div ul.children {list-style-type: none;padding-top: 5px;z-index: 9;position: absolute;margin-left: 0;width:inherit;display: none;font-weight: 500; text-align: left;}
#notification-area div ul.children li {width: 100%; font-size: 0.7rem;}
#notification-area div ul.children li a { display: block; color: #fff;margin: 0;text-transform:  none;width: 100%;box-shadow: none; font-size:14px; font-weight:600;border-radius: 0px; padding:4px 23px; }
#notification-area div ul.children li:last-child a { padding-bottom: 10px; }

#notification-area div ul.children li:hover a { background: #639f1a; }
#notification-area div.show-children ul.children{display: block;background: #6AB830;margin-top:5px;box-shadow: 3px 5px 7px rgba(0,0,0,0.3);}
#notification-area div.show-children ul.children a{background: #6AB830; color: #fff;}
#notification-area div.show-children {background: #6AB830;box-shadow: 3px 5px 5px rgba(0,0,0,0.3);}

.user-info table.children {border:0; z-index: 9; position: absolute; top:65px; width: 220px; margin-left:60px; display: none; font-weight: 400; background: #494949; border-collapse: collapse; box-shadow: 3px 5px 5px rgba(0,0,0,0.3);}
.user-info table.children thead th{color:#6AB830; padding-top: 15px; padding-left:15px;}
.user-info table.children tr {background : #494949;}
.user-info table.children tbody td{color: white;padding-left:15px; line-height:15px; }
.user-info table.children tbody a {color: white;}
.user-info:hover table.children{display: block;}

.main {}

.panel-heading {font-size:18px;font-weight:700;padding:12px 10px;}
.panel-body strong {font-size:14px;}
.magglass .field_input:before {content:'\f002';font-family:'fontawesome';color:#78BE20;position:absolute;z-index:1;margin:10px;font-size:18px;}
.magglass [type=text] {padding-left:40px;}
.twitter-typeahead {width:100%;}
.tt-input {margin-bottom:0 !important;}
.tt-menu {width:100%;background:#ffffff;font-size:14px;color:#626262;}
.tt-suggestion {padding:10px;}
.tt-suggestion:nth-child(odd) {background:#ededed;}
.tt-suggestion .company {margin-bottom:5px;font-size:13px;}


.section-borders {border-top:2px solid #d2d2d2;}
.section-borders .columns + .columns {border-left:1px solid #d2d2d2;}

.call-list-sidebar {padding: 0;}

.cl-filters {background-color: #d4d2d2;padding: 10px;text-align: center; position: relative;}
.cl-filters form, .cl-filters input {margin: 0;}
.cl-filters ul.tabs {list-style-type: none;padding-left: 0px;font-size: 12px;color: #fff;margin-left: auto;margin-right: auto;display: inline-block;}
.cl-filters ul.tabs li {display: inline-block;background-color: #a3a3a3;}
.cl-filters ul.tabs li a {color: #fff;padding: 2px 15px;}
.cl-filters ul.tabs li.ui-state-active a {color: #646464;font-weight: bold;background-color: #fff;padding: 2px 15px;}

.call-list {margin-top: 15px;background-color: #fff;color: #646464;}
.call-list h3 {margin-top: 0;font-size: 13px;font-weight: bold;}
.call-list p {font-size: 13px;}
.call-list td {font-size: 13px; font-family:Arial;}

.call-list ul {list-style-type: none;}
.call-list ul li {width: 100%; position: relative; display: block;}
.call-list li > a { display: block; padding: 10px 0 10px 0; color: #646464;}
.call-list a span.remove {float: right; display: inline-block; margin-right: 5px;}
.call-list a span {font-weight: bold;}
.call-list .inst-ul {margin: 0;}
.call-list .bldg-ul {margin: 0;}
.call-list .bldg-ul > li {padding: 0 15px;}
.call-list .bldg-ul > li:first-of-type a {border: 0px;}
.call-list .bldg-ul > li > a {font-weight: bold; font-size: 14px; padding: 10px 0}
.call-list .bldg-li > a {border-top: 1px solid #d4d2d2;}
.call-list .inst-li > a {font-size: 14px; line-height: 15px; padding: 10px 15px; background-color: #d4d2d2;}
.call-list .lab-ul {margin: 0; }
.call-list .lab-ul {display: none; }
.call-list .lab-li {border-left: 2px solid #0078ae; color: #0078ae; font-size: 13px;}
.call-list .lab-li:last-of-type {margin-bottom: 5px;}
.call-list .lab-li a {margin-left: 17px;}
.call-list .lab-li.active {background-color: #0078ae;}
.call-list .lab-li.active a {color: #fff;}
.call-list .lab-li:before {content: ""; width: 7px; border-top: 2px solid #0078ae; position: absolute; top: 20px;}


.inst-li{
    border-bottom: 15px solid #ededed;
}


.cl-details {background-color: #ededed;}
.cl-details.tips{background-color: #fff;margin-bottom: 20px;}
.cl-details h2 {color: #fff;background-color: #0078ae;margin: 0;padding: 15px 20px;}
.cl-details .cl-tips {padding-top: 20px;padding-bottom: 20px;}
.cl-details .cl-tips .text h3 {font-size: 18px;font-weight: bold;}
.cl-details .cl-tips .text p {font-size: 13px;line-height: 25px;}
.cl-details .cl-tips img {width:100%;}

.login-logo {text-align: center;margin-top: 15%;}
.login-area {margin-top: 35px;width: 370px;margin-left: auto;margin-right: auto;background-color: #fff;-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

.login-area .title-bar{background-color: #78BE20;padding: 10px 0 8px 30px;margin: 0;}
.login-area h1 {color: #fff;font-size: 22px;font-weight: bold;}
.login-area .form-container {width: 80%;margin: 0 auto;text-align: center;}
.login-area .remember {text-align: center;margin-top: 20px;margin-top: 25px;margin-bottom: 15px;}
.login-area .remember input {
    -webkit-box-shadow:	1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:	1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:			1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.login-area p {font-size: 14px;margin-bottom: 3px;margin-top: 15px;	text-align: left;}
.login-area .button {background-color: #78BE20;font-size: 22px;}

.button {font-weight: bold;padding: 10px 25px;border-radius: 25px;}
.copyright {width: 370px;color: #797878;margin: 0 auto;font-size: 13px;}

.cl-details .edit-details {

}

.cl-details .lab-info {font-size:13px;color: #fff;background-color: #0078ae;}
.cl-details .lab-info h2 {padding: 20px 0;}
.cl-details .lab-info p {font-size: 13px;margin-bottom: 5px;}
.cl-details .lab-info .row.last p {margin-bottom: 20px;}
.cl-details .lab-info .links a {color: #fff;}
.cl-details .lab-info .links {margin-top: 30px;}

.cl-details .lab-order {background-color: #0077ae;margin-top: 8px;font-size: 13px;}
.cl-details .lab-order h2 {padding: 15px 0;}
.cl-details .lab-order .links {margin-top: 20px;}
.cl-details .lab-order a {color: #fff;}


.cl-details .research-types {
    background-color: #0077ae;
    margin-top: 8px !important;
    font-size: 13px !important;
    padding-bottom: 25px;
    color: #fff;
}

.cl-details .research-types p {
    font-size: 13px !important;
}

.cl-details .research-types a {
    color: #fff;
}

.cl-details .lab-contact {margin-top: 8px;background: #fff;font-size: 13px;}
.cl-details .lab-contact h3 {padding: 15px 0;margin: 0;}
.cl-details .lab-contact p {font-size: 13px;}
.cl-details .lab-contact a {color: #0077ae;}
.cl-details .lab-contact .links {margin-top: 20px;}

.cl-details .lab-content{ background: #fff }
.cl-details .lab-content a {color: #78BE20;}
.cl-details .lab-content h3 {padding-bottom: 0;}
.cl-details .lab-content p.title {margin:0; }

.cl-details .lab-content ul.lab-tabs {list-style-type: none; margin: 0px; font-size: 12px; }
.cl-details .lab-content ul.lab-tabs li {float: left; margin-right: 3px;}
.cl-details .lab-content ul.lab-tabs li a { display: inline-block; background-color: #ededed; color: #0077ae; font-weight: bold; padding: 10px 20px;}
.cl-details .lab-content ul.lab-tabs li.ui-tabs-active a { background-color: #fff;margin-bottom: -1px; border: 1px solid #d0d0d0; border-bottom: none;}

.cl-details .lab-content textarea {width: 100%; margin-top: 20px;}
.cl-details .lab-content input.button {background-color: #78BE20; margin-bottom: 10px;}
.cl-details .lab-content .note { padding-top: 5px; }
.cl-details .lab-content .note hr { margin-bottom: 10px; margin-top: 0px; }
.cl-details .lab-content p.date {color: #626262; font-weight: bold; margin-bottom: 5px;}
.cl-details .lab-content a.edit {float: right;}

.cl-details .add-contact {background-color: #fff; margin-top: 8px; margin-bottom: 15px;}
.cl-details .add-contact a {display: block; color:#78BE20; font-size: 20px; font-weight: bold; margin: 0; padding: 15px 0;}
.cl-details .add-contact a span {display: inline-block; color: #fff; background-color: #78BE20; width: 20px; text-align: center; border-radius: 15px;}
.cl-details .add-contact {}

.main .lp-container:first-of-type{ padding-left: 0;}
.main .lp-container:Last-of-type{ padding-right: 0;}
.lp-container .landing-panel {background-color: #fff; color: #646464; margin-top: 20px; padding: 25px 20px; min-height: 200px;}
.lp-container .landing-panel h2 {color: #646464;}
.lp-container .landing-panel h2 img {margin-right: 10px; vertical-align: sub;}
.lp-container .landing-panel p {font-size: 13px;}
.lp-container .landing-panel p:first-of-type {font-weight: bold; margin-bottom: 5px;}
.lp-container .button-area { background-color: #dfdfdf; text-align: center; }
.lp-container .button-area .button { background-color: #78BE20; margin-top: 30px; margin-bottom: 30px; padding: 10px 50px;}

.add-lab h2 {font-size: 20px; color: #646464; margin: 20px 0;}
.add-lab h2 img {margin-right: 10px; vertical-align: sub;}
.add-lab .form-nav {background-color: #0078ae; text-align: center;}
.add-lab .form-nav ul {list-style-type: none; display: inline-block; margin: 0;}
.add-lab .form-nav ul li {display: inline-block;  position: relative;}
.add-lab .form-nav ul li a {display: block; color: #fff; font-size: 16px; font-weight: bold; padding: 20px 30px; color: #a7c7dd;}
.add-lab .form-nav ul li a span {display: inline-block; width: 28px; border-radius: 15px; background-color: #005c86; padding-left: 1px; padding-top: 1px; margin-right: 8px;}
.add-lab .form-nav ul li.active a {background-color: #fff; color: #0078ae;}
.add-lab .form-nav ul li.active a span {background-color: #e3e3e3;}
.add-lab .form-container {background-color: #fff;}
.add-lab .form-container div.column h4:first-of-type {padding-top: 30px;}
.add-lab .form-container h4 {color: #78BE20; font-size: 15px; font-weight: bold;}
.add-lab .form-container h5 {color: #646464; font-size:14px; font-weight: bold; margin-bottom: 0;}
.add-lab .form-container p {color: #646464; font-size: 13px; margin-bottom: 0;}
.add-lab .form-container .button-container a {margin: 0 50px; color: #646464; font-size: 14px;}
.add-lab .form-container .button-container {background-color: #dfdfdf; margin-bottom: 25px; margin-top: 15px;text-align: center;}
.add-lab .form-container .button-container .button {margin: 25px 0 25px 0; background-color: #78BE20;}
.add-lab .form-container .button-wrapper {height:39px;padding:0;}
.add-lab .form-container .button-wrapper span {background: white;color: #007095;margin-left: 9px;margin-top: 0;margin-bottom: 0;padding:3px 8px 5px 8px;border-radius:25px;}

.add-contact h2 {font-size: 20px; color: #646464; margin: 20px 0;}
.add-contact h2 img {margin-right: 10px; vertical-align: sub;}
.add-contact .form-nav {background-color: #0078ae; text-align: center;}
.add-contact .form-nav ul {list-style-type: none; display: inline-block; margin: 0;}
.add-contact .form-nav ul li {display: inline-block;  position: relative;}
.add-contact .form-nav ul li a {display: block; color: #fff; font-size: 16px; font-weight: bold; padding: 20px 30px; color: #a7c7dd;}
.add-contact .form-nav ul li a span {display: inline-block; width: 28px; border-radius: 15px; background-color: #005c86; padding-left: 1px; padding-top: 1px; margin-right: 8px;}
.add-contact .form-nav ul li.active a {background-color: #fff; color: #0078ae;}
.add-contact .form-nav ul li.active a span {background-color: #e3e3e3;}
.add-contact .form-container {background-color: #fff;}
.add-contact .form-container div {margin-left: auto; margin-right: auto;}
.add-contact .form-container div.column h4:first-of-type {padding-top: 30px;}
.add-contact .form-container h4 {color: #78BE20; font-size: 15px; font-weight: bold;}
.add-contact .form-container h5 {color: #646464; font-size:14px; font-weight: bold;}
.add-contact .form-container p {color: #646464; font-size: 13px; margin-bottom: 0;}
.add-contact .form-container .button-container a {margin: 50px ; color: #646464; font-size: 14px;}
.add-contact .form-container .button-container {background-color: #dfdfdf; margin-bottom: 25px; margin-top: 15px;text-align: center;}
.add-contact .form-container .button-container .button {margin: 25px 0 25px 0; background-color: #78BE20;}
.add-contact .form-container .location-details {background-color: #ededed; font-size: 14px; padding: 15px;}
.add-contact .form-container .location-details p:first-of-type{font-weight: bold;}

.ui-autocomplete {width: 469px; list-style-type: none; background-color: white;}
.ui-autocomplete .ui-menu-item {line-height: 20px; font-size: 11pt; color:grey; border: 1px lightgray; border-left-style: solid; border-right-style:solid; border-bottom-style: solid; padding: 8px;}
.ui-autocomplete .ui-menu-item.ui-state-focus {background:#EFEFEF;}
.ui-helper-hidden-accessible {display:none;}



#search-results{
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 8px #777;
    left: 0px;
    position: absolute;
    width: 102%;
    z-index: 1000;
}

#search-results ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#search-results li{
    font-size: 12.5px;
    padding: 7px 30px 7px 30px;
    text-align: left;
}

#search-results li.border{
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 30px;
}

#search-results li.center{
    padding: 20px !important;
    text-align: center;
}

#search-results li .button{
    margin: 0px;
}

#search-results li a{
    font-weight: bold;
}

#search-results input{
    margin-right: 7px;
}

#search-results .building-ul{
    display: none;
}

#search-results .institution-li span{
    cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-right: -25px;
    width: 30px;

}

#search-results .no-results{
    font-size: 12px;
    margin: 0px;
    padding: 10px;
}

#search-results .institution-li span{
    background: url(/_images/arrow-left.png) top center no-repeat;
}

#search-results .institution-li span.active{
    background: url(/_images/arrow-down.png) top center no-repeat;
}

#form-call-list{
    max-height: 600px;
    overflow-y:auto;
    overflow-x:hidden;
}

.validation_error p { color:red !important; }

span.edit {float: right; color:#5D9732;}

.contact-li span.edit {font-size: 10pt;}

.saved-contacts ul {margin-left: 0;}
.saved-contacts li { display: block; margin-top: 5px; padding: 10px 0px 10px 0; color: #646464; font-size: 14px; line-height: 15px; padding: 10px 15px; background-color: #EFEFEF;}
.saved-contacts li span.edit {display: inline-block; margin-right: 30px; font-weight:400; position:relative; top: 8px;}
.saved-contacts li span {font-weight:600;line-height: 25px;}
.saved-contacts li span.remove {float: right; display: inline-block; margin-right: 10px; position:relative; top: 6px;}
.location-details span.remove {float: right; display: inline-block; margin-right: 10px; position:relative; top: 6px;}

table.autocomplete {width:400px;border: 0;-webkit-border-vertical-spacing: 0;-webkit-border-horizontal-spacing: 0; box-shadow: 3px 3px 7px rgba(0,0,0,0.3);position:absolute;
z-index: 5;
top:30px;
left:30px;}
table.autocomplete thead{background:#0078AE;}
table.autocomplete thead tr td{color:white;}
table.autocomplete tbody tr td{background: white; border-top: 1px solid #DDD}
table.autocomplete tbody tr td:hover{background: #DDD;}

table.autocomplete tbody tr td p:first-child{color:#0078AE ;font-weight: bold; font-size:15px}
table.autocomplete tbody tr td p:last-child{font-style:italic;color: #646464;}
table.autocomplete tbody tr td p {margin-bottom:0;}
.form-container table.autocomplete {top: 110px;}

p.blue {color:#0078AE !important; font-weight: 600;}
p.gray {color:gray !important; font-weight: 600;  font-style: italic;}




#autocomplete-div-container {display:none; overflow-y:scroll;width:250px;height:200px;z-index:2500;position:absolute;overflow-x:hidden; border-top: 1px solid #DDD;}
table.autocomplete-product {width:300px !important;border: 0;-webkit-border-vertical-spacing: 0;-webkit-border-horizontal-spacing: 0; box-shadow: 3px 3px 7px rgba(0,0,0,0.3);position:absolute;z-index: 5;top:0px;left:0px;}
table.autocomplete-product thead{background:#0078AE;}
table.autocomplete-product thead tr td{color:white;}
table.autocomplete-product tbody tr td{background: white; border-top: 1px solid #DDD}
table.autocomplete-product tbody tr td:hover{background: #DDD;}


table.autocomplete-product tbody tr td p:last-child{font-style:italic;color: #646464; text-decoration:none !important;}
table.autocomplete-product tbody tr td p {margin-bottom:0;}
.form-container table.autocomplete-product {top: 50px;}

.autocomplete-div-container-contact {display:none;overflow-y:scroll;width:250px;max-height:200px;z-index:2500;position:absolute;overflow-x:hidden; border-top: 1px solid #DDD;margin-top:-20px;}
table.autocomplete-contact {width:300px !important;border: 0;-webkit-border-vertical-spacing: 0;-webkit-border-horizontal-spacing: 0; box-shadow: 3px 3px 7px rgba(0,0,0,0.3);z-index: 5;top:0px;left:0px; margin-bottom:0px;}
table.autocomplete-contact thead{background:#0078AE;}
table.autocomplete-contact thead tr td{color:white;}
table.autocomplete-contact tbody tr td{background: white; border-top: 1px solid #DDD}
table.autocomplete-contact tbody tr td:hover{background: #DDD;}


table.autocomplete-contact tbody tr td p:last-child{font-style:italic;color: #646464; text-decoration:none !important;}
table.autocomplete-contact tbody tr td p {margin-bottom:0;}
.form-container table.autocomplete-product {top: 50px;}




p.blue-product {color:#0078AE !important; font-weight: 600; font-size:11px !important;}
p.blue-product-desc {color:#646464 !important; font-size:11px !important; text-decoration:none !important;}



.required {color:red;}

.contact-sidebar ul {margin: 0;}
.contact-sidebar .contact-ul {list-style: none; background: white; margin: 0 0 20px;}
.contact-sidebar .contact-ul li {padding: 10px 20px;}
.contact-sidebar .contact-ul.labs li {padding: 10px 0px;margin: 0 20px;border-bottom: 1px solid #D4D2D3;}
.contact-sidebar .contact-ul.labs li:last-child {border-bottom: none;}
.contact-sidebar .contact-li:first-child {background: #D4D2D3;}
.contact-sidebar h3, .contact-sidebar h5, .contact-sidebar p {font-size: 10pt; color: #646464;}
.contact-sidebar h5 {font-weight: bold; margin:0;}
.contact-sidebar h3 {font-weight: 500;}
.contact-sidebar h3 a {color: #0077ae; font-weight: 600;}

.global_message { background-color:#ff6000;  color:white;   padding:10px;  }
.flash { background-color:#ff6000;  color:white; text-align:center; font-weight:bold;  }
.error { background-color:#2AD869;  color:black; text-align:center;  font-weight:bold; }


.loh {color:#646464;max-width:1000px;font-size:13px;background:#ffffff;padding:15px 0;}
.loh a {color:#78BE20;}
.loh p {font-size:13px;margin-bottom:10px;}
.loh .item {display:none;}
.loh .item table {margin-top:-1px;margin-bottom:-1px;}
.loh .order.active + .item {display:table-row;}
.loh .order.active, .order.active + .item {border:1px solid #0078ae;}
.loh .nopad {padding:0;}
.loh table {width:100%;border-collapse:collapse;margin-bottom:0;}
.loh table tr td, .loh table tr th {font-size:13px;color:#646464;}
.loh thead {text-align:left;}
.loh .loh-head {position:relative;padding:0 15px;margin-bottom:15px;}
.loh .loh-head .row {padding-right:160px;}
.loh .loh-head span {display:inline-block;vertical-align:top;margin:-3px 20px 0 0;line-height:1.5;}
.loh .order-list > thead > tr {background:#d4d2d2;}
.loh .order-list > tbody > tr {background:#ededed;}
.loh .order-list > tbody > tr:nth-child(4n-1), .loh .order-list > tbody > tr:nth-child(4n) {background:#ffffff;}
.loh .detail-list > tbody > tr {background:#ffffff;}
.loh .loh-foot {height:41px;background:#d4d2d2;margin:15px 15px 0;}
.loh .loh-foot select {display: inline-block; width: auto; height: auto; margin-bottom:0;padding: 2px 10px 3px 5px; margin-left: 15px;}
.loh .controls {border-right:2px solid #ffffff;float:left;display:inline-block;background:#78BE20;color:#ffffff;padding:14px 25px;}
.loh .paginator {overflow:hidden;line-height:41px;padding:0 15px;}
.loh .pager > a, .loh .pager > span {color:#646464;line-height:27px;font-weight:700;display:inline-block;width:25px;height:25px;vertical-align:middle;text-align:center;}
.loh .pager > span.active {background:#78BE20;color:#ffffff;}
.loh .button {margin-bottom:0;position: absolute; right: 15px; bottom: 0;}


#button-type-it-in {
    border-radius: 0;
    margin-bottom: 20px;
    padding: 10px;
}

.row.w100p {max-width:100%;}

.filter-wrapper {margin:30px 0 10px;}
.filter-wrapper.show .filter-tab .h {display:inline-block;}
.filter-wrapper.show .filter-tab .s {display:none;}
.filter-wrapper.show .filter {display:block;}

.filter-tab {width:130px;cursor:pointer;font-size:15px;font-weight:700;color:#ffffff;background:#0078ae;display: inline-block; padding: 10px 20px;}
.filter-tab .h {display:none;}
.filter {display:none;background:#0078ae;padding:20px;}
.filter .lbl {font-size:13px;color:#ffffff;}
.filter li {padding:0 5px;}
.filter input, .filter select {margin-bottom:0;}

.link-tab a {color:#004361;}
.link-tab-wrap {border-bottom:3px solid #004361;margin-bottom:20px;}
.link-tab-wrap + #result-blue-block {margin-top:-10px;}
.link-tab {font-size:15px;font-weight:700;color:#004361;background:#ffffff;display: inline-block; padding: 10px 20px;}
.link-tab.active {background:#004361;color:#ffffff;}

.tab-subtab,
.link-tab-wrap.blus .link-tab.active {background:#0078ae;color:#ffffff;}
.link-tab-wrap.blus {border-color:#0078ae;margin-bottom:0;}
.link-tab-wrap.blus .link-tab {background:#004361;}
.link-tab-wrap.blus .link-tab a {color:#ffffff;}

.tab-subtab {padding: 10px 20px 10px;}
.tab-subtab p {margin-bottom:0;font-size:14px;}

.result-count {line-height:40px;background:#ffffff;padding:10px;font-size:1.8rem;font-weight:700;font-size:18px;color:#1179ac;}
.result-count select {margin:0;width:auto;padding-right:30px;}
.result-count .per-page {text-align:right;color:#78BE20;font-size:14px;}

.manage {background:#0078ae;min-height:54px;}
.manage .title {font-size:18px;color:#ffffff;font-weight:700;line-height:54px;white-space:nowrap;vertical-align:top;padding:0 20px;}
.manage select {margin:8px;display:inline-block;width:auto;padding-right:40px;}
.manage .btns {float:right;background:#004361;padding:8px 20px;}
.manage .button {background:#78BE20;margin-bottom:0;margin:0 5px;}

#result-blue-block {line-height:1.5;background:#0078ae;font-size:14px;padding:30px;}
#result-blue-block, #result-blue-block a {color:#ffffff;}
#result-blue-block select {padding-right:40px;}
.floated > div {float:left;margin-right:60px;}
.floated.narrow > div {margin-right:30px;}

#result-table {border:1px solid #ffffff;color:#646464;}
#result-table a {text-decoration:underline;}
#result-table td {font-size:12px;}
#result-table thead {background: rgb(223,223,223); background: -moz-linear-gradient(top,  rgba(223,223,223,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-linear-gradient(top,  rgba(223,223,223,1) 0%,rgba(204,204,204,1) 100%); background: linear-gradient(to bottom,  rgba(223,223,223,1) 0%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#cccccc',GradientType=0 ); }
#result-table thead th {color:#0078ae;font-size:12px;}
#result-table.dark-header thead th {color:#646464;}
#result-table .fa-times-circle-o {font-size:20px;}
#result-table .open {background:#ffd4d4;}
#result-table .warehouse-changed {background:#FFA500;}

#result-total {background:#ffffff;margin-top:-20px;border-top:2px solid #d4d2d2;padding-top:10px;}
#result-total .total {background:#ededed;font-size:20px;color:#626262;font-weight:700;text-align:center;display:inline-block;padding:10px 40px;margin-top:21px;}

.pagination-wrapper {font-weight:700;background:#ffffff;}
ul.pagination {text-align:center;}
ul.pagination li {float:none;display:inline-block;height:auto;margin:0;}
ul.pagination li:hover a {background:none;}
ul.pagination li > * {color:#78BE20;display:block;min-width:30px;height:40px;line-height:40px !important;padding:0 0.25rem !important;}
ul.pagination li.prev > *, ul.pagination li.next > * {width:auto;margin:0 20px;color:#78BE20;font-weight:700;}
ul.pagination li.disabled > * {color: #777;}
ul.pagination li.current > * {background:#78BE20;color:#ffffff;}



@media (max-width:767px) {
	table.responsive-table thead {display:none;}
	table.responsive-table tbody td {display:block;padding-top:0;padding-bottom:0;}
	table.responsive-table tbody td:before {
		content:attr(data-title);
		width:120px;
		display:inline-block;
		font-weight:700;
	}
	table.responsive-table tbody tr td:first-child {padding-top:10px;border-top:2px solid #cccccc;}
	table.responsive-table tbody tr td:last-child {padding-bottom:10px;}

	.result-count .per-page {text-align:left;}
}

.hidden {
    display: none !important;
}

input.table-field {
    margin: 0 0 0 0;
}

.report-top-bar {
    background: #0078ae;
    padding: 15px;
    position: relative;
}

.report-top-bar *, .report-top-bar input {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}

.report-top-bar h5 {
    color: white;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 12.5%;
}

.report-top-bar #reps {
    width: 8%;
}

.report-top-bar #institutions {
    width: 12.5%;
}

.report-top-bar input {
    margin-top: 0;
    margin-bottom: 0;
}

.report-top-bar input[readonly] {
    background-color: white;
}

.report-top-bar .button {
    margin-top: 0;
    margin-bottom: 0;
    padding: 7px 15px;
}

.report-top-bar .grey, .button.grey {
    background-color: #DFDDDF;
    color: black;
}

.report-top-bar .dark {
    background-color: #0B324E;
    color: white;
}

.tab-title a {
    font-weight: 500;
}

.tab-title:not(.active) a {
    color: white;
    background-color: #0B324E;
}


.tabs-content > .content {
    background-color: white;
    padding: 15px;
    margin: 0;
}

#reps-list, #institutions-list {
    display: none;
    position: absolute;
    background-color: #0078ae;
    color: white;
    width: 200px;
    top: 60px;
    z-index: 10;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    padding: 15px;
    line-height: 2rem;
}

#reps-list {
    left: 170px;
}

#institutions-list {
    left: 280px;
}

#reps-list li, #institutions-list li {
    display: block;
}

.legend {
    font-size: 1rem;
    margin: 15px;
}

.legend div {
    border-radius: 3px;
    height:30px;
    width:30px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.legend span {
    vertical-align: middle;
    margin-right: 5px;
}

@media all {

    .badge {
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
    }

    .badge {
        padding-right: .6em;
        padding-left: .6em;
        border-radius: 10rem;
    }
    .badge-success {
        color: #fff;
        background-color: #28a745;
    }

    .badge-danger {
        color: #fff;
        background-color: #dc3545;
    }

}