@charset "utf-8";
/* CSS Document */
body { font-family: 'Open Sans', sans-serif; font-size:13px; }
.header-band{ width:100%; background:red}
.logo-band{ float:left; padding:15px 30px;}
.opApi-block{ float:left; width:100%; background:#f5f5f5;}
.opApi-block .container{ max-width:900px; width:100%; margin-bottom:20px;}
.opApi-block a{ outline:none !important; }
.opApi-header{ float:left; background:url(../img/opAPIbanner.jpg) no-repeat center top;background-size: cover; height:100px; width:100%; position:relative;}
.opApi-header:after{ position:absolute; left:0; top:0; bottom:0px; right:0px; background:rgba(0,0,0,0.75); width:100%; content:''; display:block;}
.opApi-hTitle{ font-size:30px; color:#fff; text-align:center; padding:10px; position:relative; z-index:1; margin-top:25px; margin-bottom:25px; display:none;}
.opApiSearch-block{ margin:0 auto; max-width:1100px; width:90%;position:relative; z-index:1;margin-top:20px;}
.opApi-sKeywords{ width:25%; height:50px; background:#fff; float:left; border-right:solid 1px #f1f1f1; position:relative;border-radius: 5px 0 0 5px;}
.opApi-country{ float:left; width:100%; max-width:14%;height:50px; border-right:solid 1px #f1f1f1; background:#fff; }
.opApi-state{ float:left; width:100%;max-width:13%;height:50px; border-right:solid 1px #f1f1f1; background:#fff; }
.opApi-city{ float:left; width:100%;max-width:14%;height:50px; border-right:solid 1px #f1f1f1; background:#fff; }
.opApi-industry{ float:left; width:100%;max-width:14%;height:50px; border-right:solid 1px #f1f1f1; background:#fff; }
.opApi-status{ float:left; width:100%;max-width:10%;height:50px; border-right:solid 1px #f1f1f1; background:#fff; }
.opApiSearchBtn{ float:left; width:100%;max-width:10%;height:50px; background:#29aafe; color:#fff;border-radius: 0 5px 5px 0; }
.opApiSearchBtn input[type=submit]{ border:none; background:none; width:100%; text-align:center; line-height:50px;}
.opApiSearch-block input[type=text], .opApiSearch-block select{ border:none; width:94%; padding:5px; margin-top:10px;}
.opApi-sKeywords input[type=text]{ padding-left:46px;}
.opApi-sKeywords img{ position:absolute; left:15px; top:15px;}
select:focus, input[type=text]:focus{ outline: none;}
.opApi-content{ float:left; width:100%; background:#f3f1f2;}
.opApiListH{ padding:15px 16px 6px;float: left;width: 100%;}
.apiResult{ color:#666; font-size:14px; float:left;margin-top: 6px;}
.opApiResult-listBlock{ float:left; width:100%; }
.opApi-rlSection{float:left; width:100%;}
.opApiR-lirow{ float:left; width:100%;}
.opApi-rlSection a:nth-child(20) .opApiR-lirow{ border-bottom:none !important;}
.opApiL-t1{ color:#002c71; font-size:16px; font-weight:600;}
.opApiL-t2{ color:#666; font-size:13px; font-weight:400;padding:0 0 3px 0;}
.opApiL-add{color:#999; font-size:13px;}
.opApiL-add i{ color:#1ba1ff;}
.opApiL-info{color:#444; font-size:13px; max-width:100%; padding:4px 0 0;line-height: 18px;}
.opApiR-lirow label{color:#333; font-size:13px; padding-right:5px;clear:both;display: block;}
.opApiR-lirow .label-data{color:#666; font-size:13px;clear:both;font-weight: normal;}
.opApiB-none{ border:none}
.opApi-pagination{ padding:20px 25px; float:left; width:100%;position: relative;}
.opApi-crs-previous {font-size: 13px;color: #666;cursor: pointer;line-height: 24px;position: absolute;left:25px;z-index: 1;}
.opApi-pagination a{text-decoration: none; font-weight:600}
.opApi-pagination a.disabled{color: #888;cursor: not-allowed;}
.opApi-pNum {text-align: center;position: relative;width: auto; max-width:350px; float: right;}
.opApi-pNum ul {margin: 0px;padding: 0px;}
.opApi-pNum ul li {padding: 5px;display: inline-block; float:none; margin:0; list-style-type:none;}
.opApi-pNum ul li a {color: #3084c0;font-size: 14px;padding: 2px; border-bottom: solid 2px transparent; text-decoration:none;}
.opApi-crs-next {font-size: 14px;color: #666;cursor: pointer;line-height: 24px;position: absolute;right:25px; }
.opApi-pNum ul li.active a {color: #a5a5a5;border-bottom: solid 2px #a5a5a5;}
.crsAp-btn { -moz-box-shadow:inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271; box-shadow:inset 0px 0px 2px 0px #a4e271; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809)); background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%); background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%); background:-o-linear-gradient(top, #89c403 5%, #77a809 100%); background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%); background:linear-gradient(to bottom, #89c403 5%, #77a809 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
background-color:#89c403; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #74b807; display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; text-decoration:none; min-height: 32px; padding: 2px 10px 4px; min-width:80px; font-weight: 600;margin: 15px 0; margin-right:5px;}
.crsAp-btn:hover, .crsAp-btn:active, .crsAp-btn:visited{ background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403)); background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%); background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%); background:-o-linear-gradient(top, #77a809 5%, #89c403 100%); background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%); background:linear-gradient(to bottom, #77a809 5%, #89c403 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403', GradientType=0);
background-color:#77a809; color: #fff !important;}
.apply-with-options img{width:20px;margin:0 5px;}
#loader {position: fixed;z-index: 1060;width: 100%;height: 100%;background: #000;opacity: 0.7;cursor: wait;}
#loading-image{cursor: wait;position: fixed;left: 50%;top: 55%;z-index: 1;width:75px;margin: -75px 0 0 -75px;z-index: 11000;}
#loading-message{}
#job_description_block .opApi-rlSection{position: relative;display: block;}
#job_description_block .opApi-rlSection .close_popup{position: absolute;right: 0; top: 0;}
/*Popup css*/
.picker-dialog { z-index:1051!important; }
ul.crsPop-ul { margin:0px; padding:0; }
.crsPop-ul li { float:left; width:46%; min-height:64px; margin-left:0%; margin-right:4%; position:relative; list-style-type:none; }
.crsInv-selfD { margin:2% 0% 1%; float:left; width:100%; border-radius:3px; }
.form-control, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus { box-shadow: none; }
.aWR .panel { background:#f5f5f5; border:none; box-shadow:none; font-size:12px; color:#666; }
.aWR .panel-group { margin-bottom: 0px; }
.aWR .panel ul { margin:5px 0 5px 20px; }
.aWR .panel ul li { list-style-type:disc; }
.aWR .panel ul ul li { list-style-type:circle; }
.aWR .panel-default > .panel-heading { padding: 0; border:none; background:none; }
.aWR .panel-title { font-size: 14px; }
.aWR .panel-title > a { display: block; padding: 10px 15px; text-decoration: none; font-size: 12px; color: #000; }
.aWR .more-less { float: right; color: #2096ee; font-size:12px; font-weight:bold; }
.aWR .panel-default > .panel-heading + .panel-collapse > .panel-body { border:none; padding: 5px 15px; }
.aWR .list33 { margin: 10px 0; margin-left: 20px; }
.aWR .list33 li { width: 33% !important; float: left !important; list-style-type: disc; color: #666; }
.modal-content { border-radius:0; }
.modal-dialog { margin-top:50px; }
.aWR .modal-body { padding:25px; }
.aWR .modal-header { padding: 15px 25px; background: #f8f8f8; border-bottom: solid 1px #eee; }
.aWR .modal-header .close { margin-top: 0px; }
.aWR .modal-title { float:left; max-width:90%; }
.aWR .close-icon { background: url(../img/mega-menu-icons/svgicons.svg) no-repeat -80px -32px; height: 20px; width: 20px; cursor: pointer; display: inline-block; margin-top: 0px; }
.aWR .panel-group .panel + .panel { margin-top: 4px; }
.aWR .glyphicon { top:0; }
.svg-i { background:url(../img/mega-menu-icons/svgicons.svg) no-repeat; }
.crsQuestion { background-position:-256px 0; width:32px; height:32px; display:block; }
.crsShare { background-position:-80px -52px; width:20px; height:20px; display:block; float:left; margin-right:8px; }
.crsPrint { background-position:-140px -52px; width:20px; height:20px; display:block; float:left; margin-right:8px; }
.crsSout { background-position:-368px -108px; width:16px; height:16px; float:left; display:block; margin-left: -6px; margin-right: 8px; margin-top: 3px; }
.crsAp-without-btn {border: none;padding: 5px 5px 7px;width: 190px;color: #0274b2;background: none;height: 34px;margin-top: 10px;}
/*Placeholder css*/
.ph-wrapper { position: relative; margin-bottom: 5px; }
.crsPholder { position: relative; left: 0; font-size: 14px; color: #051152; margin:0; width:auto; z-index:1; font-weight:normal; }
.crsPholder { color: #aaa; font-size:11px; top:10px }
.ph-wrapper input, .ph-wrapper select, .ph-wrapper textarea { border:none; border-bottom:solid 1px #ccc; width:100%; height:32px; font-size:12px; position:relative; background:none; border-radius:0px; padding:0; resize: none; }
.ph-wrapper select { border: solid 0px #d6dce8!important; outline: #d6dce8 solid 0px!important; border-bottom:solid 1px #ccc!important; background:none; border-radius:0px; padding:0; }
.ph-wrapper input:focus, .ph-wrapper select:focus, .ph-wrapper textarea:focus { outline:none; box-shadow:none; }
.ph-wrapper select.brdH { border-bottom:solid 1px #00bcd4!important; outline: #d6dce8 solid 0px!important; }
.ph-wrapper input.brdH, .ph-wrapper select.brdH, .ph-wrapper textarea.brdH { border:none; border-bottom:solid 1px #00bcd4; }
.ph-wrapper select option:first-child { display:none; }
.noneField { border:none; border-bottom:solid 1px #ccc; width:100%; height:32px; font-size:14px; position:relative; background:none; border-radius:0px; }
.noneField .crsPholder { position:static; }
.noneField .radio-horz-p label { width:auto!important; margin-top:0px; margin-right:10px; }
.ph-wrapper input[type="checkbox"], .ph-wrapper input[type="radio"] { width:initial; height:initial; width: 16px; height: 16px; float: left; }
.ph-wrapper .ms-choice { border-bottom: solid 1px #ccc!important; background:none; font-size: 14px; outline:none; width: 100%!important; }
.ph-wrapper .new-select { width:100%; margin-top: 0; }
.ph-wrapper .ms-drop { width:100%!important; }
.ph-wrapper .ms-drop ul > li label input { width: 16px; height: 16px; }
.ph-wrapper .ms-drop ul > li { min-height: initial; float:left; width:100%; }
.ph-wrapper .ms-drop input[type="checkbox"] { margin-top: 4px; }
.ph-wrapper .custom_check_box { float: left; width: 33%; }
.ph-wrapper .custom_check_box label { width: 70%; float: left; margin-top: 10px; }
.ph-wrapper .custom_check_box > input { margin-top:14px; }
.ph-wrapper .input.checkbox { float: left; margin-top: 4px; }
.ph-wrapper .radio-horz-p label { margin-top:11px; }
.ph-wrapper .label-mrgn input[type="radio"] { margin-top: 15px; }
.ph-wrapper .label-mrgn { float:left; margin-left:10px; }
.ph-wrapper .ms-drop ul > li label { margin-bottom:0px; }
/*.has-danger label{color:red;}*/
.has-danger input{border-color:red;}
.has-danger input:focus{border-color:red;}
.error_msg {color:red;font-size: 10px;}
.success_msg {color:green;}
.terms_conditions{font-size:11px;color:#000;font-weight:normal;line-height: 22px;}
#modal-body-block #loading-image{display: block;}
#modal-loader {position: fixed;z-index: 2;width: 100%;height: 100%;background: #fff;opacity: 0.5;cursor: wait;}
#modal-loading-image{cursor: wait;position: fixed;left: 50%;top: 50%;z-index: 1;width:125px;margin: -75px 0 0 -75px;z-index: 11000;}
#modal-loading-message{display: none;}
.has-feedback{position: relative;}
.has-feedback input[type="file"]{padding: 0;height: 25px;margin-top: 10px;}
.with-errors{position: absolute; left:0; top:50px;font-size: 10px;}
label.required:after { content:" *"; color: red;}
#back2Top{z-index: 999;display: none;cursor: pointer;position: fixed;bottom: 40px;right: 10px;color: #555;text-align: center;font-size: 50px;text-decoration: none;color: #0084bfbd;}
#back2Top:hover{color: #0084bf;}
.currentOpenList {float: left;width: 100%;padding:10px 20px 15px;margin-bottom: 10px;border: solid 1px #e0e0e0;background: #fff;border-radius: 3px;}
.opApiL-info table td:first-child{ color:#000; padding-right:10px;vertical-align: top;}
.opApiL-info table td:last-child{ color:#666;}
a:hover{ text-decoration:none;}
.notReady{ float:left; width:100%; background:#fff; text-align:center; padding:20px 34px; box-shadow:0 0 8px rgba(0,0,0,0.1); margin-top:20px;}
.notRTitle{ font-size:18px; font-weight:600; color:#333; margin-bottom:5px;}
.notRInfo{ color:#666; font-size:13px;}
a.notRBtn{ padding:8px 26px; text-align:center; color:#fff; border:none; background:#4285f4; margin:10px auto 0; border-radius:100px; font-size:15px;display:inline-block;}
a.notRBtn:hover, a.notRBtn:focus{ color:#fff; outline:none; text-decoration:none;}
#captcha1, #captcha2{position: absolute;right: 0;top: 0;}
@media screen and (max-width: 767px) {
.opApi-header{height:auto; padding-bottom:30px;}
.opApi-sKeywords{ max-width:100%;border-radius: 0px; width:100%;}
.opApi-country{ max-width:50%; margin-top:5px;}
.opApi-state{ max-width:50%;margin-top:5px;}
.opApi-city{ max-width:50%;margin-top:5px;}
.opApi-industry{ max-width:50%;margin-top:5px;}
.opApi-status{ max-width:50%;margin-top:5px;}
.opApiSearchBtn{max-width:50%;border-radius: 0px;margin-top:5px; position:relative;}
.opApiSearchBtn a{ right: 4px!important;}
}
/* skeleton loader start */
.dashboard-dyn-loading:empty { margin: auto; margin-top:20px; width: 100%; height: 108px; /* change height to see repeat-y behavior */ background-image:
linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), linear-gradient( lightgray 6px, transparent 0 ), linear-gradient( lightgray 6px, transparent 0 ), linear-gradient( lightgray 6px, transparent 0 ), linear-gradient( lightgray 6px, transparent 0 ), linear-gradient( lightgray 6px, transparent 0 ), linear-gradient( lightgray 6px, transparent 0 ); background-repeat: repeat-y; background-size:
100px 100%, /* highlight */ 25% 1000px, 30% 200px, 100% 200px, 100% 200px, 100% 200px, 40% 200px; background-position:
0 0, /* highlight */ 0px 0, 0% 20px, 0% 40px, 0% 60px, 0% 80px, 0% 100px; animation: shine 1.5s infinite; }
@keyframes shine { to {
background-position:
100% 0, /* move highlight to right */ 0px 0, 0% 20px, 0% 40px, 0% 60px, 0% 80px, 0% 100px;
}
}
canvas{/*prevent interaction with the canvas*/pointer-events:none;}
/* END skeleton loader */
top of page
Looking for opportunities?
Find a Job bottom of page