/* Your custom styles */
.fixed-sn main { padding-top: 0 !important;}
body {
	display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex: 1;
    min-height: 100vh;	
}
.pt-5p { padding-top: 5px !important; }
.breadcrumb { background-color: transparent !important; padding: 0; margin: 0; }
.align-center { align-items: center; }
.side-nav .logo-sn a { height: auto !important; }
.refresh-icon {
	font-size: 18px;
    color: #6c757d;
    margin-left: 10px;
    margin-top: 5px;
} 
.home-title {
	display: flex;
    align-items: center;
}
.view-document { cursor: pointer; }
.font-weight-semibold { font-weight: 500; }
.dataTables_length label,
.dataTables_filter label  { color: transparent; font-size:0; }
.pagination .page-item.active .page-link, 
.pagination .page-item .page-link:hover { border-radius: 50% !important; }
.user-email {
	color: #424242;
    font-size: 14px;
}
 .main-header-inner {
	display: flex;
    align-items: center;
}
.flex-space-div {
	justify-content: space-between;
    display: flex;
    align-items: center;
}
.whatsapp-icon {margin-left: 10px;}
.flex-center-div {
	display: flex;
    align-items: center;
    justify-content: center;
}
.support-icon { margin-left: 10px; }
.loader-div { text-align: center; }
.settings-content {
	margin-left: 15px;
}
.display-flex { display: flex; }
.justify-center { justify-content: center; }
.width-100 { width: 100%; }
.chart1 .preloader-wrapper,
.chart2 .preloader-wrapper { 
	position: absolute;
    left: 45%;
    top: 45%; }
