a{
	text-decoration: none;
}
h2 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}
ol, ul{
	padding: 0px;
}

.main-container{
	min-height: 100vH;
	background: #FCFAFA;
}

.input-container {
  position: relative;
}
.input-container input {
	outline: none;
	position: relative;
	width: 100%;
	height: 40px !important;
	border: 0;
	color: #212121;
	font-size: 17px !important;
	font-weight: 400;
	border: none !important;
	border: 1px solid #bfbfbf !important;
	background: #F1F8FF !important;
	box-shadow: none !important;
	padding: 0;
	padding-left: 10px;
}
.input-container input:focus ~ label {
    left: 0;
    top: -46px;
}
.input-container input:focus ~ .bar:before, .input-container input:focus ~ .bar:after {
  width: 49.5%;
}
.input-container input:valid ~ label {
	left: 0;
    top: -46px;
}
.input-container label {
	position: absolute;
	top: -4px;
	left: 12px;
	color: #746E6E;
	font-weight: 300;
	line-height: 60px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	font-size: 16px !important;
}
.input-container .bar {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
}
.w-90{
    width: 90%
}
.input-container .bar:before, .input-container .bar:after {
  content: '';
  position: absolute;
  background: #b0b0b0;
  width: 0;
  height: 2px;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.input-container .bar:before {
  left: 50%;
}
.input-container .bar:after {
  right: 50%;
}




.login-left {
	min-height: 100vH;
	background: url(../img/banner.png);
	background-size:cover;
}
.window-height {
	min-height: 100vH;

}
.logo-continer {
	display: block;
	width: 212px;
}
.login-banner .btn.btn-info {
	display: block;
	margin: 200px auto 30px;
	background: #3597EC;
	height: 50px;
	line-height: 50px;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	border: none;
	border-radius: 7px;
	color: #fff;
	width: 100%;
	max-width: 500px;

}
.login-banner .btn.btn-outline-primary {
	width: 100%;
	border: 2px solid #E0E0E0;
	height: 50px;
	padding: 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	display: block;
	margin: 0px auto 160px;
	width: 100%;
	max-width: 500px;
}
.login-banner h6 {
	color: #fff;
	font-size: 18px;
}
.login-banner .border-top {
	margin: 10px 0;
	border-color: #fff;
}
.login-banner .btn.btn-outline-primary img {
	position: relative;
	top: -5px;
	margin-right: 10px;
	width: 30px;
}
.login-container h2 {
	font-size:30px;
	color: #10101C;
	font-weight: 700;
}
.login-container p {
	color: #10101C;
	font-size: 16px;
	margin-bottom: 30px;
}
.btn.btn-primary {
	width: 100%;
	height: 60px;
	font-size: 25px;
	font-weight: 700;
	border-radius: 5px;
	background: #5D38DB;
	border: none;
	color: #fff !important;
}
.select-container::after {
    content: '';
    width: 0;
    height: 0px;
    background: transparent;
    position: absolute;
    right: 6px;
    border-right: 9px solid #6F52ED;
    border-bottom: transparent;
    border-left: transparent;
    border-top: 9px solid transparent;
    transform: rotate(45deg);
    top: 12px;
    pointer-events: none;
}
.select-container select {
	height: 50px;
	background: #f1f8ff;
}
.select-container {
	position: relative;
}
.form-container .form-group {
	margin-bottom: 40px;
}
.form-container h4 {
	color: #746E6E;
	text-align: center;
	font-size: 14px;
}
.modal-content{
	border-radius: 10px;
	padding: 20px;
}
.modal-body h4 {
	color: #414141;
	font-size: 20px;
	margin: 20px 0;
}
.modal input.highlight {
    background: #F1F8FF;
}
.modal-header .modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #10101C;
}
.otp-container {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.btn.btn-success {
	background: #2BE690;
	border: none;
	height: 60px;
	width: 100%;
	font-size: 22px;
	font-weight: 700;
	border-radius: 7px;
}
.otp-container .form-control {
	height: 110px;
	border-radius: 0;
}
.red {
	color: #FF1C1C;
}
.otp-container .form-control {
	height: 110px;
	border-radius: 0;
	font-size: 60px;
	text-align: center;
}
.modal-body h5 {
	color: #414141;
	font-size: 33px;
	margin: 30px 0;
}
.form-container.small .form-group {
	margin-bottom: 30px;
}
.pumb-banner h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	margin: 100px 0;
}
.btn.btn-secondary{
	background: #CCCCCC;
	border: none;
	color: #434343;
	
	height: 45px;
	line-height: 45px;
}

