/* @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;523;600;700;800&display=swap'); */


/* :root {
	--blueLight: #0070AF;
	--blueDark: #005E94;
} */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    background: rgb(242, 242, 242);
    padding-right: 0 !important;
}

body:not(.modal-open) {
    padding-right: 0px !important;
}

.usertypelist {
    display: inline-block !important;
    font-size: 1em !important;
    padding: 0.35714286em 0.78571429em;
    border: 1px solid #d5caca !important;
    width: auto;
    text-align: left;
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

#wrapper {
    min-width: 320px;
}

.form-control {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-color: #F2F2F2;
    border: 0;
    box-shadow: none;
    /* appearance: none;*/
    padding: 8px 2px;
    margin-top: 10px;
}


/*button.mainBtn.searchbtn {*/


/*    margin-top: 10px;*/


/*}*/

.form-group {
    margin-top: 15px;
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(0, 0, 0, .3);
}

.container {
    max-width: 1148px;
    padding: 0 15px;
    margin: 0 auto;
}

.ecd a {
    line-height: 25px;
}

[type="search"] {
    outline: none;
}

.xd-block {
    display: block !important;
}

.res-pons {
    text-align: center;
    padding-top: 17%;
}

.folderDetail {
    position: fixed;
    right: 150px;
    /*padding: 35px 0 !important;*/
}

.m20 {
    margin-top: 20px;
}

.n-model-width {
    max-width: 555px;
}

.mainBtn {
    display: inline-block;
    border-radius: 4px;
    background-color: var(--blueLight);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 18px;
    line-height: 20px;
    border: 0;
    outline: -webkit-focus-ring-color auto 0;
    transition: all ease 0.2s;
    margin-top: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}


/* .mainBtn:hover,
.mainBtn:focus {
    background: var(--blueDark);
    color: #fff;
    text-decoration: none;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
} */


/*=== Login Page ===*/

.loginFormIn label {
    font-weight: 500;
    color: #13467b;
    display: block;
    margin: 0 0 6px;
}

.loginForm {
    width: 470px;
    margin: 0 auto;
}

.jobDetail {
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: rgb(242, 242, 242);
    padding: 0 15px;
}

.jobForm {
    background: rgba(255, 255, 255, 1);
    padding: 45px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin: 0 auto;
}

.loginLogo span {
    display: inline-block;
    margin: 6px 0 0;
}

.pb23 {
    padding-bottom: 23px !important;
}

.forget {
    text-align: right;
    line-height: 12px;
}

.forget a {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #13467b;
    font-weight: 600;
    margin: 10px 0 0;
}

.btnLogin {
    margin: 26px 0 0;
}

.btnLogin button {
    width: 100%;
}

@media screen and (max-width:768px) {
    .table-responsive {
        margin-top: 30px;
    }
}


/*xugar css*/

.mytable div#empTable_length {
    margin-bottom: 50px;
}

.remove-btn {
    position: absolute;
    top: 61px;
    z-index: 9;
}


/*=== Header ===*/

#header {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 9999999;
}

.headerLinks {
    background: var(--blueLight);
}

#gNavi {
    display: flex;
    justify-content: space-between;
}

.navi>ul>li {
    float: left;
    list-style: none;
}

.navi>ul>li>a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 18px 12px;
    text-decoration: none;
    transition: all ease 0.3s;
}

.navi>ul>li.active>a,
.navi>ul>li>a:hover {
    background: var(--blueDark);
    text-decoration: none;
}

#logo a {
    padding: 0;
    margin: 6px 12px 0 0;
}

.clientPorfile a img {
    vertical-align: top;
}

.clientPorfile>a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin: 18px 0;
    text-decoration: none;
    transition: all ease 0.3s;
}

.dropdown-menu>li>a {
    padding: 6px 20px;
    font-weight: 600;
}

.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu {
    left: initial;
    right: 0;
    margin: 0;
}

.clientNavi {
    background: var(--blueDark);
    min-height: 56px;
    /*margin-left:15px;*/
}

.gClientNavi>ul {
    /*padding: 18px 0;*/
    padding-top: 18px;
}

.gClientNavi>ul>li {
    float: left;
    list-style: none;
    margin-right: 24px;
}