.color-theme { color: #2bbbad !important; }
.bkcolor-theme { background-color: #2bbbad !important; }

.card.card-tab { width:100%; }
.display-flex-space { display:flex; justify-content: space-between; align-items:center;}
.card.card-green {
    background-color: #29c75f; }
.card.card-green .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.05); }
.card.card-green .card-body .content .value {
    color: #FFF; }
.card.card-green-light {
    background-color: #FFF; }
.card.card-green-light .card-body .icon {
    color: #29c75f;
    background-color: rgba(41, 199, 95, 0.05); }
.card.card-green-light .card-body .content .value {
    color: #29c75f; }
.card.card-green-light:hover {
    background-color: #29c75f; }
.card.card-green-light:hover .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.1); }
.card.card-green-light:hover .card-body .content .title, .card.card-green-light:hover .card-body .content .value {
    color: #FFF; }
.card.card-green.card-chart .card-header {
    background-color: #29c75f;
    color: #29c75f; }
.card.card-blue {
    background-color: #39c3da; }
.card.card-blue .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.05); }
.card.card-blue .card-body .content .value {
    color: #FFF; }
.card.card-blue-light {
    background-color: #FFF; }
.card.card-blue-light .card-body .icon {
    color: #39c3da;
    background-color: rgba(57, 195, 218, 0.05); }
.card.card-blue-light .card-body .content .value {
    color: #39c3da; }
.card.card-blue-light:hover {
    background-color: #39c3da; }
.card.card-blue-light:hover .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.1); }
.card.card-blue-light:hover .card-body .content .title, .card.card-blue-light:hover .card-body .content .value {
    color: #FFF; }
.card.card-blue.card-chart .card-header {
    background-color: #39c3da;
    color: #39c3da; }
.card.card-orange {
    background-color: #fc8229; }
.card.card-orange .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.05); }
.card.card-orange .card-body .content .value {
    color: #FFF; }
.card.card-orange-light {
    background-color: #FFF; }
.card.card-orange-light .card-body .icon {
    color: #fc8229;
    background-color: rgba(252, 130, 41, 0.05); }
.card.card-orange-light .card-body .content .value {
    color: #fc8229; }
.card.card-orange-light:hover {
    background-color: #fc8229; }
.card.card-orange-light:hover .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.1); }
.card.card-orange-light:hover .card-body .content .title, .card.card-orange-light:hover .card-body .content .value {
    color: #FFF; }
.card.card-orange.card-chart .card-header {
    background-color: #fc8229;
    color: #fc8229; }
.card.card-yellow {
    background-color: #FFBC11; }
.card.card-yellow .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.05); }
.card.card-yellow .card-body .content .value {
    color: #FFF; }
.card.card-yellow-light {
    background-color: #FFF; }
.card.card-yellow-light .card-body .icon {
    color: #FFBC11;
    background-color: rgba(255, 188, 17, 0.05); }
.card.card-yellow-light .card-body .content .value {
    color: #FFBC11; }
.card.card-yellow-light:hover {
    background-color: #FFBC11; }
.card.card-yellow-light:hover .card-body .icon {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.1); }
.card.card-yellow-light:hover .card-body .content .title, .card.card-yellow-light:hover .card-body .content .value {
    color: #FFF; }
.card.card-yellow.card-chart .card-header {
    background-color: #FFBC11;
    color: #FFBC11; }
	.card.card-tab.card-mini .card-header > li a, .card.card-tab.card-mini ul.nav-tabs > li a {
    padding-top: 20px;
    padding-bottom: 20px; }
.card.card-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 2px;
    transition: all 0.2s ease; }
.card.card-banner:hover {
    cursor: pointer;
    text-decoration: none; }
.card.card-banner .card-header {
    background-color: #FFF; }
.card.card-banner .card-body {
    padding: 0px; }
.card.card-banner .card-body .icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 3em;
    z-index: 0;
    padding: 10px;
    min-height: 100%;
    min-width: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
.card.card-banner .card-body .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    padding: 2rem 10px 2rem 2rem;
    z-index: 100;
	padding-left: 110px;
    word-break: break-all;	}
.card.card-banner .card-body .content .value {
    font-size: 20px;
    font-weight: 300;}
.card.card-banner .card-body .content .value .sign {
    font-size: 0.4em;
    font-weight: 200;
    margin-right: 5px;
    opacity: 0.75; }
.card.card-banner .card-body .content .title {
    font-size: 12px;
    font-weight: 400;
    color: #8d9293;
    text-transform: uppercase; }
.card.card-banner .card-body .content .small-title {font-size: 12px;
    color: #888;
}
.card.card-banner .card-body::after {
    content: '';
    position: relative;
    display: block;
    clear: both; }
.dataTables_wrapper  .col-sm-6,
.icons_wrapper  .col-sm-6,
.heading_wrapper .col-sm-6,
.content-header .col-sm-6,
.dataTables_wrapper .col-md-6 { width: 50% !important; }
.btn-disabled { border-color: #808080; }
.select-wrapper.mdb-select { margin: 0 !important; }
.select-dropdown.form-control { padding-top: 0 !important; padding-bottom: 0 !important; height: 36px !important;}
.table-responsive { overflow-x: inherit; }
.form-control:disabled, .form-control[readonly] { background-color: #f9fbfd; }
.wrapper { min-height: 600px; margin-top: 60px; } 
.suggestion-list .custom-control {
	border: 1px solid #ccc;
    padding: 5px 10px 5px 30px;
    margin-bottom: 5px;
    border-radius: 5px;
	}
.custom-control.odd {
	background-color: #e6e6e6;
}
.custom-control.even {
	background-color: #fff;
}
.login-form .form-check-input[type=checkbox]+label,
.login-form label.btn input[type=checkbox]+label {
	padding-left: 30px;
    line-height: inherit;
}
.login-form .form-check-input[type=checkbox].filled-in:not(:checked)+label:after, 
.login-form label.btn input[type=checkbox].filled-in:not(:checked)+label:after {
	border: 1px solid #fff;
}
.justify-space { justify-content: space-between; }
.justify-right { justify-content: flex-end; }
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.login-form input:-webkit-autofill,
.login-form input:-webkit-autofill:hover, 
.login-form input:-webkit-autofill:focus, 
.login-form input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px #8a8e9a inset !important;
	-webkit-text-fill-color: #fff;
}
.login-form .md-form input[type=email]:not(.browser-default):focus:not([readonly])+label {
	color: #fff !important;
}
.verify-info { position: absolute; right: 0; color: red; bottom: -10px; }  
.step1, .step2 { width: 100%; }
.provider-icon { width: 85px; height: 85px; }
.login-form  a.white-text:hover { color: #d0cccc !important; }
.btn-disabled { background-color: gray !important; cursor: not-allowed; }
.package-box { cursor: pointer; }
.package-box.selected .card { background-color: #e9fffc; }
.cascading-admin-card .admin-up {
	display: flex;
    justify-content: space-between;
}
.progress, .progress .progress-bar {
	height: 18px;
	font-weight: bold;
}
.breadcrumb-item a { color: #2bbbad; }
.breadcrumb-item a:hover { color: #6c757d; }
.md-progress { background-color: #c9e4e2; }
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control{
    background: url('../images/details_close.png') no-repeat center center;
}
.justify-right { justify-content: flex-end !important; }
.team-members tr.submitted { background-color: #d7f4da !important; }
.team-members tr.error { background-color: #ffd2cf !important; }
.btn.disabled, .btn:disabled, .btn-success:disabled { background-color: gray !important; }
.position-relative { position: relative; }
.documents-container { min-height: 300px; }
.file-outer { width: 50%; }
.hidden-textarea { height: 0; opacity: 0; }
.file-text-div textarea { width: 100%; }
.mr-20 { margin-right: 20px; }
.ml-20 { margin-left: 20px; }
@media only screen and (max-width: 467px) {
	.mobile-hide { display:none; }
	.navbar-expand .navbar-nav .nav-link { padding-left: 0!important; padding-right: 5px !important; }
	.support-icon { padding: 0 0 0 5px; }
	.mobile-hide { display:none; }
	.charts-outer { text-align: center; }
	.card.card-banner .card-body .icon { font-size: 2em; }
	.content-header h1 { font-size:1.3rem !important;}
	.card.card-banner .card-body .content { padding: 1rem 10px 1rem 2rem;}
	.card.card-banner .card-body .content .value { font-size: 16px;	}
	.card.card-banner .card-body .icon { min-width: 45px; }
	.small-box.small-another { margin-bottom: 20px; }
	.content-header .breadcrumb { float: right; font-size: 12px; }
	div.dataTables_wrapper div.dataTables_filter input { width: 95% !important; }
	.md-tabs .nav-link { font-size: 14px; } 
	.btn { padding: 10px !important; }
	.wrapper { /*min-height: 400px;*/ } 
	.settings-icon { display: none; }
	.settings-content { margin-left: 0; }
	.mobile-justify-center { justify-content: center; }
	.settings-content h4 { font-size: 1rem; }
	.nav-justified .nav-item { flex-basis: inherit !important; }
	.mobile-flex-column { flex-direction: column; text-align: center;}
}