.section-container h2 {
	color: #10101C;
	font-size: 40px;
	font-weight: 700;
}
.section-container p {
	color: #10101C;
	font-size: 18px;
}
.card-header {
	text-align: center;
	line-height: 100px;
	background: #FD3155;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}
.card-info .card-header {
	background: #2DAEFC;
}
.card-warning .card-header {
	background: #FEAF42;
}
.card-success .card-header {
	background: #2BE690;
}
.card.subscription {
	border-radius: 15px;
	overflow: hidden;
	border: none;
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,.1);
	padding-bottom: 30px;
}
.card.subscription ul li {
    font-size: 15px;
}
.card-header::after {
	background: inherit;
	content: '';
	width: 20px;
	height: 20px;
	left: calc(50% - 10px);
	position: absolute;
	bottom: -7px;
	transform: rotate(45deg);
}
.card.subscription  li {
	color: #747373;
	font-size: 16px;
	line-height: 30px;
}
.card.subscription ul {
	margin-top: 30px;
}
.subscription .btn.btn-primary {
	width: 160px;
margin: 0 auto;
display: block;
font-size: 14px;
height: 40px;
}
.subscription .card-body {
	min-height: 400px;
	padding: 5px;
}
.left-wrap {
    background: #5D38DB;
    padding: 40px 35px;
    width: 299px;
    
}
.left-wrap .logo-continer img {
    width: 161px;
}
.menu-line{
	list-style-type: none;
	margin-top:100px; 
}
.menu-line li {
    padding-bottom: 50px;
    border-right: 1px solid #fff;
    padding-right: 40px;
    position: relative;
}
.menu-line li:last-child {
    padding-bottom: 20px;
}
.menu-line li:last-child::after {
    display: none;
}
.left-wrap a{
	color: #fff;
	text-decoration: none;
}
.menu-line p{
	margin-bottom: 0px;
	font-size: 15px; 
	text-align: right;
	/*white-space: nowrap;*/
}
.steps {
    position: absolute;
    right: -17px;
    top: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    text-align: center;
}
.steps.active{
	 background: #2BE690;
    color: #fff;
}
.menu-line li::after {
    content: '';
    position: absolute;
    width: 10px;
 	height: 10px;
    background: #fff;
    border-radius: 50%;
    right: -5px;
    bottom: 15px;
}
.content-area {
    width: calc(100% - 300px);
}

.top-menu .dropdown-menu{
	right: 0;
left: auto;
padding: 0px;

}
.top-menu{
background:#F1F8FF !important;
}
.rounded-circle{
	border-radius: 50%;
}
.img-profile {
    height: 1.5rem;
width: 1.5rem;
}
.page-wrap{
	background: #F5F5F5;
}
.navbar-head {
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    color: #10101C;
}
.user-head{
	font-size: 15px;
	color: #404040 !important;
}
.user-head img{
	margin-right:10px; 
}
.form-content-sm p {
    font-size: 15px;
    color: #1C1C27;
    line-height: 30px;
}
.form-wrap {
    background: #fff;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
    padding: 25px 50px;
    max-height: 750px;
overflow: auto;
    
}
.btn-add {
    width: 27px;
    height: 27px;
    text-align: center;
    background: #5D38DB;
    border: none;
    color: #fff;
    border-radius: 50%;
    line-height: 24px;
    font-weight: 700;
}
.form-wrap h2 {
    font-size: 30px;
    text-align: center;
}
.check-wrap.form-check .form-check-input {
    float: right;
    margin-left: -1.5em;
}
.form-check-input:checked {
    background-color: #2BE690;
    border-color: #2BE690;
}
.form-container {
    margin: 8px;
        
}
.form-content {
    padding: 100px 0px;
}
.form-content .input-group label , .form-content .input-group input{
	height: 36px;
	margin-top:50px; 
	border: 1px solid #808080;
}
.form-content .input-group label{
background:#fff;
width: 80%;
}
.form-content .input-group input{
background: #F1F8FF;


}
.form-content-sm input , .form-content-sm select{
	background: #F1F8FF;
	color: #282D32;
	border: 1px solid #808080;
	height: 40px;
	font-size: 15px;
}
.form-content-sm .select-container::after {
    content: '';
    width: 0;
    height: 0px;
    background: transparent;
    position: absolute;
    right: 10px;
    border-right: 9px solid #000;
    border-bottom: transparent;
    border-left: transparent;
    border-top: 9px solid transparent;
    transform: rotate(45deg);
    top: 15px;
    pointer-events: none;
}
.form-container .btn {
    font-size: 15px;
    height: 40px;
    font-weight: normal;
    display: inline;
    text-transform: uppercase;
}
.form-wrap h5 {
    font-size: 22px;
margin-bottom: 30px;
font-weight: 600;
}
.table-title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: #3C4B61;
}
.search span {
    background: transparent;
    border-left: 1px solid #BFB8B8;
    border-top: 1px solid #BFB8B8;
    border-bottom: 1px solid #BFB8B8;
    border-right: none !important;
    background: #DFE7F2;
    border-radius: 0px;
 }
 .input-group.mb-3.search input {
    border-left: none;
        border-left-color: currentcolor;
    border-color: #BFB8B8;
    font-size: 14px;
    background: #DFE7F2;
}.notify .dropdown-menu {
    width: 300px;
    padding: 0;
    border: none;
    border-radius: 5px;
    max-height: 350px;
    overflow: auto;
    box-shadow:0px 0px 6px 2px rgba(0,0,0,0.2);
}
.nav-item.dropdown.notify a {
    margin-right: 15px;
}
.notify-all {
    font-size: 13px !important;
}
.notify .badge {
    position: absolute;
    top: 10px;
    right: 19px;
    font-size: 10px;
    border-radius: 50%;
    padding: 0;
    background: #FF3E3E;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #fff;
}
.notify-head {
    font-size: 12px;
    text-transform: uppercase;
    background: #5D38DB;
    color: #fff;
    font-weight: 600;
    padding: 8px 15px;
    margin-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
}
.notify-all{
	 font-size: 12px;
}
.dropdown-menu.notification span {
    font-size: 11px;
white-space: normal;
color: #7d7f90;
display: block;
font-weight: 600;
line-height: 14px;
}
.dropdown-menu.notification small {
    color: #a0aebb;
    font-size: 11px;
    font-weight: 700;
    white-space: normal;
}
.dropdown-menu.notification strong {
    font-size: 14px;
    white-space: normal;
}
.dropdown-menu.notification li{
	border-bottom:  1px solid rgba(0,0,0,.15);
}
.dropdown-menu.notification li:first-child , .dropdown-menu.notification li:last-child {
    border: none;
}
 .dropdown-toggle::after {
	display: none  !important;
}
.user-head span {
    border: 1px solid #565656;
border-radius: 50%;
width: 15px;
height: 15px;
line-height: 13px;
display: inline-block;
text-align: center;
font-weight: 700;
margin-left: 8px;
vertical-align: middle;
font-size: 11px;
}
.table-widget{
	overflow: auto;
}
.table-widget thead tr {
    border: 1px solid #C7C7C7;
    background: #E9EEFF;
   
}
.table-widget thead tr th{
	color: #10101C;
font-size: 14px;
font-weight: 400;
        padding: 10px;
        border-bottom: none;
        position: relative;
}
.table-widget tbody td {
    font-size: 15px;
    font-weight: 400;
    color: #1C1D1D;
        padding: 10px;
        border-bottom: 1px solid #dee2e6;
}

