html,body{ padding:0; margin:0; font-family:Dinot_Regular, arial; font-size:13px;line-height:18px; text-align:left; } a,img{ padding:0; margin:0; border:0; outline:0; vertical-align:top; text-decoration:none; } ul, ul li, ol, ol li, form, input, textarea, label { padding:0; margin:0; list-style:none; border:0; } p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal; } input{ background:none; border:none; } input[type=button], input[type=submit]{ cursor:pointer; border:0; } input:focus{ outline: none; box-shadow:0px; } .clear{ clear:both; } img { max-width: 100%; } header, nav, section, article, aside, footer, hgroup{ display: block; } /* [ EXTERNAL FONTS ] */ /* DIN OT - Regular */ @font-face { font-family: 'Dinot_Regular'; src: url('../fonts/DINOT.eot'); src: url('../fonts/DINOT.eot') format('embedded-opentype'), url('../fonts/DINOT.woff') format('woff'), url('../fonts/DINOT.ttf') format('truetype'), url('../fonts/DINOT.svg#DINOT') format('svg'); font-weight: normal; font-style: normal; } /* DIN OT - Medium */ @font-face { font-family: 'Dinot_Medium'; src: url('../fonts/DINOT-Medium.eot'); src: url('../fonts/DINOT-Medium.eot') format('embedded-opentype'), url('../fonts/DINOT-Medium.woff') format('woff'), url('../fonts/DINOT-Medium.ttf') format('truetype'), url('../fonts/DINOT-Medium.svg#DINOT-Medium') format('svg'); font-weight: normal; font-style: normal; } /* DIN OT - Bold */ @font-face { font-family: 'Dinot_Bold'; src: url('../fonts/DINOT-Bold.eot'); src: url('../fonts/DINOT-Bold.eot') format('embedded-opentype'), url('../fonts/DINOT-Bold.woff') format('woff'), url('../fonts/DINOT-Bold.ttf') format('truetype'), url('../fonts/DINOT-Bold.svg#Dinot_Bold') format('svg'); font-weight: normal; font-style: normal; } /* Rockwell - Light */ @font-face { font-family: 'Rockwell_Light'; src: url('../fonts/rockwell_light.eot'); src: url('../fonts/rockwell_light.eot') format('embedded-opentype'), url('../fonts/rockwell_light.woff') format('woff'), url('../fonts/rockwell_light.ttf') format('truetype'), url('../fonts/rockwell_light.svg#Rockwell_Light') format('svg'); font-weight: normal; font-style: normal; } /* Rockwell - Regular */ @font-face { font-family: 'Rockwell_Regular'; src: url('../fonts/rockwell_regular.eot'); src: url('../fonts/rockwell_regular.eot') format('embedded-opentype'), url('../fonts/rockwell_regular.woff') format('woff'), url('../fonts/rockwell_regular.ttf') format('truetype'), url('../fonts/rockwell_regular.svg#Rockwell_Regular') format('svg'); font-weight: normal; font-style: normal; } /* Rockwell - Bold */ @font-face { font-family: 'Rockwell_Bold'; src: url('../fonts/rockwell_bold.eot'); src: url('../fonts/rockwell_bold.eot') format('embedded-opentype'), url('../fonts/rockwell_bold.woff') format('woff'), url('../fonts/rockwell_bold.ttf') format('truetype'), url('../fonts/rockwell_bold.svg#Rockwell_Bold') format('svg'); font-weight: normal; font-style: normal; } /* Dinot_Regular */ .dinot-regular, .search-box, .submenu > ul > li > a > span, #signInLink, .searchresult > span, .advanced-search-body-title, .advanced-search-popup .row .field .ui.dropdown .menu>.item { font-family:"Dinot_Regular", Arial, Helvetica, sans-serif !important; } /* Dinot_Medium */ .dinot-medium, .basicSearch-container ul.basicSearchSuggestionBox li, .advanced-search-body-content, .advanced-search-popup .row .field .ui.dropdown>.default.text, .advanced-search-popup .row .field .ui.dropdown>.text, .generate-list, label.radio-label,.search-holder .select-style select { font-family:"Dinot_Medium", Arial, Helvetica, sans-serif !important; } /* Rockwell_Regular */ .rockwell-regular {font-family:Rockwell_Regular;} /* Rockwell_Bold */ .rockwell-bold { font-family:Rockwell_Bold;} .font-8 { font-size: 8px; } .font-9 { font-size: 9px; } .font-10 { font-size: 10px; } .font-11 { font-size: 11px; } .font-12 { font-size: 12px; } .font-13 { font-size: 13px; } .font-14 { font-size: 14px; } .font-16 { font-size: 16px; } .font-18 { font-size: 18px; } .desktop-only{ display:inline; } .search-desktop-only{ display:block; } .desktop-none{ display:none; } .tab-only{ display:none; } .mobile-only{ display:none; } .mobile-none{ display:block; } .display-none{ display: none; } .d-block{ display: block !important;} .fa{ background-image:none !important;} .header-right .pos-center{ position:absolute; left:75% !important; } .margin-top-25{ margin-top: 25px; } .width-5{ width:5%; } .width-10{ width:10%; } .width-15{ width:15%; } .width-20{ width:20%; } .width-25{ width:25%; } .width-30{ width:30%; } .width-35{ width:35%; } .width-40{ width:40%; } .width-45{ width:45%; } .width-50{ width:50%; } .width-55{ width:55%; } .width-60{ width:60%; } .width-65{ width:65%; } .width-70{ width:70%; } .width-75{ width:75%; } .width-80{ width:80%; } .width-85{ width:85%; } .width-90{ width:90%; } .width-95{ width:95%; } .width-100{ width:100%; } .width-inherit{ width: inherit;} .min-width-100{ min-width: 100%; } .pad-left-40 { padding-left: 40px; } .button_submit, .btn_yellow, .btn_green, .btn_active { box-shadow: 0 2px 0 #f5b800 !important; font-size:12px; color:#ffffff !important; background:#ffd500 !important; border: 0 none; border-radius: 4px; cursor: pointer; height: 25px; line-height: 25px; outline: 0 none; padding: 0 12px; text-decoration: none !important; text-transform: uppercase; cursor: pointer;} .button_submit:hover, .btn_yellow:hover{background:#f6c61d !important; box-shadow: 0 2px 0 #d7aa0d !important;} .btn_green, .btn_active{ background:#8ec640 !important; box-shadow:0 2px 0 #73a234 !important;} .btn_green:hover, .btn_active:hover{ background:#78ad2f !important; box-shadow: 0 2px 0 #57831d !important;} .display-table{ display: table; } .display-table-cell{ display: table-cell;} .v-align-middle{ vertical-align: middle; } .float-l { float: left; position: relative; } .page-container { position:relative; border-top: none !important; } #header, #headerblock, #dashboard-header { position: fixed; z-index: 4; width: 100%; background-color: #213F51; border-top: none !important; top:0px; } #content{ padding-top: 65px; } #content.error-layout-adjustment, #content.error-layout-adjustment{ padding-top: 100px; } /* #headerblock .search-box { width: 100%; } */ .header-in { width: 98%; height: 65px; max-width: 1234px; float: left; position: relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%); margin: 0px !important; z-index:2; } .header-unsub { width: 98%; height: 65px; max-width: 1234px; float: left; position: relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%); margin: 0px !important; z-index:2; } #logo-header { margin: 10px 0px 0px 0px; position: relative; z-index: 2; float: left; margin-right: 90px; width: 135px; } #logo #logoHeader { margin-left: 32px; margin-top: 6px!important; background-position: -2px -386px; width: 132px; height: 46px; } #header-search-bar { width: 47%; display: inline-block; z-index:1; } #header-search-bar.mobile-only { display: none; } .search-box { width: 78%; height:45px; margin:10px 0px 10px 0px; font-size:16px; color:#7C919F ; background-color: #395F75 ; padding:0px 12% 0px 49px !important; border-radius: 5px; border: none !important; box-sizing:content-box; } .header-search-icon { width:26px; height:25px; position:absolute; top:22px; margin-left: 12px; z-index:1; } .header-search-icon i {color:#7C919F; font-size:25px !important;} .advanced-search { font-size: 12px; color: #8EA4B1; text-align: center; line-height: 12px; position: absolute; top: 21px; right: 20px; } .advanced-search:hover { color: #8EA4B1; text-decoration: none; } .advanced-search-option { position: absolute; top: 0px; right: 0px; z-index: 2;} .color-grey a.advanced-search{ color: #333; } div.menu-icon{ cursor:pointer; z-index:2; margin-top:3px; position:absolute; right:3%;} div.menu-icon i.olr-icon-hamburger-menu {color:#51778D; font-size:20px !important;} span.admin-link-menu { color: #FFF; cursor:pointer; z-index:2; position:absolute; right:9%; top: 6px; } .header-right{ height:30px; margin:18px 0px 0px 0px; float: right; } .arrow-submenu {width:17px; height:16px; top:5px; z-index:2; } .arrow-submenu i.olr-icon-video-play{color:#FFF; font-size:18px !important;transform:rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); } .admin-menu-icon .pos-center { left: 84%! important; } .admin-menu-icon .arrow-submenu { top: 5px; } .submenu{ position:absolute; width:260px; top:25px; margin:0px 0px 0px -210px; padding:20px 0px 0px 0px;z-index:2;} .admin-menu-icon .submenu { top: 20px; margin: 0px 0px 0px -240px; } #header-overlay { display: none; position: fixed; background: #000; opacity: 0.4; height: 100%; width: 100%; top: 0; left: 0; float: left; z-index: 1; } #search-overlay { display: none; width: 85%; height: 45px; margin: 10px 0px 10px 0px; position: fixed; top: 0; left: 0; z-index: 3; } .login-link {float:right; margin:0px 30px 0px 0px; } #signInLink:hover { text-decoration: none; color: #FFF; } .header-login-link { float:left; margin:0px; font-size:12px; color:#7C919F; height:30px; line-height:30px;} .header-login-link > span { float:left; } .header-login-link > a { margin:15px 0px 0px 5px; float:right; color:#FFF; } .header-login-link > a > i { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);} div.submenu-link > .submenu { display:none; } div.submenu-link-active > .submenu { display:block; } .submenu > ul {box-shadow:none !important; z-index:1; background:#fff;width:100%;} .submenu > ul > li{ width:100%; height:44px; border-top:1px solid #eaeaea; } .submenu > ul > li > a{ width:90%; margin:5px 10px; height:30px; line-height:30px; color:#4A4A4A;float:left; } .submenu > ul > li > a:hover { text-decoration: none; } .submenu > ul > li > a > i { float:left;width:20px; line-height:30px;} .submenu > ul > li > a > span { font-size: 14px; margin: 0 0 0 8px;color: #4A4A4A;} .submenu > ul > li:hover, .submenu > ul > li > a.active { font-weight: bold; background-color:#DEDEDE; color: #000; } .submenu > ul > li.active { font-weight: bold; background-color: #85a5b3; color: #000; } .submenu > ul > li i.biz, .submenu > ul > li i.dash, .submenu > ul > li i.port, .submenu > ul > li i.acc, .submenu > ul > li i.add-team, .submenu > ul > li i.sign-out {font-size:14px !important;color:#D8732D;} .submenu > ul > li i.biz {font-size:11px !important;} .submenu > ul > li i.sign-out {font-size: 10px !important;} .search-box:focus { background: #FFF; color: #000; padding-left: 15px !important; position: relative; z-index: 2; width: 84%; padding-right: 12%; } .hide-overlay { display: block !important; } .menu-footer{width:100%; margin:20px 0px 0px 0px; float:left; padding:0px 0px 20% 0px;} .nav-main { width: 50px; height: 30px; float: right; margin-right: 20px;} .admin-link { position: relative; } .invite-co-workers { position:relative;float: right; margin: -3px 17px 0 0;} .invite-co-workers a{float:left;border: 1px solid #135f77;font-size: 12px; color: #85a5b3;border-radius: 7px; text-decoration: none !important;padding: 7px 8px;} .invite-co-workers a:hover{background: #9fc54e; border: 1px solid #9fc54e;color: #fff;} .submenu > ul > li.header-right-meue-footer { height: auto; float: left; width: 100%; padding: 35px 0 20px 0;} .submenu > ul > li.header-right-meue-footer .links { text-align: center; } .submenu > ul > li.header-right-meue-footer .links p { font-size: 14px; display: inline-block; } .submenu > ul > li.header-right-meue-footer .links p a { color: #333; padding: 0 10px; } .header-right-meue-footer .links p a.links-whatwedo, .header-right-meue-footer .links p a.links-company { border-right: 1px solid #333; } .header-right-meue-footer .social { padding: 25px 0 15px 0; text-align: center; } .header-right-meue-footer .social p { display: inline-block; } .header-right-meue-footer .social a { padding: 0 10px 0 0 !important; float: left; font-size: 21px; } .header-right-meue-footer .social i { color: #959595; } .header-right-meue-footer .copyright-txt { width: 100%; text-align: center; color: #777; } .header-right-buttons {height: 30px;margin: 18px 0px 0px 0px;float: right;} .header-signin-button{position: relative;float: right;margin: -3px 17px 0 0;} .header-signin-button a{float: left;border: 1px solid #007991;font-size: 12px;color: #76a7b5;border-radius: 7px;text-decoration: none !important;padding: 7px 10px;} .header-signup-button{position: relative;margin: -3px 17px 0 0;float: right;border: 1px solid #007991;font-size: 12px;color: #76a7b5;border-radius: 7px;text-decoration: none !important;padding: 7px 10px;cursor: pointer;} .header-signup-button:hover{color:#ffffff;} @media only screen and (min-width : 0px) and (max-width : 1024px) { .desktop-only, .search-desktop-only { display:none !important; } .desktop-none{ display:inline-block !important; } .admin-link { display: none !important; } } @media only screen and (min-width : 641px) and (max-width : 1024px) { #header-search-bar { width: 45%; } #header-search-bar.mobile-only { display: none; } #logo-header { margin-right: 7%; width: 135px; } .header-right .pos-center { left: 83% !important; } .submenu { margin-left: -235px !important; } .admin-menu-icon .submenu { margin-left: -250px !important; top:22px; } span.admin-link-menu { top: 4px; right: 10px; } } @media only screen and (min-width : 641px) and (max-width : 767px){ #logo-header { width: 110px; } } @media only screen and (min-width : 641px) and (max-width : 767px) and (orientation : landscape) { #logo-header { margin-right: 4%; width: 110px; } .search-box { width: 75%; } .nav-main { margin-top: 3px; } } @media only screen and (min-width : 0px) and (max-width : 640px) { #header, #headerblock, #dashboard-header { position: relative !important; } #dashboard-header-search-bar { position: absolute;} /* #content.error-layout-adjustment{ padding-top: 140px; } */ #content, #content.error-layout-adjustment{ padding-top: 0px; } .mobile-only{ display:block !important; } .mobile-none{ display:none !important; } .header-in, #header { height: 105px; width: 100% !important; } .header-unsub, #unsubscribe #header{width: 100% !important;height:65px;} #dashboard-header, .dashboard-header-in { height: 55px !important; position: fixed !important;} #logo-header { width: 110px; margin-top: 5px; margin-left: 10px; margin-right: 60px; } #signInLink { color: #FFF; } #header-search-bar.mobile-only { width: 100%; margin-top: 47px; background: #FFF; position: absolute; } .search-box { width:calc(100% - 40px - 4%); height:40px; font-size:16px; margin-top: 8px; margin-left: 2%; padding-left: 40px !important; padding-right: 0 !important; border: 1px solid #bdbdbd !important; } .search-box:focus { width: 91%; padding-right: 0; } .nav-main { width: 30px !important; top: 12px !important; float: none; position: absolute; right: 0px; margin: 0px; } .invite-co-workers { position: absolute; top:10px; right: 8%; } div.menu-icon { right: 10px;} .header-search-icon { top: 15px;margin-left: 17px; } .submenu { width: 310px; margin: -7px 0px 0px -300px; } .header-right .pos-center { left: 89% !important; } .dashboard-header-right { width: 0% !important; } .login-link { float: none; position: absolute; right: 0; top: 15px; margin: 0px 5px 0px 0px; } #dashboard-header #logo-header { margin-right: 0px; } #dashboard-header .header-search-icon { top: 13px; right: 21%; z-index: 2; } #dashboard-header .search-holder { width: 100%; position: absolute; float: left; } #dashboard-header .search-holder .search-box { margin-top: 6px; width: 0%; transition: width 0.5s; padding-left: 0% !important; float: right; position: absolute; right: 18%; border: none !important; } #dashboard-header .search-holder.width-transition .search-box { padding-left: 2% !important; border: 1px solid #bdbdbd !important; width: 78%; transition: width 0.5s; z-index: 2; } #dashboard-header .basicSearch-container ul.basicSearchSuggestionBox { position: absolute; top: 55px !important;} #dashboard-header .invite-co-workers { display: none; } .header-right-buttons {width: 48%;margin: 10px 0px 8px 0px;position: absolute;right: 0;top: 0;} .header-signin-button, .header-signup-button{margin: -3px 5px 0 0;} .header-signin-button a#signInLink{color:#76a7b5;} } /* Basic Search New Styles */ .basicSearch-container ul.basicSearchSuggestionBox{ max-width: 570px; width: 100%; background-color: #fff!important; overflow: hidden; overflow-y: auto; border: none; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; /* box-shadow: #AFAEAE 0 5px 10px; */ padding: 0px; top: 20px!important; left:-1px; background-image: none; margin: 0; border-radius: 0; } .basicSearch-container ul.basicSearchSuggestionBox li .logo-holder, .basicSearch-container ul.basicSearchSuggestionBox li .company-data-holder{ padding: 10px; display: table-cell; vertical-align: middle; } .basicSearch-container ul.basicSearchSuggestionBox li .logo-holder{ width: 25%; min-width: 120px; max-width: 120px; text-align: center; } .basicSearch-container ul.basicSearchSuggestionBox li .company-data-holder{ width: 62%; padding: 10px 0 10px 2%; } .basicSearch-container ul.basicSearchSuggestionBox li .logo-holder img{ max-height: 50px!important; height: auto!important; width: auto!important; max-width: 100px!important; } .basicSearch-container ul.basicSearchSuggestionBox li{ padding: 0; border-bottom: 1px dotted #bdbdbd; float: left; line-height: 16px; width: 100%; } .basicSearch-container ul.basicSearchSuggestionBox li .searchresult { float: left; width: 90%; padding-top: 3px; } .basicSearch-container ul.basicSearchSuggestionBox li .search-link{ width: 100%; display: table; color: #4a4a4a; min-height: 62px; } .basicSearch-container ul.basicSearchSuggestionBox li:hover{ background: none; } .basicSearch-container ul.basicSearchSuggestionBox li:hover .company-data-holder{ background: #dedede; } .highlight-item .company-data-holder { background: #dedede ; } .searchresult b{ color: #000; } .searchresult > span{ color: #bbb; } .basicSearchSuggestionBox .search-link{ cursor: pointer; } @media only screen and (min-width : 0px) and (max-width : 350px) { .basicSearch-container ul.basicSearchSuggestionBox li .searchresult{ max-width: 150px; word-break: break-all; } } @media only screen and (min-width : 350px) and (max-width : 500px) { .basicSearch-container ul.basicSearchSuggestionBox li .searchresult{ max-width: 200px; word-break: break-all; } } /* Advanced Search popup */ .advanced-search-popup-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; float: left; z-index: 1; } .advanced-search-popup { position: absolute; width: 880px; top: 40px; margin: 0 0 0 -40px; padding: 15px 0 0 0; z-index: 2;} .advanced-search-popup .pos-center { position:absolute; left: 64% !important; } .advanced-search-popup .arrow-submenu { top: 0px; } .advanced-search-popup div.float-l { width: 830px; position: absolute; padding: 25px 25px 0px 25px; box-shadow: none; z-index: 1; background: #FFF; } .close-advanced-search-popup { float: right; cursor: pointer; position: relative; top: -10px; } .close-advanced-search-popup .ico.olr-icon-close{ color: #DDD; font-size: 17px; } .advanced-search-popup-header { padding-left: 2%; padding-bottom: 15px; border-bottom: 1px solid #CCC; width: 98%; box-sizing: content-box; } .popup-header { color: #333; } .advanced-search-body { margin-top: 1px; border-top: 1px solid #CCC; padding-top: 15px; padding-left: 2%; display: inline-block; width: 98%; box-sizing: content-box; } .advanced-search-body-left { width: 360px; display: inline-block; float: left; } .advanced-search-body-right { width: 360px; display: inline-block; border-left: 70px solid #FFF; float: left; } .advanced-search-body-title { color: #8E8E8E; font-size: 12px; padding-bottom: 3px; border-bottom: 1px solid #CCC; } .advanced-search-body-content { color: #000; font-size: 14px; padding: 15px 2% 50px 2%; width: 96%; box-sizing: content-box; } .advanced-search-body-left-1 .advanced-search-body-content { padding-top: 18px; padding-bottom: 20px; } .advanced-search-body-left-2 .advanced-search-body-content { width: 96%; padding: 15px 2% 10px 2%; } .advanced-search-body-left-3 .advanced-search-body-content { padding-bottom: 22px; } .advanced-search-body-left-4 .advanced-search-body-content { padding-bottom: 54px; } .advanced-search-body-right .advanced-search-body-content { padding: 10px 0px 15px 10px; float: left; width: 98%; } .advanced-search-body-right-3 .advanced-search-body-content { padding-bottom: 15px; } .advanced-search-popup .row .field .ui.selection.dropdown { height: 23px; padding: 4px 8px 0px 10px !important; background-color: #EFEFEF !important; border-radius: 3px; z-index: 1;} .advanced-search-popup .row .field .ui.selection.dropdown .menu>.item:hover { background-color: #DEDEDE !important; color: #000 !important; } .advanced-search-popup-footer { width: 100%; height: 112px; background-color: #003D51; position: absolute; margin-left: -25px; } .advanced-search-jimf { background: url(../images/advSearch_jimf.png) no-repeat; width: 164px; height: 132px; display: inline-block; float: left; margin: -20px 20px 0px 93px; } .footer-dynamic-text { display: inline-block; width: 200px; margin-top: 25px; margin-right: 45px; line-height: 27px; float: left; } .advanced-search-popup-footer .count-result { font-size: 30px; color: #FFF; text-align: center; } .popup-footer { font-size: 14px; color: #A8A8A8; display: block; } .generate-list { width: 165px; height: 48px; background: #9FCC14 !important; box-shadow:0 2px 0 #6F8F0C !important; font-size: 16px; color: #FFF; border-radius: 10px; margin-top: 30px; } .generate-list.inactive{ opacity: 0.6; cursor: default; } input[type="radio"].ownership-radio { display:none; } label.radio-label { position: relative; cursor: pointer; padding-left: 20px; } label.radio-label::before { content: ''; display: block; position:absolute; width: 14px; height: 14px; background: #FFF; border: 1px solid #CCC; border-radius: 50%; left: 0; top: 2px; } label.radio-label::after { content: ''; position:absolute; width: 8px; height: 8px; border-radius: 50%; left: 4px; top: 6px; transition: all 0.2s; } input[type="radio"].ownership-radio:checked + label.radio-label::after { background: #7390C3; } .loc-country { width: 100%; height: 29px; display: inline-block; float: left; margin-bottom: 15px; } .loc-state { width: 100%; height: 29px; display: inline-block; margin-bottom: 15px; } .loc-zipcode { width: 47.5%; height: 29px; display: inline-block; margin-bottom: 15px; } .loc-areacode { width: 48%; height: 29px; margin-left: 3%; display: inline-block; } .ind-industry, .sec-section { width: 100%; padding-bottom: 15px; } .advanced-search-popup i.dropdown-arrow { color: #6F6F6F; font-size: 20px; } .advanced-search-popup .row .field .ui.dropdown>.text { color: #000 !important; font-weight: normal !important; font-size: 14px !important; } .advanced-search-popup .row .field .ui.dropdown>.default.text { color: #9A9A9A; font-weight: normal; font-size: 14px; } .advanced-search-popup input:focus::-webkit-input-placeholder { color:#9A9A9A; } .advanced-search-popup input:focus:-moz-placeholder { color:#9A9A9A; } .advanced-search-popup input:focus::-moz-placeholder { color:#9A9A9A; } .advanced-search-popup input:focus:-ms-input-placeholder { color:#9A9A9A; } /* Right slide popup - slider styles */ .advanced-search-body-right span{ transition: none !important; color: #000 !important; font-size: 14px; } .advanced-search-body-right rzslider .rz-pointer:after{ background: none !important; } .advanced-search-body-right rzslider .rz-pointer{ float: left; top: -15px; cursor: pointer; background: none !important; width: auto; height: auto; } .advanced-search-body-right rzslider .rz-pointer .ico.olr-icon-slider{ color: #6f8ec1; font-size: 26px; background: #FFF !important; } .advanced-search-body-right rzslider .rz-bar{ height: 0px !important; border-bottom: 1px dotted #d7d7d7; background: none; } .advanced-search-body-right rzslider .rz-bar.rz-selection{ background: #000; border-bottom: 1px solid #000; } /* Drop down's in advanced search css */ .search-holder .select-style, .search-holder .multiSelectLabel {padding: 0;margin: 0;border-radius: 0px;position: relative;border:0px;} .search-holder .select-style:after, .search-holder .multiSelectLabel:after {top: 50%;right: 10px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-top-color: #6f6f6f;border-width: 5px;margin-top: -2px;z-index: 100;} .search-holder .select-style select {word-wrap: break-word;white-space: normal;outline: 0;-webkit-transform: rotateZ(0);transform: rotateZ(0);width: 100%;background: #FFF;display: inline-block;border: 1px solid #dadada;cursor: pointer;padding: 4px 8px 7px 10px!important;background-color: #efefef!important;border-radius: 3px;z-index: 1;color:gray;font-size:14px; -webkit-appearance: none;-moz-appearance: none;appearance: none;} .search-holder .multiSelectLabel, .search-holder ul.multiSelectDropDown {word-wrap: break-word;white-space: normal;outline: 0;-webkit-transform: rotateZ(0);transform: rotateZ(0);width: 93%;background: #FFF;display: inline-block;border: 1px solid #dadada;cursor: pointer; background-color: #efefef!important;border-radius: 3px;z-index: 1;color:gray;font-size:14px; -webkit-appearance: none;-moz-appearance: none;appearance: none; padding: 4px 2% 5px 5% !important; box-sizing: content-box; } .search-holder ul.multiSelectDropDown { padding: 0px !important; width: 100%; z-index: 101 !important; left: 0; top: 28px; } .search-holder ul.multiSelectDropDown:hover .multiSelectDefaultOption { color:gray; background-color: #efefef; } .search-holder ul.multiSelectDropDown li:hover, .search-holder ul.multiSelectDropDown li.multiSelectDefaultOption:hover { color: #FFF; background-color: #1E90FF; } .search-holder ul.multiSelectDropDown li { height: 22px; line-height: 22px; vertical-align: middle; } .search-holder ul.multiSelectDropDown li span { padding: 5px 8px 8px 10px!important; } .search-holder .select-style select:focus, .search-holder .multiSelectLabel:focus {outline: none;} .loc-zipcode .multiSelectList, .loc-areacode .multiSelectList{ position: relative; } .search-holder ul.multiSelectDropDown { max-height: 200px; overflow-y: scroll; position: absolute; } ul.multiSelectDropDown .highlight-item { color: #FFF; background-color: #1E90FF; } .search-holder .row .field .ui.selection.dropdown{cursor:pointer;word-wrap:break-word;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);width:94%;background:#FFF;display:inline-block;padding:1% 4% 1% 2%;border:1px solid #dadada ;cursor:pointer} .search-holder .row .field .ui.selection.dropdown.visible{z-index:10;position:relative;} .search-holder .row .field .ui.dropdown .menu{width:100%;left:-1px;cursor:auto;position:absolute;display:none;outline:0;top:100%;margin:0;padding:0;background:#FFF;font-size:13px;text-shadow:none;text-align:left;border:1px solid #dadada ;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity;max-height:150px;overflow-y:auto} .search-holder .row .field .visible.transition{display:block!important;visibility:visible!important} .search-holder .row .field .transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both} .search-holder .row .field .ui.selection.dropdown .menu>.item{border-top:1px solid #dadada ;padding:7px 10px;white-space:normal;word-wrap:normal} .search-holder .row .field .ui.selection.dropdown .menu>.item:hover{background: #157936 ;color: #fff;} .search-holder .row .field .ui.dropdown .menu>.item:first-child{border-top-width:0} .search-holder .row .field .ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:0;height:auto;text-align:left;border-top:0;line-height:1em;color:#000000 ;padding:5px 10px;font-size:13px;text-transform:none;box-shadow:none;-webkit-touch-callout:none} .search-holder .row .field .ui.dropdown>.default.text{color:grey} .search-holder .row .field .ui.dropdown>.text{-webkit-transition:none;transition:none;font-size: 14px;color:#000 ;} /* RZ SLIDER - External Plugin CSS for Advanced search functionality */ /*! angularjs-slider - v2.6.0 - (c) Rafal Zajac , Valentin Hervieu , Jussi Saarivirta , Angelin Sirbu - https://github.com/angular-slider/angularjs-slider - 2016-01-31 */ rzslider { position: relative; display: inline-block; width: 100%; height: 4px; margin: 35px 0 15px 0; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } rzslider[disabled] { cursor: not-allowed; } rzslider[disabled] .rz-pointer { cursor: not-allowed; background-color: #d8e0f3; } rzslider span { position: absolute; display: inline-block; white-space: nowrap; } rzslider .rz-base { width: 100%; height: 100%; padding: 0; } rzslider .rz-bar-wrapper { left: 0; z-index: 1; width: 100%; height: 32px; padding-top: 16px; margin-top: -16px; box-sizing: border-box; } rzslider .rz-bar-wrapper.rz-draggable { cursor: move; } rzslider .rz-bar { left: 0; z-index: 1; width: 100%; height: 4px; background: #d8e0f3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } rzslider .rz-bar.rz-selection { z-index: 2; background: #0db9f0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } rzslider .rz-pointer { top: -14px; z-index: 3; width: 32px; height: 32px; cursor: pointer; background-color: #0db9f0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } rzslider .rz-pointer:after { position: absolute; top: 12px; left: 12px; width: 8px; height: 8px; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; content: ''; } rzslider .rz-pointer:hover:after { background-color: #ffffff; } rzslider .rz-pointer.rz-active { z-index: 4; } rzslider .rz-pointer.rz-active:after { background-color: #451aff; } rzslider .rz-bubble { bottom: 16px; padding: 1px 3px; color: #55637d; cursor: default; } rzslider .rz-bubble.rz-selection { top: 16px; } rzslider .rz-bubble.rz-limit { color: #55637d; } rzslider .rz-ticks { position: absolute; top: -3px; left: 0; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 0; padding: 0 11px; margin: 0; list-style: none; box-sizing: border-box; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } rzslider .rz-ticks .tick { width: 10px; height: 10px; text-align: center; cursor: pointer; background: #d8e0f3; border-radius: 50%; } rzslider .rz-ticks .tick.selected { background: #0db9f0; } rzslider .rz-ticks .tick .tick-value { position: absolute; top: -30px; transform: translate(-50%, 0); } rzslider.vertical { position: relative; width: 4px; height: 100%; padding: 0; margin: 0 20px; vertical-align: baseline; } rzslider.vertical .rz-base { width: 100%; height: 100%; padding: 0; } rzslider.vertical .rz-bar-wrapper { top: auto; left: 0; width: 32px; height: 100%; padding: 0 0 0 16px; margin: 0 0 0 -16px; } rzslider.vertical .rz-bar { bottom: 0; left: auto; width: 4px; height: 100%; } rzslider.vertical .rz-pointer { top: auto; bottom: 0; left: -14px !important; } rzslider.vertical .rz-bubble { bottom: 0; left: 16px !important; margin-left: 3px; } rzslider.vertical .rz-bubble.rz-selection { top: auto; left: 16px !important; } rzslider.vertical .rz-ticks { top: 0; left: -3px; z-index: 1; width: 0; height: 100%; padding: 11px 0; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } rzslider.vertical .rz-ticks .tick { vertical-align: middle; } rzslider.vertical .rz-ticks .tick .tick-value { top: auto; right: -30px; transform: translate(0, -28%); } /*----New Authentication----*/ header{width:100% !important;} .header-outer-holder{width: 100%; float: left; position: relative; z-index: 99;} .aut-overlay-main{ width:100%; height:100%; position:fixed; background:#000000; opacity:0.8; z-index:999; left:0px; top:0px;} .aut-signin-pop{ width:500px; background:#ffffff; position:fixed; left:50%; top:150px; margin:0px 0px 0px -250px; border:1px solid gray; padding:0px 0px 15px 0px; z-index:9999;} .aut-popup-close-btn{ font-size:16px; color:#cfcfcf; float:right; margin:14px 14px 0px 0px; cursor:pointer;padding:0px 0px 0px 0px;} .aut-pop-title{ width:calc(100% - 50px); margin:20px 0px 0px 25px; float:left; font-size:22px; line-height:26px; font-family:Dinot_Medium; text-align:center;} .aut-pop-txt-box{ width:calc(100% - 50px); margin:20px 0px 0px 25px;float:left; border:none !important;} .aut-btn-yellow{ width:205px; height:44px; border-radius:5px; background:#ffc000; color:#ffffff; font-family:Dinot_Medium; margin:15px 0px 0px -102px; text-transform:uppercase; border:0px; float:left; position:relative; left:50%; box-shadow:0px 2px 0px #c79600; cursor:pointer;} .aut-btn-inactive{opacity:0.5; cursor: auto;} .aut-btn-inactive:hover{opacity:1; cursor: pointer;} .aut-register-link{ float:left; text-align:center; width:100%; margin:25px 0px 0px 0px; color:#333232; font-size:12px;} .aut-register-link > span{ color:#00acec; cursor: pointer;} .aut-jimf-holder{ width:100%; text-align:center; margin:33px 0px 0px 0px;} .aut-jimf-holder > .aut-jimf-span{ width:90px; height:71px; background:url(../images/event_page_sprite.png) no-repeat; background-position:0px -43px; float:left; position:relative; left:50%; margin:0px 0px 0px -45px;} .aut-note-txt{ width:calc(100% - 50px); margin:50px 0px 0px 25px; color:#999999; font-size:13px; line-height:18px; float:left; padding:0px 0px 10px 0px;} .aut-note-txt > span.link{ color:#00acec; cursor: pointer;} .aut-unlock-icon{color:#ffc000 !important; padding:0px 2px 0px 0px;} .aut-pop-txt-box > .row{ position: relative; width:100%;} .aut-pop-txt-box > .row > .field > .input-ct{width:calc(100% - 20px); margin:0px; padding:15px 10px !important; height:30px; background:#ebebeb; border-radius:5px; font-style:italic; color:#919191; font-size:18px; font-family:Dinot_Regular; box-sizing:content-box; float:left; border:none !important;} .aut-pop-txt-box > .row > .field > .input-ct > .input-field{font-style:italic; color:#333232; font-size:18px; font-family:Dinot_Regular; width: 100%;} .aut-pop-txt-box > .row > .field > .error-msg, .aut-error-msg{ position:relative; width: 100%; color: #ffffff; line-height: 18px; margin:10px 0px -5px 0px; float:left; background: #ff2727; padding:10px 0px;} .aut-error-msg{width:calc(100% - 50px); margin: 10px 25px -5px 25px; padding:10px 0px;} .aut-pop-txt-box > .row > .field > .error-msg > i, .aut-error-msg > i{ width: 18px; margin:0px; position: absolute; left:10px; top:50%; margin: -7px 0px 0px 0px;} .aut-pop-txt-box > .row > .field > .error-msg > span, .aut-error-msg > span{ width:calc(100% - 38px); float: left; margin: 0px 0px 0px 38px;} .aut-loading{ left:0px; top:0px; position: absolute; width: 100%; height:100%;} .aut-loading-overlay{ width: 100%; height:100%; position: absolute; background: #ffffff; opacity:0.95; left:0px; top:0px;} .aut-loading-img{ position: absolute; left: 50%; top:50%; margin:-12px;} .aut-loading-txt{ width: 100%; margin:100px 0px 0px 0px; text-align: center; font-size: 20px; color: #ef6f22; position: absolute; top: 50%; left: 0px;} .aut-email-brk-wrd{ word-wrap:break-word;} @media only screen and (min-width : 0px) and (max-width : 640px) { .aut-signin-pop{ width:calc(100% - 20px); height:calc(100% - 35px); position:fixed; left:10px; top:10px; margin:0px; overflow: scroll;} .aut-unlock-icon{ width: 100%; padding: 0px 2px 12px 0px;} .aut-register-link{font-size:13px;} }