:root {
    --theme-color: rgb(0, 102, 204);
    --theme-color-values: 0, 102, 204;
    --theme-color-dark: rgb(0, 81, 163);
    --theme-font-family: Arial, Helvetica, sans-serif;
}

html {
    height: 100%;
}

body {
    background-color: #ffffff;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    overflow-y: auto;
}

.primary-color,
.primary-color-inverse:hover,
.primary-color-background,
.radio-container input:checked ~ .radio-checkmark,
.checkbox-container input:checked ~ .checkmark,
.DayPicker-Day--today,
.fc-state-active,
.dropdown-item:active,
.filter-list-selected,
.btn-pageno:hover,
.listitem-active,
.listitem:hover,
.background-white:hover,
.sidenav,
.secondary-btn
.dialog-btn-success,
.cal-jobs-filter-btn,
.navbar-dark {
    /** primary color background i.e: blue, or red **/
    background-color: #0066CC;
}

.primary-color:hover,
.primary-color-inverse,
.dialog-btn-success:hover {
  /** secondary color background always white **/
  background-color: #ffffff;
}

.primary-color,
.dropdown-item:active,
.primary-color-inverse:hover {
    /** secondary color always white **/
    color: #ffffff;
}

a,
.job-title:hover,
.a-link,
.text-primary-color,
.primary-color:hover,
.primary-color-inverse,
.dialog-btn-success:hover,
.selected-sub-menu,
.license-selected-sub-menu,
.loader,
.job-filter:hover,
.forget-password-link:hover,
.can-hover:hover,
.clear-all-jobs-btn:hover,
.breadcrumb-link {
    /** primary color i.e: blue **/
    color: #0066CC;
}
.primary-color-background-important{
    background-color: #0066CC !important;
}
.fill-theme{
    fill: #0066CC;
}
.border-theme{
    border-color:#0066CC ;
}
.primary-color-border,
.m-signature-pad,
.selected-sub-menu,
.no-search,
.license-selected-sub-menu {
    /** primary color border i.e blue, red **/
    border-color: #0066CC;
}

.custom-client-btn {
    border-radius: 5px;
}

.top-bar {
    background-image: url('http://www.jobssos.com/candidates/css/resources/blueimages/TopBanner2.png');
}

.filter-list-section,
.primary-color-border,
.filter-list-left-section,
.cal-jobs-filter-label {
    border-color: #0066CC;
}
.icon_close{
    height: 10px;
    width: 10px;
    float:left;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='10px' height='10px' viewBox='0 0 163 279'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230066CC;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eright_triangle%3C/title%3E%3Cpath class='cls-1' d='M24,279,163,139,24,0,0,24,116,140,0,256Z'/%3E%3C/svg%3E");
}
.icon_open{
    height: 10px;
    width: 10px;
    float:left;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='10px' height='10px' viewBox='0 0 279 163'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230066CC;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Edown_triangle%3C/title%3E%3Cpath class='cls-1' d='M-58,82,82,221,221,82,197,58,81,174-35,58Z' transform='translate(58 -58)'/%3E%3C/svg%3E");
}
.onBoardingPackagesButtonLeft{
    height: 38px;
    width: 38px;
    float:left;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='38px' height='38px' viewBox='0 0 38 38' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='With-Frame' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='On-boarding' transform='translate(-1221.000000, -341.000000)'%3E%3Cg id='Group-2' transform='translate(1222.000000, 342.000000)'%3E%3Cg id='Group-3'%3E%3Ccircle id='Oval-2' stroke='%230066CC' stroke-width='2' cx='18' cy='18' r='18'%3E%3C/circle%3E%3Cpath d='M22,17.9997188 C22,17.6990017 21.8774006,17.4162826 21.6554801,17.2048057 L16.3410281,12.219351 C16.0337536,11.926883 15.5371484,11.926883 15.2298739,12.219351 C14.9233754,12.5125689 14.9233754,12.987267 15.2298739,13.279735 L20.2673133,17.9997188 L15.2298739,22.7197025 C14.9233754,23.0121705 14.9233754,23.4868686 15.2298739,23.7800866 C15.5371484,24.0733045 16.0337536,24.0733045 16.3410281,23.7800866 L21.6554801,18.7953818 C21.8774006,18.582405 22,18.3011858 22,17.9997188 Z' id='Arrow-Right-Icon-Copy' fill='%230066CC' transform='translate(18.500000, 18.000000) scale(-1, 1) translate(-18.500000, -18.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.onBoardingPackagesButtonRight{
    height: 38px;
    width: 38px;
    float:left;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='38px' height='38px' viewBox='0 0 38 38' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EGroup%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='With-Frame' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='On-boarding' transform='translate(-1271.000000, -341.000000)'%3E%3Cg id='Group-2' transform='translate(1222.000000, 342.000000)'%3E%3Cg id='Group' transform='translate(50.000000, 0.000000)'%3E%3Ccircle id='Oval-2-Copy' stroke='%230066CC' stroke-width='2' cx='18' cy='18' r='18'%3E%3C/circle%3E%3Cpath d='M22,17.9997188 C22,17.6990017 21.8774006,17.4162826 21.6554801,17.2048057 L16.3410281,12.219351 C16.0337536,11.926883 15.5371484,11.926883 15.2298739,12.219351 C14.9233754,12.5125689 14.9233754,12.987267 15.2298739,13.279735 L20.2673133,17.9997188 L15.2298739,22.7197025 C14.9233754,23.0121705 14.9233754,23.4868686 15.2298739,23.7800866 C15.5371484,24.0733045 16.0337536,24.0733045 16.3410281,23.7800866 L21.6554801,18.7953818 C21.8774006,18.582405 22,18.3011858 22,17.9997188 Z' id='Arrow-Right-Icon' fill='%230066CC'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.sidenav {
    --box-shadow-color: rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 15px 0px var(--box-shadow-color);
    -moz-box-shadow: 0px 0px 15px 0px var(--box-shadow-color);
    box-shadow: 0px 0px 15px 0px var(--box-shadow-color);
}
.country-filter{
     
}
.state-filter{
    
}
.zip-filter{
    
}
.jobtype-filter{
    
}
.city-filter{
    display: none;
}
.company-column{
    display: none;
}
.date-column{
    display: none;
}
.socialnetwork{
    display: none;
}

.hideshow-country {
    
}

.hideshow-state {
    
}

.hideshow-jobtype {
    
}

.hideshow-zipcode {
    
}

.hideshow-company {
    display: none;
}

.hideshow-jd-company {
    display: none;
}

.hideshow-jd-positiontype {
    display: none !important;
}

.hideshow-jd-experience {
    display: none !important;
}

.hideshow-jd-start {
    display: none !important;
}

.hideshow-jd-end {
    display: none !important;
}

.hideshow-jd-socialnetwork {
    display: none;
}

.hideshow-jd-payrate {
    display: none;
}

.hideshow-start-end-date {
    display:none;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar:horizontal{
    height: 7px;
}
/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px; 
}
::-webkit-scrollbar-track:horizontal {
    border-radius: 10px; 
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #0066CC;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #0066CC;
}