/* .table-widget thead tr th::after {
    border-left: 1px solid #C7C7C7;
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    height:80%;
} */
/* .table-widget thead tr th:last-child::after {
    display: none;
} */

.table-widget .btn.btn-success{
	background: #D8F6EC;
	color: #00B87E;
	font-size: 13px;
}
.table-widget .btn.btn-primary{
	background: #D6DDF9;
	color: #5A7BFD !important;
	font-size: 13px;
}
.table-widget td .btn{
	width: 100px;
    height: 33px;
/* display: block; */
}
.table-widget .table td,.table-widget .table th{
	border-top: none;
}
.table-widget .table .no-content {
    padding: 100px !important;
    color: #DEDEDE !important;
}
.icon-btn button {
    background: transparent;
    border: none;
    font-size: 18px;
    color: #1C1D1D;
}
.icon-btn button:hover{
	color: #5D38DB;
}
.dropdown li a {
    font-size: 15px;
    text-decoration:none;
}
.dropdown li a i{
	color: #5D38DB;
}
.modal .btn {
    height: auto;
    width: auto;
    line-height: normal;
    font-size: 15px;
}
.modal-header{
	border:none;
	text-transform: uppercase;
	font-size: 20px;
	
}
.modal-footer{
border:none;
justify-content: center;
}
.modal input {
    height: 30px;
}
.modal label {
    color: #10101C;
    font-weight: 400;
    font-size: 14px;
}
.modal-dialog-xl{
max-width: 700px;
}
.modal-footer .btn {
    display: block;
    width: 200px;
    height: 35px;
    text-transform: uppercase;
    font-size: 16px;
}
@media (max-width: 992px) {
	.content-area {
    width: 100%;
}
.table-widget {
    overflow: scroll;
}
	.left-wrap{
		width: 100%;
	}
	.menu-line {
        display: flex;
        margin-top: 40px;
}
.responsive{
	overflow: auto;
}
.menu-line li{
	border-bottom: 1px solid #fff;
	border-right:none;
}
.steps {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: -15px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    text-align: center;
    z-index: 999;
}
.menu-line li::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    right: 20px;
    bottom: -4px;
}
.left-wrap{
	padding: 20px 0px;
}
	.form-wrap h2 {
    font-size: 25px;
    text-align: center;
}
.form-content {
    padding: 50px 0px;
}
.navbar-nav{
	flex-direction: row;
}
.user-head {
    font-size: 15px;
    color: #fff !important;
}
.left-wrap .logo-continer img {
    width: 120px;
}
.dropdown-menu.notification {
    width: 100%;
}
.dropdown-menu a{
	color: #10101C;
}
.logo-continer {
    display: block;
    width: 190px;
}
.notify .badge {

    right: 12px;

}
}
@media (max-width: 1300px){
	
} 
tr span.sub_head{
    padding-left: 20px;
    font-weight: normal;
}
span.sno{
	display:none;
}