.gClientNavi>ul>li.active>a,
.gClientNavi>ul>li>a:hover {
    text-decoration-color: #7faec9;
}

.gClientNavi>ul>li>a {
    display: inline-block;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
}

.navi {
    display: flex;
}

#logo a {
    display: inline-block;
}

.top-glyphicon {
    display: none;
}


/*=== Header End ===*/

.mainHeading {
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 43px;
    /*margin-left: 15px;*/
}

.whitBG {
    background: #fff;
    /*overflow: auto;*/
    overflow: hidden;
}

.clintFolder {
    padding: 48px 0;
    margin: 0 0 0 auto;
    min-height: 100vh;
    max-width: 774px;
}

.grayBG {
    min-height: auto;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 9;
    position: relative;
}

.searchClient {
    margin-top: 12px;
    margin-left: 15px;
}

.serchInput {
    position: relative;
}

.serchInput img {
    position: absolute;
    right: 5px;
    top: 6px;
    z-index: 9;
}

.folder img {
    width: 129px;
}

.folder {
    text-align: center;
    display: block;
    padding: 18px 0;
    transition: all ease 0.3s;
    overflow-wrap: anywhere;
}

.folder:hover {
    text-decoration: none;
    background: rgba(0, 112, 175, 0.1);
}

.folder h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 24px;
    color: #000;
}

.activeFolder {
    margin-top: 24px;
}

.activeClient .row {
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}

.folderDetail {
    text-align: center;
    /*padding: 52px 0;*/
}

.txt {
    text-align: center;
}

.folderDetail>img {
    /* width: 129px;*/
    margin-bottom: 24px;
}

.folderDetail h3 {
    font-size: 16px;
    /*line-height: 20px;*/
    font-weight: 700;
    color: #000;
}

.folderDetail p {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    margin: 12px 0 25px;
}

.folderBtn {
    /*margin-top: 11px;*/
    width: 130px;
    margin: auto;
}

.view-pdf .folder img {
    /*width: 85px;*/
    /* height: 98px; */
}

.dbBtn {
    margin: auto;
    width: 150px;
    background-color: #0070af;
    color: #fff;
    font-weight: 600;
}


/*.folderDetail.side-form {*/


/*    padding-top: 253px;*/


/*}*/

.pdf-sidebar img {
    /* width: 85px;*/
    height: 98px;
    margin-bottom: 20px;
}

.pdf-sidebar p {
    font-weight: bold;
}

.jobForm h3 {
    text-align: center;
    font-size: 20px;
}

.loginLogo {
    text-align: center;
}

.loginLogo img {
    background-color: var(--blueLight);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

#empTable th {
    background: var(--blueDark);
    color: #fff;
    padding: 20px 8px;
    white-space: nowrap;
    text-align: center;
}

#empTable td {
    border: 1px solid #ddd;
    padding: 8px 2px;
}

#empTable {
    border-collapse: collapse;
}

#empTable td a {
    display: inline-block;
    color: #000;
    text-decoration: underline;
    white-space: nowrap;
    margin: 0 0 5px;
}

.dataTables_filter input[type="search"] {
    border: 1px solid #ddd;
    height: 28px;
}

.dataTables_length select {
    border: 1px solid #ddd;
    height: 27px;
    width: 50px;
    margin: 0 7px;
}

.dataTables_wrapper {
    margin: 24px 0 0;
}

#empTable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--blueDark) !important;
    color: #fff !important;
    border-radius: 0;
    font-weight: bold;
}

.modal-content {
    border-radius: 0;
    position: relative;
    /*top:160px;*/
}

.modal-content .close {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    background: #ddd;
    font-size: 26px;
    vertical-align: top;
    display: inline-block;
    line-height: 22px;
    padding: 0 9px 8px;
    margin: 0;
}

.row.usr-type {
    justify-content: center;
    margin-top: 0px;
    position: relative;
}

.row.usr-type .form-group .form-control {
    border: 1px solid;
    width: 120px;
    margin-top: 10px;
    background: #337ab7;
    color: #fff;
    /*margin-left:115px;*/
}

.usr-type .form-group .form-control {
    width: 180px !important;
}

.ar-img {
    position: absolute;
    top: 58%;
    right: 10px;
}

