.navbar-pf {
    background: #5ca84a;
}

/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('../fonts/montserrat-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),0
        url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),
        url('../fonts/montserrat-v18-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local(''),
        url('../fonts/montserrat-v18-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('../fonts/montserrat-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: local(''),
        url('../fonts/montserrat-v18-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: local(''),
        url('../fonts/montserrat-v18-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/montserrat-v18-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    /* font-family: 'Montserrat', "Open Sans",Helvetica,Arial,sans-serif; */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 12px;
    line-height: 1.66666667;
    color: #363636;
    background-color: #fff;
    font-weight: 500;
}
body * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.login-pf .container {
    background-color: transparent;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 12px 12px;
}
.datepicker-dropdown {
    z-index: 10000;
}

.dataTables_paginate {
    background: #fff;
}

.spinner {
    display: inline-block;
    vertical-align: middle;
}

.sweet-alert {
    border-radius: 11px;
}

.spinner {
    animation: rotation .6s infinite linear;
    border-bottom: 4px solid rgba(5 124 226 /.25);
    border-left: 4px solid rgba(5 124 226 /.25);
    border-right: 4px solid rgba(5 124 226 /.25);
    border-radius: 100%;
    border-top: 4px solid rgb(5 124 226);
    height: 24px;
    margin: 0 auto;
    position: relative;
    width: 24px;
}

.modal-header .close .pficon-close,
.modal-header .close {
    color: red;
    font-size: 1em;
    font-weight: 700;
}

.modal-header .close {
    font-size: 1.6em;
}

.dataTables_filter input[type=search] {
    display: block;
    width: 100%;
    height: 26px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.66666667;
    color: #363636;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dataTables_filter .form-control {
    margin-left: 0.5em;
}

.panel.panel-default {
    padding: 0 1em;
}

.login-pf {
    /*background-image: none;*/
    /*background-color: #609c4659;*/
}

.login-pf {
    /*background-repeat: no-repeat;*/
    /*background-image: url(../img/slides/slide3.png);*/
    /*background-size: cover;*/
    background: #eee url(../img/bg_1.png) no-repeat 100% 0;
}

.login-pf-page .login-pf-brand {
    max-width: 80px;
    /*margin-top: 2em;*/
}

.modal-backdrop.in {
    opacity: 0.8;
}

.alert {
    padding: 1em 1em 1em 2em;
}

.alert.alert-dismissable {
    padding: 1em 2em 1em 1em;
}

.dropzone .dz-preview .dz-image {
    width: 200px;
}

.breadcrumb {
    background-color: #fff;
    padding: 1em;
    font-size: 14px;
    margin: 0em -.6em -10px -2em;
    border-radius: 4px;
}

.mt-25 {
    margin-top: 2.5rem !important;
}

.row.toolbar-pf {
    margin-bottom: 3em;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: .5em 1em;
}

.breadcrumb > li + li:before {
    color: #a2a2a2;
    font-weight: 700;
    font-size: 14px;
}

.required {
    color: red;
}

.mb-6, .my-6 {
    margin-bottom: 4rem !important;
}

.dropdown-submenu > a:after {
    top: 7px;
}

.dataTables_paginate {
    margin-bottom: 2em;
}

.employee-profile .nav-tabs.nav,
.employer-profile .nav-tabs.nav {
    border: none;
}

.employee-profile .table > tbody > tr > td,
.employer-profile .table > tbody > tr > td {
    padding: 1em 1em;
}

.sweet-alert h2 {
    margin-top: 1.1em;
}

.alert-info {
    color: #363636;
    background-color: #d9edf7;
    border-color: #73bcf7;
}

.dropzone .dz-message {
    margin: 3em 0 3em !important;
    font-size: 1.2em;
}

.card-pf.revenue-panel {
    border-radius: 9px;
}

.card-pf.page-content, .card-pf,
.tab-pane .panel {
    border-radius: 3px;
}

.panel.panel-flat {
    padding: .5em 1.5em;
}

.panel-heading {
    margin: 1em 2px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
}

h6.panel-title,
h5.panel-title {
    font-size: 1.3em;
    font-weight: 600;
}

.modal .table {
    margin-bottom: 0;
}

.card-pf.card-pf-aggregate-status {
    border-radius: 0;
}

.text-light {
    color: white;
}

.text-bold {
    font-weight: bold;
}

body {
    background-color: #fafafa;
}

.summary-table {
    font-size: 13px;
}

.summary-table td {
    padding: .7em 1em !important;
}

.summary-table td.table-head {
    width: 50%;
}

td.dataTables_empty {
    text-align: center;
    padding: 1em 1em !important;
    background: #fff;
    font-weight: 600;
}

body {
    font-size: 12px;
}

.dataTables_filter {
    float: right;
    margin-bottom: .5em;
}

img.custom-logo {
    width: 140px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #609b45;
    border: 1px solid #609b45;
    border-bottom: 1px solid transparent;
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    border-bottom: 1px solid transparent !important;
}

.nav-tabs > li > a {
    background: #609b45;
    color: white;
    margin-right: .2em;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.nav-tabs {
    border-bottom: 1px solid #609b45;
}

.btn {
    border-radius: 2px;
}

.login-box .card-pf {
    border-radius: 0 0 8px 8px;
}

.login-tabs .nav-tabs li a {
    border-radius: 7px 7px 0 0px;
    margin-right: 3px;
    font-size: 1.7rem;
}

.login-tabs .nav-tabs li a:hover,
.login-tabs .nav-tabs li a:focus,
.login-tabs .nav-tabs li a:active {
    color: #609b45;
    background-color: #fafafa;
}

.login-pf {
    background-repeat: repeat;
}

.employer.logged_in body {
    background-image: url(../img/bg_1.png);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00a8596e;
}

.navbar-pf {
    /*background-image: url(../img/bg_2.jpg);*/
    background-image: none;
    background-position: initial;
    border-top: 1px solid #f33636;
}

button.mobile-menu-toggle {
    float: right;
    margin: 1.3em 1em 0;
    background: #fff;
    padding: .3em .8em;
    border: none;
    border-radius: 3px;
}

button.mobile-menu-toggle .fa {
    font-size: 1.5em;
    vertical-align: bottom;
}

ul.nav.navbar-nav.navbar-primary li > a .fa {
    padding-right: .1em;
}

.wizard > .actions {
    margin-top: 1em;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #609b45;
    font-size: 1.1em;
    padding: 0.7em 2em;
}

@media only screen and (max-width: 960px) {
    .hidden-sm {
        display: none;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: .5em;
    }

    .panel.panel-flat {
        padding: 0;
    }

    .no-padding-sm {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-pf .navbar-primary {
        float: none;
        min-height: 4em;
    }

    .breadcrumb {
        padding: .5em;
        margin: 0 -2em 1em;
        font-size: 1em;
    }

    .logo-wrapper {
        text-align: center;
    }

    .col-sm-10.col-sm-offset-1.col-md-4.col-md-offset-2.col-lg-3.col-lg-offset-1.logo-wrapper {
        margin-left: 0;
    }

    .logged_in img.custom-logo {
        width: 50px;
        position: absolute;
        margin-top: 1px;
    }

    .navbar-brand {
        float: none;
    }

    .navbar-pf .navbar-utility {
        border-bottom: none;
    }

    li.first-element {
        margin-top: 3em;
    }

    .login-tabs .nav-tabs li a {
        margin: 0px 0px 0px 0px;
    }

    .nav-tabs.nav-justified > li {
        width: 32%;
        display: inline-block;
    }

    .hidden-sm {
        display: none;
    }

    .container {
        padding: 0;
        margin: 0px 22px;
    }

    .navbar-primary li,
    .navbar-primary .dropdown-menu li,
    .navbar-nav.navbar-utility li {
        float: left;
        margin: 10px 0;
        width: 100%;
    }

    .navbar-primary li a,
    .navbar-primary .dropdown-menu li a,
    .navbar-nav.navbar-utility li a,
    .navbar-nav.navbar-utility .btn.btn-link {
        font-size: 1.2em;
    }

    /*For drop down menu*/
    .navbar-primary li,
    .navbar-primary .dropdown-menu li,
    .navbar-nav.navbar-utility li {
        display: none;
    }

    .row.row-cards-pf {
        /*margin: 0;*/
    }

    .mobile-menu-toggle {
        display: block;
    }

    nav.navbar.navbar-default.navbar-pf .container {
        padding: 0;
    }

    ul.nav.navbar-nav.pull-right {
        float: none !important;
    }


    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 12px;
        padding-left: 12px;
    }

}

@media only screen and (min-width: 960px) {

    .container-fluid {
        padding-right: 24px;
        padding-left: 24px;
    }

    ul.nav.navbar-nav.pull-right {
        margin-top: 1em;
    }

    nav.navbar.navbar-default.navbar-pf .container {
        padding: 0px 1em 0 4em;
    }

    .mobile-menu-toggle {
        display: none;
    }

    .navbar-pf .navbar-primary > li > a, .navbar-pf .navbar-primary > li > button {
        border-bottom: 0px solid transparent;
        margin: 1px 0 0;
        color: #333;
        padding: 1.7em 1em;
    }

    .navbar-pf .navbar-utility > li > a, .navbar-pf .navbar-utility > li > button {
        border: none;
        color: #fff !important;
    }

    .page-content {
        margin-top: 2em;
    }

    .navbar-pf .navbar-primary > li > a:not(.no-hover-effect):hover, .navbar-pf .navbar-primary > li > button:not(.no-hover-effect):hover,
    .navbar-pf .navbar-primary .open > a:not(.no-hover-effect), .navbar-pf .navbar-primary .open > a:not(.no-hover-effect):focus, .navbar-pf .navbar-primary .open > a:not(.no-hover-effect):hover {
        background: rgba(100, 181, 63, 1);
        color: #fff;
        border-radius: 3px;
    }

    .navbar-pf .navbar-primary > li > a:not(.no-hover-effect):hover,
    .navbar-pf .navbar-primary > li > button:not(.no-hover-effect):hover {
        background-color: rgba(100, 181, 63, 1);
        border-radius: 3px;
    }

    .navbar-pf .navbar-primary > li > a:not(.no-hover-effect):hover .fa, .navbar-pf .navbar-primary > li > button:not(.no-hover-effect):hover .fa {
        color: #fff !important;
    }

    ul.nav.navbar-nav.navbar-primary > li > a .fa {
        font-size: 12px;
        color: #333;
    }
    .navbar-pf .navbar-nav>li>a, .navbar-pf .navbar-nav>li>button {
        color: #000000;
    }
    .navbar-pf .navbar-nav>li>a:focus, .navbar-pf .navbar-nav>li>button:focus{
        color: green;
    }
    .navbar-pf ,
    .navbar-pf .navbar-primary {
        background: transparent;
        background-color: #fff;
    }

    .navbar-pf .navbar-primary .dropdown-menu {
        padding: 0;
    }

    ul.nav.navbar-nav.navbar-primary .dropdown-menu > li {
        border-top: 1px solid #eee;
    }

    a.navbar-brand.custom-navbar {
        padding: 0 2em 0px 0px;
    }

    img.custom-logo {
        width: 62px;
        position: absolute;
        margin: 1px 0 0 0px;
    }

    li.first-element {
        margin-left: 6em;
    }

    .container-cards-pf {
        margin-top: 55px;
    }

    ul.nav.navbar-nav.navbar-utility {
        margin-top: .7em;
    }

    ul.nav.navbar-nav.navbar-utility ul.dropdown-menu.user {
        margin-right: 2.4em;
    }

    ul.nav.navbar-nav.navbar-primary .dropdown-menu > li > a {
        font-size: 13px;
        padding: .5em 1em;
    }

    header.login-pf-page-header h2 {
        font-size: 2.7em;
        margin-top: 0em;
    }

    header.login-pf-page-header p {
        font-size: 1.5em !important;
    }

    .modal {
        margin-top: 4%;
    }

}

@media (min-width: 1200px) {
    .container {
        /*width: 1310px;*/
    }
}

@media (min-width: 1200px) and (max-width: 1380px) {
    .container-fluid {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 25px;
    }
}

@media (min-width: 1240px) {
    .modal-lg {
        width: 1240px;
    }
}

@media (min-width: 1380px) {

    .navbar-pf .navbar-primary > li > a, .navbar-pf .navbar-primary > li > button {
        padding: 1.7em;
    }

}

@media (min-width: 1600px) {
    .modal-lg {
        width: 1200px !important;

    }
}

@media (min-width: 1600px) {
    .container {
        width: 1550px;
    }
}

.toolbar-pf-actions {
    margin-bottom: 2em;
}

.dataTables_paginate .pagination {
    margin-top: 1em;
}

.btn-primary {
    /*background-color: #609b45;*/
    /*background-image: linear-gradient(to bottom, #609b45 0, #609b45 100%);*/
}

@media (min-width: 768px) {
    /** Accomodate datatables*/
    .modal-dialog {
        width: 650px;
    }
}

.form-control {
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    height: 32px;
    font-size: 13px;
}

.table > tbody > tr > td {
    vertical-align: baseline;
}

.dataTables_header {
    padding: 1em 6px 1.5em;
}


.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    /*background-color: #609c46;*/
    background-image: none;
    /*border-color: #609c46 !important;*/
    color: #fff;
}

a {
    /*color: #1a3e1b;*/
    text-decoration: none;
}

.btn-primary {
    border-color: #485447 !important;
}

.slide-wrapper-login {
    /*display: none;*/
}

.inline{
    display: inline;
}
.inline-block{
    display: inline-block;
}

.text-gray{
    color: #6e6e6e;
}

.blockquote {
    border: 1px solid #ccc;
    padding: 1em 2em;
    margin-bottom: 2em;
    box-shadow: 1px 1px 1px 0px #ccc;
}
ol li {
    margin-bottom: 1.2em;
}
.text-red{
    color: red;
}
.btn-success {
    background-color: #609b44 !important;
}

.toolbar-pf .btn-lg {
    padding: 7px 8px;
}

.navbar-pf .navbar-utility>li.open>a, .navbar-pf .navbar-utility>li.open>button,
.navbar-pf .navbar-utility > li > a, .navbar-pf .navbar-utility > li > button{
    color: #333 !important;
    font-weight: 00;
}

.input-group {
    width: 100%;
}
.input-group-addon {
    padding: 2px 10px;
    font-size: 14px;
}

.swal2-container{
    zoom: 150% !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #3f9c35 !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.375em !important;
}



.navbar-pf .navbar-primary{
    font-size: 1.3em !important;
}

@media only screen and (min-width: 960px){
    ul.nav.navbar-nav.navbar-primary > li > a .fa{
        font-size: 18px;
    }
}


.no-hover-effect:hover{
    background: initial !important;
    color: initial !important;
    font-weight: 500;
    transition: 0.6s;
}