@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 */

Looking for opportunities?

Find a Job

© Copyright 2020 | Flexon Technologies | All Rights Reserved.