.serchInput.team {
    margin-top: 10px;
}

@media(min-width:768px) {
    .folderDetail {
        left: 70%;
        /*bottom:20px;*/
        right: 2%;
    }
    .serchInput.team {
        width: 190px;
    }
}

@media (max-width: 991px) {
    .top-glyphicon {
        background: #005e94;
        display: inline-block;
        font-size: 25px;
        color: #fff;
        padding: 10px 16px 0;
    }
    .navi>ul {
        position: absolute;
        background: #0070af;
        z-index: 999;
        top: 55px;
        width: 100%;
        left: 0;
    }
    .navi>ul>li {
        float: none;
    }
    .navi>ul>li>a {
        display: block;
    }
    .clintFolder {
        padding: 30px 0;
        margin: 0;
        min-height: auto;
        max-width: 100%;
    }
    .activeClient .row {
        /*display: block;*/
    }
    .serchInput {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 767px) {
    .mainHeading {
        font-size: 26px;
        line-height: 32px;
        margin-left: 17px;
    }
    .jobForm {
        padding: 20px 15px;
    }
    .gClientNavi>ul>li {
        margin: 3px 0;
        width: 51%;
        /*text-align: center;*/
    }
    .gClientNavi>ul {
        padding: 2px 0;
    }
    .row.usr-type .form-group .form-control {
        border: 1px solid;
        width: 120px;
        margin-top: 10px;
        background: #337ab7;
        color: #fff;
        /*margin-left:86px !important;*/
    }
}

@media (max-width: 767px) {
    .folderDetail {
        position: inherit !important;
        right: 0px;
        margin-top: 29px;
        margin-bottom: 29px;
    }
}


/*---amit--*/


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

input[type=file] {
    overflow: hidden;
}

.frmb-control {
    margin-right: 20px!important;
}

.folderDetail {
    margin-top: 10px;
}

.clear {
    margin-top: 20px;
    padding: 5px 30px;
    background: #0070af;
    color: #fff;
    border: 1px solid #0070af;
    border-radius: 3px;
    font-weight: 600;
}

.client_detail_btn {
    margin-top: 32px!important;
}

select#user_type {
    margin-top: 0;
}

label.folder_limit {
    font-size: 24px;
    padding-top: 21px;
}

#folderlimit {
    margin-top: 25px;
}

.system_setting_submit_btn {
    margin-top: 25px;
}

.modal_close_btn {
    background: #286090;
}

.email_tamp_modal {
    top: 160px;
}

.width_100 {
    width: 100%;
}

.padding_bottom_0 {
    padding-bottom: 0;
}

.padding_top_0 {
    padding-top: 0;
}

div#empTable_length {
    margin-bottom: 20px;
}

.dashSection {
    padding-top: 50px;
}

input#btnSaveSign {
    margin-top: 10px;
}

.user-body input[type=checkbox] {
    margin: 4px 9px 0px 10px !important;
}


/*media query8*/

@media (max-width: 767px) {
    .folder_limit_form {
        padding: 0px 30px 0 20px;
    }
}

@media (max-width: 767px) {
    .pdf-sidebar img {
        width: 85px;
    }
    .txt {
        text-align: left;
    }
    label.folder_limit {
        font-size: 20px;
        padding-top: 0px;
    }
    .client_form_popup {
        top: 160px!important;
    }
    .mytable div#empTable_length {
        text-align: left;
    }
}

@media (max-width: 481px) {
    .form-wrap.form-builder .stage-wrap {
        width: calc(90% - 64px) !important;
    }
    .clintFolder div#fb-editor .pull-left {
        float: left !important;
        margin-left: 5px;
    }
    .frmb-control {
        margin-right: 0px!important;
    }
    .dropdown-menu {
        min-width: auto;
    }
    .remove-btn {
        z-index: 0;
    }
    .searchClient {
        padding-right: 15px;
    }
}


/* Covid visitor form */

.covid-form-main {
    margin: 0px auto;
    width: 100%;
}

.covid-form-main p,
.covid-form-main label {
    font-size: 18px;
    line-height: 28px;
}

.covid-form-main .form-group {
    margin: 5px !important;
}

.search {
    position: relative;
    display: inline-block;
}

