/* body{display:none;} */
.hidden{display: none;}
.logo-class{max-width:150px;}
.input-field {
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #37b989;
    color: #37b989;
}
.bg-white input{border:0;}
.bg-white .btn-block{border-radius: 20px;background-color: #37b989;color: #fff;display: block;width: 100%;border: 2px solid #37b989;}
.bg-white .btn-block:hover{border:2px solid #37b989;background:transparent;color:#37b989;font-weight:600;}
.card-login{box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);}
.bg-white .form-check input{border:1px solid #3ab678;}
.form-check .form-check-input:checked {
    background-color: #3ab678;
    border-color: #0d6efd;
}
.form-check .form-check-label{margin-top: 1px;color:#444;}
.captcha_par input {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    margin-bottom: 5px;
    height: auto;
    padding: 5px 10px!important;
    font-size: 15px;
    border-radius: 4px;
	border: 1px solid #37b989;
	
}
.not_allowed{cursor:not-allowed;}
.captcha_par .d-flex {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
}
.captcha_par .d-flex a {
    right: 0;
    top: 0;
    position: absolute;
    width: 35px;
    height: 34px;
    background: #37b989;
    text-align: center;
    padding-top: 5px;
    color: #fff;
    cursor: pointer;
}
.login-title{text-transform: uppercase;text-align:center;font-weight: 600;font-size: 27px;margin-bottom: 12px;}
.login-pdg{padding:0 12px;}
.field-pdg{padding: 8px 0;}
.header-item.login-dropdown{height: 36px;background-color: #eee;margin-bottom: 0;}
.login-dropdown span i{padding-left: 4px;}
.footer-content a{color: #263238;font-weight: 600;}
.footer-content a:hover{color: #0caa69;}
.no-records{background:#f0e130;margin-bottom: 0;margin-top: 30px;}
.no-records .card-body{padding:12px 20px;}
.no-records p{color:#000;margin-bottom:0;}

body[data-sidebar=dark] #sidebar-menu ul li.active> a{color: #fff;/*background:#2a373e;*/background: #437a6a;}
.vertical-collpsed .vertical-menu #sidebar-menu ul li a:hover{width: 350px;}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul ul{width: 270px;}
body[data-sidebar=dark] #sidebar-menu ul li a:hover::before{color:#fff !important;}
body[data-sidebar=dark] #sidebar-menu ul li.active> a i, body[data-sidebar=dark] #sidebar-menu ul li.active> a span{color:#fff;}
body[data-sidebar=dark] #sidebar-menu ul li:hover a{color:#fff;}
body[data-sidebar=dark] #sidebar-menu ul li a:hover{color:#fff !important;}
.navbar-brand-box .logo-lg img{max-width: 130px;}
.navbar-brand-box .logo-light{text-align:center;}
.dropdown-menu.dropdown-menu-end.show{margin-top:17px !important;}

/*Railway Zone Management*/
.body-background{background:#fff;padding:7px 20px 20px;}
.body-background .accordion .accordion-item h2.accordion-header{display: inline-block;}
.body-background .accordion button.accordion-button{font-size: 16px;text-transform:uppercase;color: #0caa69;font-weight: 500;background-color: #e6f6f0;padding: 13px 15px;}
.body-background .accordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.body-background .accordion .accordion-button::after{width: 20px;height: 20px;background-size: 20px;margin-left: 20px;}
.body-background .accordion .accordion-body input{height: calc(1.46em + 1rem);padding: 0.4rem 10px;}
.body-background label{margin-bottom: 5px;color:#20488b;}
.flex-end{align-items: flex-end;display: flex;}
.go_btn{color: #fff;background-color: #0abb87;;padding: 7px 14px;border-radius: 4px;font-weight:600;}
.go_btn:hover{background:#08956c;color:#fff;}
.input-addon .input-group-add .input-group-text{padding: 0.40rem 0.75rem;border-radius:0;}
.add-btn{display: flex;align-items: center;padding-bottom: 12px;}
.add-btn h4{font-size: 20px;margin: 0;}
.add-btn a{color: #fff;background-color: #0abb87;padding: 6px 16px;border-radius: 2px;font-weight: 600;font-size: 14px;}
.add-btn a:hover{background:#08956c;}
.add-btn a i{padding-left:5px;font-size: 12px;}
.required {color: #F00 !important;font-size: 14px;}
.btn-div{margin-top: 20px !important;}
.btn-add{
	background: #4682b4;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #4682b4;
    border-radius: 100px;
    padding: 7px 30px;
	margin-right: 10px;
}
.btn-add:hover{background:#3f75a2;color:#fff;}
.btn-submit:hover{background:#08956c;color:#fff;}
.btn-submit{
	background: #0abb87;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #0abb87;
    border-radius: 100px;
    padding: 7px 30px;
	margin-right: 10px;
}
.btn-submit:hover{background:#08956c;color:#fff;}
.btn-reset{
	background: #e1e5ec;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #c6cedd;
    border-radius: 100px;
    padding: 7px 30px;
}
.btn-reset:hover{background:#f3f4f7;border: 2px solid #e1e5ec;}	
.back-btn a{
	color: #fff;
    background-color: #363d46;
	border-color:363d46;
    padding: 6px 16px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
}
.back-btn a:hover{background:#222;color:#fff;}
.required2 {color: #e02222;}
.mandatory-col{background: #f3f3f7;padding: 10px;border-radius: 5px;margin-bottom: 22px;}
.mandatory-col p{font-size: 15px;color: #222222;margin-bottom:0;}
.active-status{color: #ffffff;background: #0abb87;border-radius: 2px;padding:4px 10px;font-size:14px;}
.inactive-status{color: #000000;background: #ffb822;border-radius: 2px;padding:4px 10px;font-size:14px;}
.delete-status{color: #ffffff;background: #e7505a;border-radius: 2px;padding:4px 10px;font-size:14px;}
.action-btn a{position:relative;height: 32px;width: 32px;margin: 0 3px;color: #282a3c;background: #eaeaea;border-radius: 50%;line-height: 10px;font-size:14px;}
.action-btn a.btn-view:hover{background:#2f353b;color:#fff;}
.action-btn a.btn-edit:hover{background:#0abb87;color:#fff;}
.action-btn a.btn-delete:hover{background:#e7505a;color:#fff;}
.action-btn a:hover:before {
    display: inline-block;
}
.action-btn a:before {
    content: "";
    background: #000;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
    display: none;
    padding: 6px 6px;
    margin-left: 5px;
    position: absolute;
    top: -25px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.action-btn a.btn-view:before {
    content: "View";
}
.action-btn a.btn-edit:before {
    content: "Edit";
}
.action-btn a.btn-delete:before {
    content: "Delete";
}
.action-btn a{
		display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.table-detail table tr td{font-size:15px;color:#000 !important;}
.table-detail table tr td{padding: 8px 7px !important;}
 .table-detail table tr th{padding: 12px 7px !important;}
.table-detail table thead tr{background:#ECF2F8;color:#20488b;}
.table-detail table thead tr th{font-weight:500;vertical-align: middle;}
.table-detail{margin-top:20px;}
/*pagination*/
.wesl_pagination, .wesl_pg_rcds, .wesl_No_pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wesl_pg_rcds {
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	font-size:16px;
}
.wesl_No_pages {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.wesl_No_pages .wesl_pagination {
    list-style: none;
    margin: 0 0 0 10px;
    padding-left: 0;
}
.wesl_No_pages .wesl_pagination li a {
    width: 30px;
    height: 30px;
    text-align: center;
    /* border: 1px solid red; */
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /* background-color: rgba(77, 89, 149, 0.1); */
    color: #5d5d5d;
    margin: 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wesl_No_pages .wesl_pagination li.wesl_pg_navi a{background: #f0f3ff;color: #0abb87 !important;}
.wesl_No_pages .wesl_pagination li.wesl_active a{color: #fff;background: #0abb87 !important;}
.wesl_No_pages .wesl_pagination li:hover a {background: #f0f3ff;}
.pagination-mg{margin:5px 0 0;}
.pagination-mg1{margin:12px 0 12px;}
.sorting {
    color: #000;
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6.5px;
}
.sorting a {color: #a9a9a9;line-height: 15px;}
.sorting a i.wesl_active{color: #0abb87 !important;}
.table thead th{position:relative;}
.body-background [class*=col-]{margin-top: 5px;margin-bottom: 5px;}
.permission-check{margin-right:10px;}
.permission-check .form-check-input{border: 2px solid #6c7293;width: 1.3em;height: 1.3em;}
.permission-check.form-check .form-check-input:checked{border-color:#6c7293;    background-color: #6c7293;}
.permission-check label{color: #646c9a !important;font-weight: 400;}
.permission-check:hover input,.permission-check:hover label{cursor:pointer;}
.wrapper1, .wrapper2 {width: 100%;overflow-x: scroll;overflow-y: hidden;}
.wrapper1 {height: 20px;margin-top:12px;}
.div1 {height: 20px;width: 1500px;}
.table-scrollable.div2 {overflow-x: hidden; margin: 0px !important;}
.div2 {overflow: auto;width: 1500px;}

.link-left{float:left;}
.link-right{float:right;}
.checkbox-check .link-left,.checkbox-check .link-right{margin-bottom:20px;}
.checkbox-check .link-right a{color: #444;font-weight: 600;}
.checkbox-check .link-right a:hover{color:#37b989;}
.link-left .form-check:hover{cursor:pointer;}
.link-left .form-check:hover input, .link-left .form-check:hover label {cursor: pointer;}
.input-daterange input{text-align:left;}
.multi-select-drop .btn-group{height: 37px;width: 100%;}
.multi-select-drop .btn-group .btn{border: 1px solid #ced4da;}
.multi-select-drop .multiselect-native-select button.multiselect.dropdown-toggle::after {
    top: 7px;
}
.multi-select-drop button.multiselect:focus{box-shadow:none;border-color: #6483b9;}
.multi-select-drop button.multiselect.dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    content:"\f107";
    font-size: 15px;
    color: #495057;
    position: absolute;
    width: auto;
    right: 6px;
    font-weight: 600;
    pointer-events: none;
    text-align: center;
    border: 0;
}
.multi-select-drop .input-group-addon{
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.multi-select-drop ul.multiselect-container{width:100%;}
.multi-select-drop ul.multiselect-container li label{color:#555;}
.multi-select-drop .input-group-btn .btn-default{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 10px 12px !important;
    margin-right: 10px;
    border-left: 0;
}
.multi-select-drop .multiselect-filter {
    position: sticky;
    top: 0;
    z-index: 1;
}
.multi-select-drop .multiselect.dropdown-toggle{text-align: left;}
.multi-select-drop .multiselect-container>li>a>label{padding: 3px 10px 3px 15px;}
.org-detail{margin:0 0 20px;}
.cont-detail{margin:20px 0 20px;}
.org-detail h2,.cont-detail h2{font-size: 18px;border-bottom: 1px dashed #ccc;padding-bottom: 8px;color: #222222;text-transform: uppercase;}
.menu-icon-right{line-height: 62px;float: right;}
.permission-title {margin-top:20px;}
.permission-title h2{color:#222;font-weight:500;font-size:17px;text-transform:uppercase;border-bottom: 2px solid #878eb1;display: inline-flex;}
.table-users table thead tr {color: #222;}
.table-users table thead tr th {font-weight: 500;vertical-align: middle;}
.table-users tbody tr td strong{
	color: #0abb87;
    font-size: 17px;
    font-weight: 600;
}
.table-users tr td .form-check-input{border: 1px solid #ADACAC;}
.table-users tr td .form-check-input:checked {
    background-color: #6c7293;
    border-color: #6c7293;
}
.table-users tr td .form-check-input:focus{box-shadow:none;}
.table-users tr th .form-check-input{border: 1px solid #ADACAC;}
.table-users tr th .form-check-input:checked {
    background-color: #6c7293;
    border-color: #6c7293;
}
.table-users tr th .form-check-input:focus{box-shadow:none;}
.table-users tbody tr td input.input-pdg{margin-left:10px;}
.table-users tbody tr td .select-pdg{padding-left:10px;}
.details-row span{color:#333;border:none;padding:0;}
.details-row label{margin-bottom:0;}
.fa-green{color:#0caa69;font-size: 13px;}
.fa-red{color:#f44336;font-size: 13px;}
.system-view .table >:not(caption)>*>*{padding:8px 12px;}
.status-active-bg{width:60px;color: #ffffff !important;background: #0abb87;border-radius: 2px;padding: 1px 10px !important;font-size: 14px;}
.status-inactive-bg{width:70px;color: #000000 !important;background: #ffb822;border-radius: 2px;padding: 1px 10px !important;font-size: 14px;}
.status-deleted-bg{width:65px;color: #ffffff !important;background: #e7505a;border-radius: 2px;padding: 1px 10px !important;font-size: 14px;}
.action-table{margin-top: 5px;}
.main-heading{
    display:flex;
    justify-content:space-between;
	border-bottom:1px dashed #c0cce9;
    margin-bottom:8px;
}
.password-modal .form-group{margin-top:10px;margin-bottom:10px;}
.password-modal .form-group label{margin-bottom:6px;}
.password-modal .modal-title{color: #20488b;font-size:18px;}
.btn-modal-submit{background:#08956c;color:#fff;font-weight:600;border-radius:100px;border:2px solid #08956c;padding: 5px 20px;}
.btn-modal-submit:hover{background:transparent;color:#08956c;}
.btn-modal-close{background:transparent;color:#333;font-weight:600;border-radius:100px;border:2px solid #333;padding: 5px 20px;}
.btn-modal-close:hover{background:#333;color:#fff;}
#sidebar-menu ul.metismenu li a{position:relative;}
#sidebar-menu ul.metismenu li a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 15px;
    color: var(--bs-sidebar-dark-menu-item-color);
}
body[data-sidebar=dark] #sidebar-menu ul li.active> a::before{color:#fff;}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li a:hover::before{color:#fff;}
#sidebar-menu ul.metismenu li a span{left: 20px;position: relative;}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li a::before {font-size: 17px;}
.display-check{display: inline-flex;}
td .display-check:first-child{margin-left:10px;}
.display-check:hover input{cursor:pointer;}
.display-check label{padding-left: 8px;}
.check-block{display:block;}

.custom-file-label::after {
    content:"";
}
.imgview{max-width:100%;width: 400px;height: 200px;margin-top: 8px;}
.body-background .form-control:focus{border-color: #6483b9;}
.body-background .form-select:focus{border-color: #6483b9;box-shadow:none;}
.body-background .accordion-body{padding:0 0 1rem;}
.fields .form-control{display:inline-flex;width:auto;}
.border-row{border-top:1px dashed #c0cce9;}
.border-row h5{   
	margin-top: 12px;
    margin-bottom: 0;font-size: 17px;
}
.border-row1 h5{   
	margin-top: 12px;
    margin-bottom: 0;font-size: 17px;
}
.last-border-row{border-bottom:1px dashed #c0cce9;padding-bottom: 10px;}
.conve-margin{margin-top: 10px;}
.border-row .col-md-2{text-align:right;}
.border-row1{border-top:1px dashed #c0cce9;}
.border-row1 .col-md-2{text-align:left;}
.msg-label{color: #555;line-height: 1.2 !important;font-size: 14px;font-style: italic;}
.column-mg{margin-bottom: 12px !important;}
.metismenu .sub-menu li a::before{content: "" !important;}
.export_btn{
	color: #fff;
    background-color: #4682b4;
    padding: 7px 14px;
    border-radius: 4px;
    font-weight: 600;
    margin-left: 20px;
}
.export_btn:hover{background-color:#3f75a2;color:#fff;}
.export_btn .fa{padding-right:5px;}
.date .input-group-text i{color: #444;}
.date.input-group{position:initial;}
.check-block label{padding-right: 10px;}
.open-status {
    color: #ffffff;
    background: #0abb87;
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 14px;
}
.close-status {
    color: #ffffff;
    background: #e7505a;
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 14px;
}
.status-open-bg {
    width: 60px;
    color: #ffffff !important;
    background: #0abb87;
    border-radius: 2px;
    padding: 1px 10px !important;
    font-size: 14px;
}
.
element.style {
}
.details-row span {
    color: #333;
    border: none;
    padding: 0;
}
.status-deleted-bg {
    width: 65px;
    color: #ffffff !important;
    background: #e7505a;
    border-radius: 2px;
    padding: 1px 10px !important;
    font-size: 14px;
}
.div1-tasks {height: 20px;width: 1600px;}
.div2-tasks {overflow: auto;width: 1600px;margin-top:0;}
.assign-btn{background:#4682b4 !important;margin-right:5px;}
.assign-btn:hover{background:#3f75a2 !important;}
.btn-group{margin-bottom:12px;}
.btn-modal-submit1{
    background: #0abb87;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px 18px;
	margin-top:12px;
}
.btn-modal-submit1:hover{background: #08956c;color: #fff;}
.doc-icon{
	border: 1px solid #0abb87;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 5px;
    align-items: center;
	background: #0abb87;
    color: #fff;
	margin-bottom:5px;
}
.doc-icon:hover{background:#08956c;color:#fff;}
.doc-icon i{font-size: 15px;}
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a.active{background:#393f48!important;}
.approval-style{background: #FFBF00;color: #fff;padding: 4px 6px;border-radius: 3px;font-size: 14px;}
.approval-style:hover{color: #fff;}
.overlay {
	position: relative;
    width: 140px;
	visibility: hidden;
    opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
	padding: 10px 10px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 16%);
	z-index: 1;
    right: 0;
    top: -40px;
    width: 100%;
}
.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: -7px;
  right: 12px;
  transition: all 200ms;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.yes-bg{
	height: 0;
    width: auto;
    padding: 3px 18px;
    border-radius: 2px;
    background: #0abb87;
	color:#fff;
}
.no-bg{
	height: 0;
    width: auto;
    padding: 3px 18px;
    border-radius: 2px;
    background: #e7505a;
	color:#fff;
}
.yes-bg:hover,.no-bg:hover{color:#fff;}
.body-background .accordion .accordion-body .multi-select-drop input{height: auto;padding: auto;}
.select-align{display: flex; align-items: center;margin-top: 22px !important;}
.navbar-header .dropdown-item i{padding-right: 8px;color: #484e54;}
.div-table1 {
    height: 20px;
    width: 1120px;
}
.div-table2 {
    overflow: auto;
    width: 1120px;
	margin-top:0 !important;
}
.div-table-expense {
    height: 20px;
    width: 1200px;
}
.div-table-expense1 {
    overflow: auto;
    width: 1200px;
	margin-top:0 !important;
}
.table-scrollable.div-table-expense1 {
    overflow-x: hidden;
    margin: 0px !important;
}
.table-scrollable.div-table2 {
    overflow-x: hidden;
    margin: 0px !important;
}
html,body{overflow-x: hidden !important;}
.yes-status {
    background: #0abb87;
    color: #fff;
    padding: 4px 20px;
    border-radius: 3px;
    font-size: 14px;
}
.no-status {
    background: #e7505a;
    color: #fff;
    padding: 4px 20px;
    border-radius: 3px;
    font-size: 14px;
}
.v-align-mid{vertical-align:middle;}	
.open-status:hover {color: #fff;}
.remark-text{border: 1px solid #a3bbe9;}
.remark-text:focus{border: 1px solid #4a73c1 !important;}
.remark-add .modal-header{padding: 10px 15px;}
.remark-add .modal-body{padding: 5px 15px 8px;}
.open-status-view {color: #ffffff !important;background: #0abb87;border-radius: 2px;padding: 2px 12px !important;font-size: 14px;width: 60px;text-align: center;}
.close-status-view {color: #ffffff !important;background: #e7505a;border-radius: 2px;padding: 2px 12px !important;font-size: 14px;width: 64px;text-align: center;}
.form-select{ font-size: 14px;}
.body-background .accordion .accordion-body .input-daterange input{height:auto;}
.updated-msg{color: #065161;background-color: #cff4fc;border-color: #99e6f7;padding: 8px 20px;font-size: 15px;font-weight: 600;opacity: 0.83;}
.deleted-msg{color: #842029;background-color: #FFBABA;border-color: #FFBABA;padding: 8px 20px;font-size: 15px;font-weight: 600;opacity: 0.83;}
.updated-msg.alert-dismissible .btn-close,.deleted-msg.alert-dismissible .btn-close{padding: 14px 20px;}
.manage-link{color:#00b4f0;font-weight:600;}
.manage-space .modal-header {padding: 10px 15px;}
.manage-space .modal-body {padding: 15px 15px 30px;}
.datepicker{ z-index:99999 !important;}
.btn-back{
	background: #333;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #333;
    border-radius: 100px;
    padding: 7px 30px;
	margin-left: 10px;
}
a.btn-back:hover{background: #444;color: #fff;border: 2px solid #444;}
.nav-tabs-custom.nav-view .nav-item .nav-link::after{background: #0abb87;}
.nav-tabs-custom.nav-view .nav-item .nav-link span{font-size: 17px;font-weight:600;}
.tab-row {margin-top: 17px;}
.document-card{display: flex;justify-content: space-between;margin:0 20px 15px;background:#e6f8f3;padding: 7px 12px;border-radius: 5px;border:1px dashed #0abb87;}
.document-card:last-child{margin:0 20px 0;}
.document-card .doc-name{display: flex;align-items: center;}
.doc-name h4 {margin-bottom: 0;font-size: 15px;color: #222;}
.doc-btn a{
	padding: 1px 5px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    border: 1px solid #1ba77e;
	background:#1ba77e;
    border-radius: 50px;
}
.doc-btn a i{font-size:15px;}
.doc-btn a:hover{color:#333;background:transparent;border: 1px solid #1ba77e;}
.main-heading-align{justify-content: end;}
/*Change Password*/
.bg-white .form-styling input{border: 1px solid #ced4da !important;}
.bg-white .form-styling .form-group{margin-bottom: 12px}
.submit-div{text-align:center;margin: 25px 0 12px;}
.submit-div .btn-submit {
    border-radius: 100px;
    background: linear-gradient(-45deg, #44e1a7 1%, #043322 100%);
    color: #fff;
    border: 0;
	text-transform:uppercase;
	padding: 7px 30px;
}
.submit-div .btn-back {
    border-radius: 100px;
    background: linear-gradient(-45deg, #8e9190 1%, #000 100%);
    color: #fff;
    border: 0;
	text-transform:uppercase;
	padding: 7px 35px;
	margin-left: 0;
}
.submit-div .btn-submit:hover{background: linear-gradient(-45deg, #32d89b 1%, #107651 100%);}
.submit-div .btn-back:hover{background: linear-gradient(-45deg, #656f6c 1%, #000 100%);}
.card-passwd{box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);border-radius: 20px;}
.passwd-bg{background:#e8ecf1;}
.logo-change-passwd{max-width: 130px;}
.passwd-pdg{padding: 20px 12px 0;}
.passwd-pdg .main-title{text-transform: capitalize;text-align: center; font-weight: 600; font-size: 27px;margin-bottom: 12px;}
.passwd-pdg .form-styling .form-control:focus {border-color: #6483b9 !important;}
.passwd-pdg .form-styling .form-group .control-label{padding-bottom: 5px;color: #222;}
/*Change Password*/
.contact-accord{border: 1px solid #ddd;padding: 20px 15px 18px !important;box-shadow: 0 1px 1px rgb(0 0 0 / 20%);}
.add-collapse button{width: 11%;}
.add-collapse button i{font-size: 12px;padding-right: 5px;}
.add-collapse .accordion-header{border: 1px solid #ddd;padding: 10px 10px;box-shadow: 0 1px 2px 0 #ddd;display:block !important;}
.row-detail{margin-top:20px;}
.content-div{padding:7px 12px 12px; border:1px solid #ddd;margin: 17px 0px;box-shadow: 0 1px 2px 0 #ddd;}
.content-div .add-btn h4{font-size:18px;}
.body-background .accordion.accordion-add .accordion-button::after{width: 16px;height: 16px;background-size: 17px;margin-left: 10px;}
.right-btn{margin-bottom: 12px;}
.right-btn a.edit-btn {
	position: relative;
    color: #fff;
    background-color: #0abb87;
    width: 35px;
    height: 35px;
    line-height: 27px;
    border-radius: 100px !important;
    font-weight: 600;
    font-size: 14px;
	margin-right:2px;
	padding-top: 10px;
	border:2px solid #0abb87;
}
.right-btn a.edit-btn:hover{background:transparent;color:#0abb87;}
.right-btn a.delete-btn:hover{background:transparent;color:#d33a2f;}
.right-btn a.delete-btn {
	position: relative;
    color: #fff;
    background-color: #d33a2f;
    width: 35px;
    height: 35px;
    line-height: 27px;
    border-radius: 100px !important;
    font-weight: 600;
    font-size: 14px;
	padding-top: 10px;
	border:2px solid #d33a2f;
}
.right-btn a:hover:before {
    display: inline-block;
}
.right-btn a:before {
    content: "";
    background: #000;
    color: #FFF;
	font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    display: none;
    padding: 2px 6px;
    margin-left: 5px;
    position: absolute;
    top: -35px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.right-btn a.edit-btn:before {
    content: "Edit";
}
.right-btn a.delete-btn:before {
    content: "Delete";
}
.right-btn a{
	display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.add-btn h4 .organization-name{font-weight: 500;font-size: 17px;}

/*Popup*/
.popup-fixed{right:10px;}
.popup-fixed .alert a{color:#1f1f20;}
.popup-fixed .alert a p{color:#000;}
.popup-fixed .alert.alert-dismissible{padding-right: 2.75rem;} 
/* .popup-fixed .alert.alert-success{background-color: #f5f5f5;border-color: #b2d1c2;box-shadow: 0 0 12px 0 rgb(140 193 167);} */
.popup-fixed .alert.alert-success{background-color: #f5f5f5;border-color: #f5a7ac;box-shadow: 0 0 12px 0 rgb(185 69 77 / 51%);}
.popup-fixed .alert h4{font-size: 20px;}
/*Popup*/

.multi-select-drop .multiselect-container li a.multiselect-all label{font-weight: 400;}
/*.multi-select-drop .multiselect-item.multiselect-all{display:none !important;border-bottom:0 !important;}*//*removed from 294*/
.close_button{background-color: transparent;border: initial;position: absolute;right: 5px;top: 10px;}
.form-group{margin-bottom:15px;}
.login-content .forget-form {
    float: left;
    width: 100%;
}
.login-content h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
}
.user-login-5 .login-container>.login-content p {
    color: #a0a9b4;
    font-size: 15px;
    line-height: 22px;
}
.display-hide, .display-none {
    display: none;
}
.btn.btn-outline.blue {
    border-color: #3598dc;
    color: #3598dc;
    background: 0 0;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #3598dc;
    border-color: #3598dc;
}

.fade.in{opacity: 1;}
.close_alert{position: absolute;right: 3px;background-color: transparent;border: none;top: 0px;}



@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
	.overlay{width: 12%;}
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.overlay{width: 14%;}
	
}