.text-muted, .preview-list .preview-item .preview-item-content p .content-category{
	color:#000!important
}
.content-wrapper {
	/*background-image: url("https://amymhaddad.s3.amazonaws.com/morocco-blue.png");*/
 /*  background-image: url("resources/drline/assets/images/coronabc.png"); */
     background:#84838566!important 
}
body{
	background: url(https://t4.ftcdn.net/jpg/02/52/66/21/360_F_252662160_3L7dbI1Ez4i9fgJkQ4GpOIZJTbH1n0Ug.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position-x: center!important;
}
.red{
	color:#f30000;
}
.logininput{
	border:unset!important;
	border-bottom:1px solid #5581c4!important;
	color:#FFF!important;
}
.showpass{
	color:#5581c4!important;
}
.logininput::placeholder{
	color: #5581c4!important
}
.remember_me_text, #to-recover{
	color: #fff!important;
	font-size:15px!important	
}
.green{
	color:#1e9e1e;
}
.p-5 {
    padding: 2rem !important;
}
.modal-dialog.errMSG,.modal-dialog.successMSG {
    width: 250px;
}
.signinbtn{
	background-color: #da5a51;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:10px;
	color:#fff;
	font-size:14.5px
}
.signupbtn{
	background-color: #5581c4;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding:10px;
	color:#fff;
	font-size:14.5px;
	margin-left: -4px;
}
successMSG{
	max-width:250px!important;
	margin-top:10rem;
}
.successMSG .modal-content{
	background-color:#e6fbf2!important;
}
.modal-content{
	background-color:#fff
}
.errMSG{
	max-width:250px;
	margin-top:10rem;
}
.errMSG .modal-content{
	background-color:#ffecec!important;
}
.errmsgheading {
    color: #ed828f;
    font-weight: 500;
}
.auth .auth-form-light select {
    color: #333;
}
.basic, .basic1 {
    height: 47px!important;
}
.form-control {
    border: 1px solid #c9c8c8;
}
.btn-danger, .btn-danger:hover {
    color: #212529;
    background-color: #da5a51;
    border-color: #da5a51;
}
.form-check-info.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-info.form-check label input[type="radio"]:checked + .input-helper:before {
    background: linear-gradient(to right, #da5a51, #da5a51 99%);
}
.form-check-info.form-check label input[type="checkbox"] + .input-helper:before, .form-check-info.form-check label input[type="radio"] + .input-helper:before {
    border-color: #da5a51;
}
@media (max-width: 767px) {
	.w-100 {
	    width: 115% !important;
	}
	.content-wrapper {
    padding: 2.75rem 0.5rem;
    }
    .p-5 {
	    padding: 1rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .p-5 {
	    padding: 1.5rem!important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .w-100 {
	    width: 115% !important;
	}
	
}