.search input {
    width: 45rem !important;
    background: #fcfcfc;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

@media only screen and (max-width: 640px) {
    .search input {
        width: 17rem !important;
    }
}

@media only screen and (max-width: 480px) {
    .search input {
        width: 12rem !important;
    }
}

@media only screen and (max-width: 375px) {
    .search input {
        width: 4rem !important;
    }
}

.search .fa-search {
    position: absolute;
    top: 22px;
    left: auto;
    right: 15px;
}

.modal-lg-max {
    /* max-width: max-content; */
    width: auto;
}


/* arrow glyph for showing collapsible panels */

.accordion-arrow-toggle:before {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
    color: silver;
}

.accordion-arrow-toggle.collapsed:before {
    font-family: FontAwesome;
    content: "\f054";
    color: silver;
}

.drop_box {
    margin: 10px 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 3px dotted #a3a3a3;
    border-radius: 5px;
}

.font_size {
    font-size: 45px;
    font-weight: 700;
}

.max_width {
    max-width: 100%;
}

.color_black {
    color: #000000;
}

.btn_module {
    border: 1px solid #337ec0;
    color: #337ec0;
    padding: 10px 45px;
    border-radius: 10px;
}


/* .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #337ec0 !important;
}
.nav-pills .nav-link, .nav-pills  > .nav-link {
    color: #666666;
    background-color: #f2f2f2 !important;
}

.nav-pills>li {
    text-align: center;
} */

.bg_purple {
    background: #337ec0;
    color: #ffffff;
}

.pt-5 {
    padding-top: 100px;
}

.padding {
    padding: 30px;
}

.pb-5 {
    padding-bottom: 100px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.font_size {
    font-size: 45px;
    font-weight: 700;
}

.max_width {
    max-width: 100%;
}

.color_black {
    color: #000000;
}

.btn_module {
    border: 1px solid #337ec0;
    color: #337ec0;
    padding: 10px 45px;
    border-radius: 10px;
}

.btn_resume {
    border: 1px solid #337ec0;
    background: #337ec0;
    color: #ffffff;
    padding: 10px 45px;
    border-radius: 10px;
}

.bg_white {
    background: #ffffff;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-color: #337ec0 !important;
    background: #337ec0;
    color: #ffffff;
}

.nav>li>a {
    text-align: center;
}

.text_green {
    color: #2e8823;
}

.bg_v1 {
    background: #969696;
    padding: 5px;
    border-radius: 7px;
    font-size: 15px;
}

.text_purple {
    font-size: 23px;
    color: #337ec0;
    font-weight: 800;
}

.text_gray {
    color: #676767;
}

.text_black {
    color: #000000;
}

.fnt_size {
    font-size: 20px;
}

.right_content h5 {
    font-size: 20px;
    font-weight: bold;
}

.dot {
    color: #000000;
    font-size: 44px !important;
}

.right_content ul li {
    float: left;
    margin-right: 30px;
}

.search_right {
    color: #3a3a3a;
    background: #ffffff;
    padding: 10px;
    font-size: 11px;
}

.round-image {
    display: initial!important;
}

.round-image img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.progress {
    background-color: #e4e4e4;
}

.progress-bar {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.progress-bar-late {
    background-color: #e4e4e4;
}

.progress .progress-bar-success {
    background-color: #81b580 !important;
}

.progress .progress-bar-danger {
    background-color: #f3a37f !important;
}

.progress-bar-top {
    background-color: transparent !important;
    font-size: 1.2rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.round-image-sign img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.invalidText {
    color: red;
}

.alert-orange {
    background-color: #f3a37f;
    border-color: #f3a37f;
}

.calendar-container {
    height: 90vh;
}

.switch2 {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 27px;
    border-radius: 25px;
    background-color: #2196f3;
    cursor: pointer;
    transition: all .3s;
}

.switch2 input {
    display: none;
}

.switch2 input:checked+div {
    left: calc(100% - 28px);
}

.switch2 div {
    position: absolute;
    width: 27px;
    height: 27px;
    border-radius: 25px;
    background-color: white;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 0.5px 0.5px rgb(170, 170, 170);
    transition: all .2s;
}

.switch2-checked {
    background-color: #2196f3;
}