body{
}
.welcome{ font-family: Assistant; font-size: 25px; }
.ourLearning{ font-family: Muli Black; font-size: 30px; color: #d81e3a; }
.header-banner{background-image: url('../src/headerbg1.png');height: 147px;}
.header-inner { padding-top: 30px; margin: 0 auto 0 auto; width: 1060px; }
.login-border{
	background-color: rgba(0,0,0,0.6);
	padding: 10px;
	border-radius: 3px;
}
.login-container{
	background-color: white;
	padding: 10px 30px;
	border-radius: 3px;
}
.username-input{
	background-color: #f3faff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
	padding-left: 30px !important;
	background-image: url('../src/email.png');
	background-repeat: no-repeat;
	background-position: 3% 50%;
}
#course__or_event,#course__or_event2,#course__or_event3{
	margin: 0 10px !important;
}

.password-input{
	background-color: #f3faff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
	padding-left: 30px !important;
	background-image: url('../src/password.png');
	background-repeat: no-repeat;
	background-position: 3% 50%;
}
.btn-login{
	background-color: #c6001e !important;
	color:white;
	font-weight: 600 !important;
}
.danger {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
	padding: 10px;
	font-size: 13px;
}
.success {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
	padding: 10px;
	font-size: 13px;
}
.info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
	padding: 10px;
	font-size: 13px;
}

.warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
	padding: 10px;
	font-size: 13px;
}
.card > .card-body > span{
	font-size: 24px;
	font-weight: bold;
}
.card{
	border:none !important;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: none !important;
}
.table > tbody > tr {
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-bottom: none !important;
    border-top: none !important;
}
.table thead{
	background-color: #f1f7ff;
	border-radius: 3px !important;
	font-weight: 100 !important;
}
.nav-link::after{

}
.nav-link:hover{
	color:#ffc42e !important;
}
.dataTables_filter > label > input{
	padding: 5px 25px;
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.3);
	background-image: url('../src/search.png');
	background-repeat: no-repeat;
	background-position: 3% 50%;
	color:rgba(0,0,0,0.7);
}
.dataTables_length > label > select{
	padding: 4px;
	border:1px solid rgba(0,0,0,0.2) !important;
	border-radius: 3px;
}
.data-table-btn{
	padding: 4px 15px;
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.3);
	color:rgba(0,0,0,0.6);
	text-decoration: none;
}
.data-table-btn:hover{
	color:white;
	text-decoration: none;
	background-color: #f3b006;
	border:none;
}
.dataTables_paginate > span > .paginate_button{
	font-size: 13px !important;
	background-color: #efefef !important;
	color:white !important;
	padding:5px !important;
	border-radius: 5px;
	border:1px solid rgba(0,0,0,0.3);
}
.dataTables_paginate > span > .paginate_button:hover{
	background: #2f5ad4 !important;
	color:white !important;
	border:none !important;
}
.dataTables_paginate > span > .current{
	background: #2f5ad4 !important;
	color:white !important;
	border:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	border: none !important;
	color:white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	border: none !important;
	color:white !important;
}
.cButton{
	float: right;
}
.cButton:hover{
	background: #f3b006 !important;
	border-color: #f3b006 !important;
}

.modalCostum .modal-header h4 span{
	display: block;
	font-size: 19px;
	font-weight: normal;
}
.modalCostum .modal-header h4{
	font-size: 25px;
font-weight: 700;
width: 100%;
}

.modalCostum .modal-footer{
	border-top:none;
}
.modalCostum .modal-header{
	border-bottom:none;
}
.spanHere , .spanHere1{position: relative;float: right;}
.checkInput{
	position: absolute;
	top: -9px;
	right: 5px;
	color: green;
}
.wrongInput{
	position: absolute;
	top: -8px;
	right: 9px;
	color: red;
}

.costumDetail{
	text-align: right;
	padding: 5px 0 0 0;
}

.btn-outline-secondary:hover{
	background:#f3b006 !important;
	border-color:#f3b006 !important;
}

.sa-confirm-button-container button{
	background: #f3b006;
}
.sa-confirm-button-container button:hover{
	background: #c6001e !important;
}