/** main css **/

body{

    font-family: 'Work Sans', sans-serif;

    color: #2d2d2d;

    background-colr: #F4F9FD;

    font-size: 14px;

}

/** main end **/

/** header css **/

.header-main {

    transition: 0.5s;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1000;

    background-color: #3369D3;

    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);

}

.header-main .navbar-brand img{

    height: 52px;

}

.header-main  .navbar{

    padding: 0 20px;

}

.header-main .navbar .search .form-control {

    border-radius: 30px 0px 0px 30px;

    box-shadow: none;

    outline: none;

    border: 1px solid #ddd;

    border-right: none;

    color: #000;

    font-size: 12px;

    width: 370px;

}

.header-main .navbar .search .form-control::placeholder{

    color: #bbb;

}

.header-main .input-group.search {

    border: 1px solid #ddd;

    border-radius: 5px;

    max-width: 296px;

    margin-left: 45px;

}

.header-main .navbar .search .btn-outline-secondary:hover, 

.header-main .navbar .search .btn-outline-secondary:focus, 

.header-main .navbar .search .btn-outline-secondary:active{

    background-color: transparent;

    box-shadow: none;

    outline: none;

}

.header-main .navbar .nav-link {

    padding: 5px 0px 5px 22px;

    color: #fff !important;

}

.header-main .navbar .nav-link:hover, .header-main .navbar .nav-link:focus{

    color: #fff;

}

.header-main .navbar .navbar-nav{

    display: block;

    align-items: center;

}

.header-main .navbar .navbar-nav .nav-item{

    display: inline-block;

}

.dropdown-toggle::after{

    content: none;

}

.user-dropdown img{

    height: 36px;

    width: 36px;

    border-radius: 50%;

    border: 1px solid #ddd;

}

.notification-icon img{

    height: 32px;

}

.notification-icon .nav-link{

    position: relative;

}

.notification-icon .nav-link .badge {

    position: absolute;

    right: -6px;

    top: -3px;

    background-color: #fff;

    color: #3A3183;

    border-radius: 50%;

}

#mySidenav ul {

    padding: 20px 12px;

    margin: 0;

}

#mySidenav ul li{

   margin-bottom: 15px;

   list-style: none;

}

#mySidenav ul li a {

    color: #000;

    font-family: ;

    font-size: 13px;

    padding: 10px 0px 10px 50px;

    display: block;

    font-weight: 500;

    text-decoration: none;

    border-radius: 6px;

}

#mySidenav ul li a:hover, #mySidenav ul li a.active {

    background: #fff;

    color: #3A3183;

    font-weight: 700;

}

#mySidenav ul li a img {

    width: 18px;

    margin-right: 10px;

    position: absolute;

    left: 30px;

}

.white-img{

    display: none;

}

#mySidenav ul li a:hover .white-img, #mySidenav ul li a.active .white-img {

    display: inline-block;

}

#mySidenav ul li a:hover .black-icon, #mySidenav ul li a.active .black-icon {

    display: none;

}

/*for side bar active

---------------------------------*/

.side-menu #mySidenav{

    width: 218px;

    left: 0px;

}

#main {

    position: relative;

    margin: 90px 0 0;

}

.sidenav {

    height: 100%;

    width: 0;

    position: absolute;

    z-index: 1;

    top: 0px;

    left: -220px;

    background-color: #FCFCFC;

    overflow-x: visible;

    transition: 0.5s;

    padding-top: 20px;

    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);

}

.sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none;

    font-size: 25px;

    color: #818181;

    display: block;

    transition: 0.3s;

}

.sidenav a:hover {

    color: #f1f1f1;

}

.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}

#main {

    transition: margin-left .5s;

}

.dashboard-header .navbar-expand-lg {

    padding: 14px 30px;

}

#main{

    position: relative;

}

.user-pic{

   text-align: center;

}

.user-pic img {

    width: 60px;

    border-radius: 50%;

    border: 1px solid #f1a916;

    margin-right: 10px;

}

.user-pic span{

   font-size: 16px;

   color:#ffcc33; 

}

.navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute;

    left: auto;

    right: 0;

    min-width: 150px;

    padding: 0;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {

    font-size: 12px;

    padding: 7px 10px;

    border-bottom: 1px solid #eee;

    color: #999999;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item img {

    height: 16px;

    width: 16px;

    border-radius: 0;

    border: none;

    margin-right: 10px;

}

.dropdown .dropdown-menu .dropdown-header {

    padding: 10px 20px;

    margin-top: 10px;

    color: #000;

    text-transform: uppercase;

    font-size: 12px;

}

.navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute;

    left: auto;

    right: 0;

    min-width: 150px;

    padding: 0;

    border-radius: 15px;

    border: none;

    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);

}

.dropdown-menu-media {

    width: 19rem;

}

.dropdown-menu-media .media-list .media-body {

    padding: 0px 10px;

}

.dropdown-menu-media .media-list .media-heading {

    margin-bottom: .5rem;

    font-weight: 600;

    line-height: 1.2;

    color: #3A3183;

}

.notification-text {

    font-size: 12px;

    margin-bottom: 0;

    color: #000;

    font-weight: 500;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {

    font-size: 12px;

    padding: 7px 10px;

    border-bottom: 1px solid #eee;

    color: #999999;

    text-decoration: underline;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover, 

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active, 

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:focus {

    color: #3A3183 !important;

    background-color: #d7d2fb;

    font-weight: 500;

    border-radius: 0 0 15px 15px;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .scrollable-container a{

    text-decoration: none;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .media-left img {

    height: 35px;

    border-radius: 50%;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .media {

    padding: 12px;

    border-bottom: 1px solid #eee;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .media-right{

    line-height: 10px;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .media-right .text-muted {

    font-size: 10px;

    color: #000 !important;

}

.navbar-expand-lg .navbar-nav .user-dropdown .dropdown-menu .dropdown-item {

    text-decoration: none !important;

    border-bottom: none;

    color: #000;

    padding: 10px 15px;

}

.dashboard-header .navbar-expand-lg .navbar-nav .user-dropdown .dropdown-menu .dropdown-item:first-child{

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}

.dashboard-header .navbar-expand-lg .navbar-nav .user-dropdown .dropdown-menu .dropdown-item:last-child{

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

}

.navbar-expand-lg .navbar-nav .user-dropdown .dropdown-menu .dropdown-item:hover,

.navbar-expand-lg .navbar-nav .user-dropdown .dropdown-menu .dropdown-item:focus,

.navbar-expand-lg .navbar-nav .user-dropdown .dropdown-menu .dropdown-item:active{

    border-radius: 0;

}

/** header end **/

/****************/

/*header Link S

-----------------*/

.header-link {

    list-style: none;

    margin: 0;

}

.header-link li {

    display: inline-block;

    margin-right: 16px;

    position: relative;

}

.header-link li:last-child{

    margin-right: 0;

}

.header-link li > a{

    color: #fff;

    text-decoration: none;

    padding: 5px 0;

    display: inline-block;

    margin: 0 10px;

}

.header-link li a img{

    height: 24px;

}

.header-link li > .custom-dropdown {

    z-index: 9999;

    position: absolute;

    opacity: 0;

    display: none;

    background: #3369d3a6;

    box-shadow: 0 0 3px #bdb5b5;

    font-size: 14px;

    top: 100%;

    left: 0;

    max-width: 250px;

    min-width: 80px;

    width: max-content;

}

.header-link li:hover .custom-dropdown{

    display: block;

    opacity: 1;

} 

.header-link li > .custom-dropdown a{

    color: #fff;

    text-decoration: none;

    padding: 4px 15px;

    text-align: left;

    border-bottom: solid 1px #d2d6da;

    display: block;

}

.header-link li > .custom-dropdown a:last-child{

    border: 0;

}

@media screen and (max-width: 1200px){

    .header-link li {

        margin-right: 12px;

    }

}

@media screen and (max-width: 992px){

    #main {

        margin: 72px 0 0;

    }

}

@media screen and (max-width: 768px){

    #main {

        margin: 62px 0 0 !important;

    }

    .header-link {

        padding: 10px;

    }

    .header-link li {

        margin-right: 0;

    }

    .header-link li a span {

        font-size: 13px;

        margin-top: 2px;

    }

    .header-link li a img {

        height: 22px;

    }

    .header-main{

        padding-left: 10px;

        padding-right: 10px;

    }

}

@media screen and (max-width: 576px){

    #main {

        margin: 58px 0 0 !important;

    }

    .for-mobile{

      display: inline-block !important;

    }    

    .header-link {

        display: none;

        padding: 10px;

        position: absolute;

        top: 61px;

        left: -20px;

        background: #3369d3;

        text-align: center;

        right: -20px;

    }

}



/*header Link E

-----------------*/

/*****************/

/*common Style S

---------------------*/

.p-0{padding: 0 !important;}

.pb-0{padding-bottom: 0 !important;}

.pt-0{padding-top: 0 !important;}

.pl-0{padding-left: 0 !important;}

.pr-0{padding-right: 0 !important;}

.m-0{margin: 0 !important;}

.mb-0{margin-bottom: 0 !important;}

.mt-0{margin-top: 0 !important;}

.ml-0{margin-left: 0 !important;}

.mr-0{margin-right: 0 !important;}

.mt-10{margin-top: 10px !important;}

.mt-15{margin-top: 15px !important;}

.mt-20{margin-top: 20px !important;}

.mt-30{margin-top: 30px !important;}

.mb-10{margin-bottom: 10px !important;}

.mb-15{margin-bottom: 15px !important;}

.mb-20{margin-bottom: 20px !important;}

@media screen and (max-width: 767px){

    .sp-mb-10{margin-bottom: 10px !important;}

}

a:focus, a:hover {color: #3A3183; text-decoration: underline;}

:active, :focus{outline:none !important;}

.section-wrapper{

    padding:20px 30px;

    background: #EEECED;

    min-height:calc(100vh - 90px);

    box-sizing: border-box;

}

.title {

    font-size: 20px;

    font-weight: bold;

    text-transform: uppercase;

    color: #3369D3;

}

.subTitle {

    font-size: 17px;

    font-weight: 500;

    text-transform: capitalize;

}

.font-w-600{

    font-weight: 600;

}

.d-space-between{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.flex-wrap{

    flex-wrap: wrap;

}

.common-btn {

    text-align: center;

    cursor: pointer;

    display: inline-block;

    font-weight: 600;

    background: #3369d3;

    border: 0;

    padding: 10px 22px;

    border-radius: 50px;

    font-size: 14px;

    color: #fff;

    min-width: 250px;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.common-btn:hover{

    text-decoration: none;

    color: #fff;

}

.m-bottom-30{

    margin-bottom: 30px;

}

.m-bottom-15{

    margin-bottom: 15px;

}

.m-bottom-10{

    margin-bottom: 10px;

}

.m-top-0{

    margin-top: 0px !important;

}

.m-top-30{

    margin-top: 30px;

}

.min-width-200{

    min-width: 200px;

}

.small-btn {

    min-width: 130px;

    font-size: 14px;

    padding: 8px 15px;

}

.width-full{

    width: 100%;

}

.obj-fit-cont{

    height: 200px;

    object-fit: contain;

}

.preview-img{

    width: 100px;

}

.user-img-wrapper{

}

.user-img-wrapper{

    text-align: center;

}

.user-img-wrapper img{

    width: 100px;

    height: 100px;

    object-fit: contain;

    border-radius: 50%;

    padding: 4px;

    box-shadow: 0 0 3px #000;

}

.user-img-wrapper  h3{

    font-size: 18px;

    margin-top: 5px;

}

.doc-preview{

    display: none;

    margin: 5px 0;

}

.doc-preview img{

    width:62px;

    height: 62px;

}

.width-20{

    width: 20px;

}

.width-100 {
    width: 100px !important;
    min-width: auto;
}
.delete-modal .modal-body{
    padding: 40px;
    text-align: center; 
}
.delete-modal{
    position: relative;
}
.delete-modal .close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.mb-30{
    margin-bottom: 30px;
}

.width-150{

    width: 150px;
    min-width: auto;

}

.width-190{

    width: 190px;

}

.width-200{

    width: 200px;

}

.width-300{

    width: 300px;

}

.v-align-mid{

    vertical-align: middle !important;

}

.m-left-15{

    margin-left: 15px;

}

.m-left-20{

    margin-left: 20px;

}

.custome-dropdown .dropdownWrapper {

    display: inline-block;

    padding: 0 12px;

    line-height: 1.5;

    background: #3369d3;

    color: #fff;

    font-weight: normal;

    text-decoration: none;

    border-radius: 5px;

}

.custome-dropdown .dropdown-menu {

    min-width: 122px;

    margin-left: 5px !important;

    padding: 0;

     font-weight: normal;

}

.custome-dropdown .dropdown-menu a {

    display: block;

    padding: 3px 15px;

    border-bottom: solid 1px #dedede;

    color: #2d2d2d;

    text-decoration: none;

    font-size: 15px;

}

.custome-dropdown .dropdown-menu a:last-child{

    border-bottom: 0;

}

@media screen and (max-width: 767px){

    .title {

        font-size: 20px;

        margin-bottom: 10px !important;

    }

    .common-btn {

        padding: 8px 18px;

        min-width: 210px;

        font-size: 14px;    

    }

    .d-space-between{

        display: block;

    }

    .min-width-200{

        min-width: 170px;

    }

    .small-btn {

        min-width: 130px;

        font-size: 14px;

        padding: 8px 15px;

    }

}

/*common Style E

---------------------*/

/*********************/

/*Color Style S

---------------------*/

.common-clr{

    color: #2d2d2d;

}

/*Color Style E

---------------------*/

/*Bread Crumb S

----------------------*/

.breadcrumb-wrapper ul{

    padding: 0;

    margin-bottom: 12px; 

}

.breadcrumb-wrapper ul li,

.breadcrumb-wrapper ul li a {

    display: inline-block;

    color: #3369D3;

    text-transform: capitalize;

    font-weight: 500;

}

.breadcrumb-wrapper ul li a:hover{

    text-decoration: underline;

}

.breadcrumb-wrapper ul li+li:before{

    content: ">";

    padding: 0 12px;

}

@media screen and (max-width: 767px){

    .breadcrumb-wrapper ul li, 

    .breadcrumb-wrapper ul li a {

        font-size: 13px;

    }

    .breadcrumb-wrapper ul li+li:before {

        padding: 0 4px;

    }

}

/*Bread Crumb E

----------------------*/

/**********************/

/*Form S

----------------------*/

.wrapper-form{

    padding: 30px;

    background: #fff;

}

.custom-field {

    border: 0;

    background: #F8F8F8;

    height: 38px;

    font-size: 14px;

    color: #2d2d2d;

    border-radius: 0;

    border-left: solid 5px #3369d3;

}

.custom-field:focus {

    outline: 0;

    box-shadow: none;

    background: #F8F8F8;

    border-left: solid 5px #3369d3;

}

.browse-wrapper {

    background: #f8f8f8;

    padding: 25px;

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

    position: relative;

    height: 100%;

}

.browse-wrapper input {

    height: 100%;

    position: absolute;

    cursor: pointer;

    opacity: 0;

    width: 100%;

    top: 0;

    left: 0;

}

.browse img {

    width: 16px;

}

.gray-text {

    color: #AEAEB0;

    font-size: 14px;

    font-weight: 500;

}

.drk-text {

    color: #181818;

    text-decoration: underline;

    font-weight: 500;

}

.upload-img{

    margin-bottom: 0;

}

.img-preview{

    margin-top: 10px;

    margin-bottom: 0;

}

.img-preview img {

    width: 60px;

}

.browse-file-section .common-btn {

    min-width: auto;

    border-radius: 0;

    padding: 8px 12px 9px;

    font-weight: 500;

    text-transform: capitalize;

}

.browse-file-section .common-btn.small-btn {

    border-radius: 50px;

    padding: 6px 18px;

    font-weight: 500;

    text-transform: capitalize;

}

.browse-file-section .input-group-btn{

    position: relative;

}

.user-img-wrapper .browse-file-section .input-group-btn{

    margin: 8px auto 0;

}

.browse-file-section .file {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    visibility: hidden;

}

.error_validate {

    font-size: 14px;

    color: red;

}

.ui-widget.ui-widget-content {

    left: auto !important;

    right: 160px !important;

}

.row-section {

    border-bottom: solid 1px #ded7d7;

    margin-bottom: 15px;

}

@media screen and (max-width: 1390px){

    .browse-file-section .common-btn.small-btn {

        padding: 6px 12px;

        font-size: 13px;

    }

}

@media screen and (max-width: 1300px){

    .browse-file-section .common-btn.small-btn {

        font-size: 11px;

    }

}

@media screen and (max-width: 991px){

    .browse-file-section .common-btn.small-btn {

        font-size: 13px;

    }

    .sp-top-15{

        margin-top: 15px;

    }

    .section-wrapper {

        padding: 20px 0;

    }

    .breadcrumb{

        padding: 0;

    }

}

@media screen and (max-width: 767px){

    .m-bottom-30 {

        margin-bottom: 20px;

    }

    .sp-top-15{

        margin-top: 5px;

    }

    .wrapper-form {

        padding: 20px 20px;

    }

    .row-section {

        margin-bottom: 12px;

    }

}

/*Form E

----------------------*/

/*Filter S

----------------------*/

.filter-wrapper{

    margin: 30px 0 0;

}

.filter-wrapper .common-btn{

    padding-top: 8px;

    padding-bottom: 8px;

}

@media screen and (max-width:767px ){

    .filter-wrapper{

        margin: 30px 0 15px;

    }   

}

@media screen and (max-width:575px ){

    .sp-res-filter{

        margin-top:15px;

        text-align: right;

    }   

}





/*Filter E

----------------------*/

/**********************/

/*Table S

----------------------*/



.table-wrapper .dataTables_info,

.table-wrapper .dataTables_length
{

    display: none;
    
}

.table-wrapper .dataTables_paginate .page-item.active .page-link{
    background-color: #3369D3;
    border: 1px solid #3369D3;
    color: #fff;
}
.table-wrapper .dataTables_paginate .page-item .page-link{
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    color:#3369D3;

}.table-wrapper .dataTables_paginate .page-item.disabled .page-link{
    color: #333;
}

.table-wrapper table tr th {

    font-weight: 600;

    text-transform: capitalize;

    border-bottom: 0;

    line-height: 1.2;

    font-size: 13px;

    border-top: 0;

    padding: 10px 8px;

}

.table-wrapper table tr td {

    font-size: 13px;

    line-height: 1.2;

    padding: 10px 8px;

}

.table-wrapper table tr th:first-child {

    width: 20px !important;

    padding-left: 4px !important;

    padding-right: 15px !important;

    font-size: 13px;

}

.table-wrapper table tr th:first-child.width-250{

    width: 250px !important;

}

.table-wrapper table tr th:last-child {

    width: 30px !important;

    padding-right: 16px !important;

}

.table-wrapper .table-striped tbody tr:nth-of-type(odd) {

    background-color:#ECF2FE;

}

.table-wrapper .table-striped tbody tr:nth-of-type(even) {

    background-color:#F6F9FE;

}

.doc-wrapper{

    text-align: center;

}

.act-wrapper{

    text-align: center;

}

.act-wrapper a{

    display: inline-block;

    margin: 0 2px;

}

.img-document{

    width: 32px;

}

.img-action {

    width: 14px;

}

.table-wrapper table thead .sorting:before,

.table-wrapper table thead .sorting_asc:before,

.table-wrapper table thead .sorting_desc:before{

    content: "\f0dd" !important;

    right: 6.6px !important;

    font-family: 'Font Awesome\ 5 Free';

}

.table-wrapper table thead .sorting:after,

.table-wrapper table thead .sorting_asc:after,

.table-wrapper table thead .sorting_desc:after{

    content: "\f0de" !important;

    font-family: 'Font Awesome\ 5 Free';

}

.table-responsive .row{

    margin: 0;

}

.table-responsive .col-sm-12{

    padding: 0;   

}

.remove-top-bdr.verticle-middle{

    border-top: 0 !important; 

}

.btm-bdr-th {

    border-bottom: 1px solid #dee2e6 !important;

    text-align: center;

}

@media screen and (max-width: 991px){

    .table-wrapper table tr th {

        font-size: 13px;

        padding-right: 15px !important;

    }

    .table-wrapper table tr td {

        font-size: 13px;

        padding-right: 15px !important;

        padding-left: 15px !important;

    }

    .img-document {

        width: 28px;

    }

    .img-action {

        width: 15px;

    }

    .act-wrapper a {

        margin: 0 3px 4px;

    }

    .table-wrapper table thead .sorting:before, 

    .table-wrapper table thead .sorting_asc:before, 

    .table-wrapper table thead .sorting_desc:before {

        right: 6.3px !important;

    }

}

/*Table E

----------------------*/

/**********************/

/*Modal S

----------------------*/

.modal-wrapper .modal-title {

    font-size: 20px;

}

/*Modal E

----------------------*/

/**********************/

/*Radio Button S

----------------------*/

.wrapper-radio-center {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.bdr-pad1{

    padding: 22px 0 0;

    border-top: solid 1px #e3dede;

    margin: 30px 0 0;

}

.wrapper-radio-center .radio{   

    margin: 0 8px;

}

.wrapper-radio-center label a{   

    vertical-align: middle;

}

.radio-type {

  line-height: 42px;

}

.radio-type .radio{

  display: inline-block;

  margin-right: 6px;

}

.radio-type  .radio label{

  line-height: 22px;

  margin-bottom: 0;

}

.checkbox label:after, 

.radio label:after {

    content: '';

    display: table;

    clear: both;

}

.checkbox .cr,

.radio .cr {

    position: relative;

    display: inline-block;

    border: 1px solid #3369d3;

    border-radius: .25em;

    width: 20px;

    height: 20px;

    float: left;

    margin-right: .5em;

}

.radio .cr {

    border-radius: 50%;

}

.checkbox .cr .cr-icon,

.radio .cr .cr-icon {

    position: absolute;

    font-size: .8em;

    line-height: 0;

    top: 50%;

    left: 16%;

}

.radio .cr .cr-icon {

    margin-left: -0.5px;

}

.checkbox label input[type="checkbox"],

.radio label input[type="radio"] {

    display: none;

}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,

.radio label input[type="radio"] + .cr > .cr-icon {

    transform: scale(3) rotateZ(-20deg);

    opacity: 0;

    transition: all .3s ease-in;

    color: #3369d3;

}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,

.radio label input[type="radio"]:checked + .cr > .cr-icon {

    transform: scale(1) rotateZ(0deg);

    opacity: 1;

}

.checkbox label input[type="checkbox"]:disabled + .cr,

.radio label input[type="radio"]:disabled + .cr {

    opacity: .5;

}



/*simple button*/

.radio-btn-wrapper input {

    width: 16px;

    height: 16px;

    line-height: 16px;

    vertical-align: middle;

    margin: 0 2px 0 8px;

}

.radio-align-modal .radio .cr .cr-icon{

    margin-left: 0;

}

.basic-info-sec .radio-align-modal  label{

  font-size: 14px;

}

/*Radio Button E

----------------------*/

/**********************/

/*Profile S

----------------------*/

.inner-profile label {

    font-size: 14px;

    margin: 0;

    font-weight: 500;

    color: gray;

}

.inner-profile p {

    font-size: 16px;

    margin: 0;

    font-weight: 600;

}

.profile-pic-wrapper {

    /*text-align: left;*/

    margin-bottom: 20px;

}

/*Profile E

----------------------*/

/**********************/

/*Radio Hide show S

----------------------*/

.row-hide{

    display: none;

}

/*Radio Hide show S

----------------------*/

/*********************/

/*Select Box S

----------------------*/

.select-box .fs-label-wrap {

    border: 0;

    background: #F8F8F8;

    height: 38px;

    font-size: 14px;

    color: #2d2d2d;

    border-radius: 0;

    border-left: solid 5px #3369d3;

}

.select-box .fs-wrap {

    width: 100%;

    position: relative;

    font-size: 14px;

}

.select-box .fs-label-wrap .fs-label {

    height: 38px;

    line-height: 28px;

}

.select-box .fs-dropdown {

    border: 1px solid #dee2e6;

    width: 100%;

    margin-top: 5px;

    z-index: 1000;

    background: #ecf2fe;

}

.select-box .fs-search input {

    border: none !important;

    box-shadow: none !important;

    outline: none;

    padding: 10px 0;

    width: 100%;

    background: #ecf2fe;

}

.select-box .fs-optgroup-label{

    display: none;

}

.select-box .fs-wrap.multiple .fs-option.selected .fs-checkbox i {

    background-color: rgb(51, 105, 211);

}

.select-box  .fs-arrow {

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-top: 6px solid #2d2d2d;

}

.checkbox-inner{

    width: 16px;

    height: 16px;

    vertical-align: middle;

}

/*Select Box E

----------------------*/

.table-wrapper table tr th.inc-wdith:last-child{

    width: 60px !important

}

@media screen and (max-width: 991px){

    .table-wrapper table tr th.inc-wdith:last-child {

        width: 108px !important;

    }

}

/* Calibration Record S

-------------------------*/

.img-tata{

    width: 160px;

}

.verticle-middle {

    border:1px solid #dee2e6 !important;

}

.verticle-middle tr td:first-child{

    vertical-align: middle;

    line-height: 1.6;

}

.verticle-middle tr td:nth-child(2){

    vertical-align: middle;

    line-height: 1.6;

}

.verticle-middle tr td .custom-field{

    font-size: 13px;

    padding: 0 2px 0 6px;

}

.verticle-middle tr td select{

    width: 90px;

}

.remark-area{

    min-height: 100px;

}

.date-drop span{

    display: inline-block;

    margin-right: 10px;

}

.custome-dropdown.small-drop .dropdown-menu {

    min-width: 40px!important;

    margin-left: 0 !important;

    min-height: 50px;

    max-height: 150px;

    overflow: auto;

}

.custome-dropdown.small-drop .dropdown-menu a{

    padding: 0px 6px;

    font-size: 13px;

}

@media screen and (max-width: 1199px){

    .verticle-middle tr td .custom-field{

        width: 102px;

    }  

}

@media screen and (max-width: 767px){

    .responsive-space-between.d-space-between > div > span{

        display: block;

    }

    .responsive-space-between.d-space-between .m-left-20{

        margin-left: 0;

    }

}

/* Calibration Record E

-------------------------*/

/*************************/

/* Admin S

-------------------------*/

.login-wrapper{

    background: #EEECED;

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content:center; 

}

.inner-login{

    max-width: 380px;

    min-width: 380px;

    background: #fff;

    border-radius: 10px;

    text-align: center;

}

.login-head {

    background: #3369D3;

    padding: 20px 0;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}

.login-head img{

    width: 280px;

}

.login-form-part{

    padding: 30px 30px;  

}

.login-form-part{

    padding: 30px 30px;  

}

@media screen and (max-width: 767px){

    .login-head img {

        width: 260px;

    }

   .inner-login{

        max-width: 300px;

        min-width: 300px;

    } 

    .login-form-part {

        padding: 30px 20px;

    }

    .login-remember label ,

    .login-remember a {

        font-size: 12px;

    }   

} 

/* Admin E

-------------------------*/

/*************************/

/*Dashboard S

-------------------------*/

.inner-box {

    padding: 25px 22px;

    color: #fff;

    border-radius: 6px;

}

.inner-box h2 {

    font-size: 26px;

    margin-bottom: 0;

    font-weight: 600;

}

.inner-box span {

    font-weight: 600;

}

.bg-clr1{

    background: linear-gradient(45deg, #6a11cb , #2575fc);

}

.bg-clr2{

    background: linear-gradient(45deg, #fc4a1a, #f7b733);

}

.bg-clr3{

    background: linear-gradient(45deg, #00b09b, #96c93d);

}

.bg-clr4{

    background: linear-gradient(45deg, #ee0979, #ff6a00);

}

.bas-bg {

    background: rgba(0, 0, 0, 0.2);

    height: 3px;

    width: 50px;

    display: inline-block;

}

.top-bg{

    background: #fff;

    height: 3px;

    width: 50px;

    display: inline-block;

}

.donate-chart{

    width: 100%;

    height: 450px;

}

.title-chart {

    background: linear-gradient(180deg, #7e2cd8 , #2575fc);

    color: #ffffff;

    margin: 0;

    font-size: 16px;

    padding: 12px 22px;

    font-weight: 600;

}

.host-line-graph1 {

    background-color: #fff;

    padding: 15px 30px;

}

@media screen and (max-width: 767px){

    .inner-box {

        padding: 15px;

    }

    .inner-box .d-space-between > div{

        margin-bottom: 5px;

    }

    .inner-box h2 {

        font-size: 22px;

    }

}

/*Dashboard E

-------------------------*/