html { overflow-x: hidden; }
html body { overflow-x: hidden; }
nav.navbar .container a.navbar-brand img { max-width: 210px; width: 100%; max-height:130px;height: auto;}
nav.navbar .container .d-lg-block a.text-black {     background: #fb8100;     padding: 14px 25px;     border-radius: 99px;     color: #ffffff !important;     font-weight: 500 !important; }
.loginbody .main-content { background: rgb(70, 157, 104); background: linear-gradient(90deg, rgba(70, 157, 104,1) 2%, rgba(70, 157, 104,1) 58%); }
.loginbody .main-content .card-body form .mb-md-5 { margin-top: 0 !important; margin-bottom: 0 !important; }
.loginbody .main-content .card-body form .mb-md-5 > img { margin-bottom: 20px; }
.loginbody .main-content .card-body form { float: left; width: 100%; }
.loginbody .main-content .card-body form .mb-md-5 br { display:none; }
.loginbody .main-content .card-body form .mb-md-5 > .row { margin-bottom: 12px !important; margin-left: 0; margin-right: 0; }
.loginbody .main-content .card-body form .mb-md-5 > .row .col-sm-3 { width: 100%; text-align: left; padding: 0;}
.loginbody .main-content .card-body form .mb-md-5 > .row .col-sm-9 { width: 100%; text-align: left; padding: 0;}
.loginbody .main-content .card-body form .mb-md-5 > .row label { width: 100%; float: left; text-align: left; padding: 0 0 1px 0; font-family: sans-serif; font-weight: 500; margin: 0; }
.loginbody .main-content .card-body form .mb-md-5 > .row .col-sm-9 input { border: 1px solid #adadad; height: 42px; box-shadow: none; }
.loginbody .main-content .card-body form .mb-md-5 > .row .col-sm-9 input:focus { box-shadow: 1px 2px 15px #e9e3e3; }
.loginbody .main-content .card-body form .mb-md-5 button.btn { width: 100%; background: #fb8100; padding: 10px 50px !important; color: #ffffff; font-weight: 500; font-size: 18px; margin: 10px 0 0 0; }
.loginbody .main-content .card-body form .mb-md-5 button.btn i {     display: none; }
.loginbody .main-content .card-body form a { margin: 15px 0 0px 0; display: inline-block; width: 100%; font-weight: 600; }
.loginbody .main-content .container > .row > .col-12.col-md-6 { max-width: 550px; width: 100%; }
.loginbody .main-content .container > .row > .col-12.col-md-8 { max-width: 550px; width: 100%; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form { width: 100%; float: left; }
.loginbody .main-content .card-body form .mb-md-5 { margin-top: 0 !important; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form div.row { margin-bottom: 12px !important; margin-left: 0; margin-right: 0; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form div.row label { width: 100%; float: left; text-align: left; padding: 0 0 1px 0; font-family: sans-serif; font-weight: 500; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form div.row .col-sm-9 { float: left; width: 100%; padding: 0; box-shadow: none; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form div.row .col-sm-9 input { border: 1px solid #adadad; height: 42px; box-shadow: none; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form div.row .col-sm-9 input:focus { box-shadow: 1px 2px 15px #e9e3e3; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form button.btn { width: 100%; background: #fb8100; padding: 10px 50px !important; color: #ffffff; font-weight: 500; font-size: 18px; margin: 10px 0 0 0; }
.loginbody .main-content .container > .row > .col-12.col-md-8 form button.btn i {     display: none; }
footer p { margin: 0 0 0 0; padding: 12px 0 12px 0; text-align: center; font-weight: 500; }



/* /https://dev.express54.org/user/dashboard*/
.custom_dashboard img.test { padding: 0; }
.custom_dashboard .col-4.coursel {     float: left;     width: 30%;     min-width: 30%;     padding: 0; }
.custom_dashboard_africabackground { margin-top: 50px; }
.custom_dashboard_africabackground .carousel.slide button.carousel-control-prev { height: 40px; width: auto; opacity: 1; top: 50%; bottom: 0%; transform: translate(0%, -50%); }
.custom_dashboard_africabackground .carousel.slide button.carousel-control-next { height: 40px; width: auto; opacity: 1; top: 50%; bottom: 0%; transform: translate(0%, -50%); }
.custom_dashboard_africabackground .carousel .carousel-item { padding: 40px 0 40px 0; }
.custom_dashboard_africabackground .carousel .carousel-item .col-md-2 .card.slide { margin-bottom: 25px !important; padding-top: 10px; padding-bottom: 10px; }
.custom_dashboard_africabackground .carousel .carousel-item .col-md-2 .card.slide a p.text-black { font-size: 15px !important; margin: 0; }
/* /https://dev.express54.org/user/dashboard*/



/* /https://dev.express54.org/user/myprofile/edit/1187*/
.custom_myprofile { background: rgb(251, 129, 0); background: linear-gradient(90deg, rgba(251, 129, 0, 1) 2%, rgba(251, 129, 0, 1) 58%); }
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 { max-width: 550px; width: 100%; }
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-3 { margin-bottom: 12px !important; margin-left: 0; margin-right: 0; }
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-3 label { width: 100%; float: left; text-align: left; padding: 0 0 1px 0; font-family: sans-serif; font-weight: 500; margin: 0; }
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-3 .col-sm-6 { width: 100%; text-align: left; padding: 0; }

.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-3 .col-sm-6 input { border: 1px solid #adadad; height: 42px; box-shadow: none; background: transparent; }
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-3 .col-sm-6 input:focus { box-shadow: 1px 2px 15px #e9e3e3; }
/* /https://dev.express54.org/user/myprofile/edit/1187*/



/* /https://dev.express54.org/user/services*/
.custom_service img.test { padding: 0; }
.custom_service .col-4.coursel {     float: left;     width: 30%;     min-width: 30%;     padding: 0; }
/* /https://dev.express54.org/user/services*/



/* /https://dev.express54.org/login/forgotpassword*/
.custom-forgotpasswordscreen .card-body form .row { margin: 0; }
.custom-forgotpasswordscreen .card-body form .row label { width: 100%; float: left; text-align: left; padding: 0 0 1px 0; font-family: sans-serif; font-weight: 500; margin: 0; }
.custom-forgotpasswordscreen .card-body form .row .col-md-6 { width: 100%; padding: 0; }
.custom-forgotpasswordscreen .card-body form .row .col-md-6 input { border: 1px solid #adadad; height: 42px; box-shadow: none; }
.custom-forgotpasswordscreen .card-body form .row .col-md-6 input:focus { box-shadow: 1px 2px 15px #fb8100; }
.custom-forgotpasswordscreen .card-body form .form-group.row { padding: 0 0 15px 0 !important; }
.custom-forgotpasswordscreen .card-body form .row .col-md-6.offset-md-4 { margin: 0; width: 100%; }
.custom-forgotpasswordscreen .card-body form .row .col-md-6.offset-md-4  button.btn.btn-primary { width: 100%; background: #fb8100; padding: 10px 30px !important; color: #ffffff; font-weight: 500; font-size: 18px; margin: 5px 0 0 0; border-radius: 99px; }
.custom-forgotpasswordscreen .card-body form .form-group.row:last-child { padding: 0 !important; }
.custom-forgotpasswordscreen .main-content { height: 100vh; position: relative; }
.custom-forgotpasswordscreen .main-content > .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* /https://dev.express54.org/login/forgotpassword*/



/* /https://dev.express54.org/user/steper/mainservice/3*/
.custom-multi-step-form .row.justify-content-center .col-11.col-sm-9.col-md-8.col-lg-8 { margin: 40px 0 40px 0 !important; }
.custom-multi-step-form .row.justify-content-center .col-11.col-sm-9.col-md-8.col-lg-8 .card.px-0.pt-4.pb-0.mt-3.mb-3 { padding: 0 !important; }
.custom-multi-step-form .row.justify-content-center form#msform { margin: 0; padding: 0 0 20px 0; }
.custom-multi-step-form .row.justify-content-center form#msform .container h2 { margin-bottom: 25px; }
.custom-multi-step-form .row.justify-content-center form#msform .container .custom-row .col-md-4.servicecol .mb-5 { margin: 0 0 20px 0 !important; padding: 30px 15px; border-radius: 7px; }
.custom-multi-step-form .row.justify-content-center form#msform .container .custom-row .col-md-4.servicecol .mb-5 > a h4.text-white { margin: 10px 0 0 0 !important; }
/* /https://dev.express54.org/user/steper/mainservice/3*/



/* /https://dev.express54.org/user/steper/mainservice#*/
.custom-subservices .custom-row { margin: 30px 0 0 0; float: left; width: 100%; }
.custom-subservices .custom-row .col-md-4.servicecol { margin-bottom: 0px !important; cursor: pointer; } 
.custom-subservices .custom-row .col-md-4.servicecol .mb-5 { background_: #de7210; }
.custom-subservices button#service_back {float: left; margin-left: 15px; color: #ffffff; padding: 10px 40px; margin: 24px 0 10px 15px; }
/* /https://dev.express54.org/user/steper/mainservice#*/

.stepper-body.gradient-bg {     border-top: 1px solid #d5d5d5; }

/* https://dev.express54.org/user/steper/collectdata?parentServiceId=2&childServiceId=23*/

.stepper-body.gradient-bg { /*background: rgb(0, 212, 255); background: linear-gradient(90deg, rgba(0, 212, 255, 1) 2%, rgba(86, 121, 9, 1) 100%); */height: 100%; position: relative; }
.custom-user-all-data .form-group.row { max-width: 550px; margin: 0 auto 12px; }
.custom-user-all-data .form-group.row label.col-sm-4.col-form-label { text-align: left !important; width: 100%; float: left; padding: 0 0 1px 0; font-family: sans-serif; font-weight: 500; margin: 0; }
.custom-user-all-data .form-group.row label.col-sm-3.col-form-label { text-align: left !important; width: 100%; float: left; padding: 0 0 1px 0; font-family: sans-serif; font-weight: 500; margin: 0; }
.custom-user-all-data .form-group.row .col-sm-6 { padding: 0; width: 100%; text-align: left; }
.custom-user-all-data .form-group.row .col-sm-6 input { border: 1px solid #adadad !important; height: 42px; box-shadow: none; margin: 0 !important; border-radius: 0.375rem !important; }
.custom-user-all-data .form-group.row .col-sm-6 input[type="radio"] { height: auto; }

.custom-user-all-data .card.bg-light.shadow-none { max-width: 550px; margin: 20px auto 15px !important; padding: 15px !important; }
.custom-user-all-data .card.bg-light.shadow-none h5 { padding: 0 !important; }
.custom-user-all-data .card.bg-light.shadow-none .form-group.row { width: 100%; }


.custom-user-all-data .form-group.row .col-sm-2 { float: left; padding: 0 !important; text-align: left; }
.custom-user-all-data .form-group.row .col-sm-2 input[type="radio"] { width: auto !important; margin: 0 5px 0px 0 !important; }
.custom-user-all-data .form-group.row .col-sm-4.d-flex.gap-2.justify-content-center { padding: 0; width: 100%; }
.custom-user-all-data .form-group.row .col-sm-4.d-flex.gap-2.justify-content-center select.form-control { border: 1px solid #adadad !important; height: 42px; box-shadow: none; margin: 0 !important; border-radius: 0.375rem !important; }

.custom-user-all-data .card.bg-light.shadow-none .row.col-sm-6 .col-sm-4 { width: auto; margin: 0; }
.custom-user-all-data .card.bg-light.shadow-none .row.col-sm-6 .col-sm-4 h6 { display: flex; }
.custom-user-all-data .card.bg-light.shadow-none .row.col-sm-6 .col-sm-4 h6 input[type="radio"] { margin: 0 6px 0 0 !important; }
/*.custom-user-all-data .form-group.row .col-sm-6 select { border: 1px solid #adadad !important; height: 42px; box-shadow: none; margin: 0 !important; border-radius: 0.375rem !important; }*/
.custom-user-all-data .form-group.row .col-sm-6 select {
    border: 1px solid #adadad !important;
    height: 42px;
    box-shadow: none;
    margin: 0 !important;
    border-radius: 0.375rem !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: 16px 12px;
}

.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status { float: left; width: 45%; }
.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status select#mstatusSelect { border: 1px solid #adadad !important; height: 42px; box-shadow: none; margin: 0 !important; border-radius: 0.375rem !important; }
.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status1 { width: 25%;    padding-top: 8px !important; }
.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status2 { width: 30%;     padding-top: 6px !important;}

.custom-user-all-data .action-button-previous{
    background_: #1c82c3 !important;
    color: #ffffff;
	min-width:120px !important;
	    margin-right: 5px !important;
		margin-bottom: 20px;
}
.custom-user-all-data .action-button-previous:hover {
    background_: #1c82c3 !important;
    color: #ffffff;
	min-width:120px !important;
}
.custom-user-all-data .action-button-previous i {
    display:none;!important;
}

.custom-user-all-data .action-button {
    background_: #1c82c3 !important;
    color: #ffffff !important;
    min-width: 120px !important;
	    margin-left: 5px !important;
		margin-bottom: 20px;
}
.custom-user-all-data .action-button:hover {
    background: #1c82c3 !important;
    color: #ffffff !important;
    min-width: 120px !important;
}
.custom-user-all-data .action-button i {
    display:none;!important;
}
 ul#progressbar .active::before {
    background: #1c82c3;
}
 ul#progressbar .active::after {
    background: #1c82c3;
}



.custom-user-all-data .form-group.row .col-sm-6 input[type="file"] {
background: #f3f3f3;
padding: 8px 15px 8px 15px!important;
}
.custom-user-all-data .form-group.row.p-2 {
padding: 0 !important;
}
.custom-user-all-data .paymentsec {
max-width: 550px;
margin: 30px auto 30px;
padding: 15px;
--bs-card-box-shadow: ;
background-color: rgba(248,249,250,1);
border-radius: 0.375em !important;
}
.custom-user-all-data .paymentsec .form-group.row .col-md-6 {
    width: 100%;
}



.custom-user-all-data .custom-speed-tab > .row.custom-row {
width: 100%;
max-width: 550px;
margin: 0 auto 50px;
justify-content: space-between;
}
.custom-user-all-data .custom-speed-tab > .row.custom-row .servicecol:nth-of-type(2n+1) {
width: 50%;
max-width: 220px;
float: left;
border-radius: 15px;
margin-bottom: 20px;
}
.custom-user-all-data .custom-speed-tab > .row.custom-row .servicecol:nth-of-type(2n+2) {
width: 50%;
max-width: 220px;
float: right;
border-radius: 15px;
margin-bottom: 20px;
}
.custom-deliverymethod label.col-sm-4 {
    padding: 0 !important;
}
.custom-deliverymethod #addressFields {
    padding: 0;
    margin: 12px 0 0 0;
}
.custom-paymentinfo {
    max-width: 550px;
    margin: 0px auto 20px;
}
.custom-paymentinfo p {
    margin: 0 0 12px 0;
    font-weight: 600;
}
.custom-final-payment > .row {
    max-width: 550px;
    margin: 0 auto;
}
.custom-final-payment > .row .col-md-7.offset-md-3 {
    width: 100%;
    margin: 0;
}
.custom-final-payment > .row .col-md-7.offset-md-3 input, .custom-final-payment > .row .col-md-7.offset-md-3 input::placeholder {
    font-weight: 600;
    color: #000000 !important;
}
.custom-final-payment > .row .col-md-7.offset-md-3  .error-message {
    margin-top: -20px;
    margin-bottom: 15px;
}
.custom-final-payment > .row .col-md-7.offset-md-3 p {
    font-weight: 600;
    color: #000000 !important;
}
.custom-final-payment > .row .col-md-7.offset-md-3 button.btn.btn-success {
    padding: 7px 20px 7px 20px;
    border-radius: 99px;
    margin-bottom: 15px;
}
.custom-final-payment .card.px-0.pt-4.pb-0.mt-3.mb-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/* /https://dev.express54.org/user/steper/collectdata?parentServiceId=2&childServiceId=23*/



/*https://dev.express54.org/supervisor/dashboard#*/
.custom-dashboard-filter .col-md-12.p-3.mb-3 {
    padding-top: 0 !important;
    padding-bottom: 2.5rem !important;
}
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center h2 {
    margin: 0 20px 0 0;
}
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center > .dropdown {
    margin: 0 0px 0 20px;
}
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center > .dropdown button.btn.btn-secondary.dropdown-toggle {
    background: transparent;
    color: #000000;
    border-radius: 99px;
    padding: 15px 40px 15px 40px;
    font-size: 18px;
    font-weight: 600;
}
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center > .dropdown ul.dropdown-menu.show {
    width: 100%;
} 
/* /https://dev.express54.org/supervisor/dashboard#*/




/*https://dev.express54.org/user/steper/mainservice*/
.custom-multi-step-form-employee #msform { padding-left: 15px !important; padding-right: 15px !important; }

.custom-multi-step-form-employee .row.justify-content-center form#msform > h2 {
    margin-bottom: 25px;
}
.custom-multi-step-form-employee .row.justify-content-center form#msform .custom-row .col-md-4.servicecol .mb-5 {
    margin: 0 0 20px 0 !important;
    padding: 30px 15px;
    border-radius: 7px;
}
/* /https://dev.express54.org/user/steper/mainservice*/



/* https://dev.express54.org/employee/changepassword/1168*/

.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-4 label {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0 0 1px 0;
	font-family: sans-serif;
	font-weight: 500;
	margin: 0;
}
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-4 {
    margin-bottom: 12px !important;
    margin-left: 0;
    margin-right: 0;
}
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-4 .col-sm-6 {
    width: 100%;
    text-align: left;
    padding: 0;
}
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .row.mb-4 .col-sm-6 input {
    border: 1px solid #adadad;
    height: 42px;
    box-shadow: none;
    background: transparent;
}

body .savebutton {
	background: rgb(251, 129, 0);
	color: #ffffff;
}

body .savebutton:hover {
	background: rgb(251, 129, 0);
	color: #ffffff;
	opacity:0.9;
}
/* /https://dev.express54.org/employee/changepassword/1168*/


/* https://dev.express54.org/supervisor/addemployee */



.custom-add-employe {
    background: rgb(28, 130, 195);
    background: linear-gradient(90deg, rgba(28, 130, 195, 1) 2%, rgba(64, 121, 158, 1) 58%);
}
.custom-add-employe .col-md-8.col-sm-12 {
    width: 100%;
    max-width: 550px;
}
.custom-add-employe a.btn.btn-md {
    margin-left: 1rem;
}
.custom-add-employe .col-lg-12 form .col-md-6.mb-3 {
    width: 100%;
}
.custom-add-employe .col-lg-12 form .col-md-6.mb-3 .form-outline label.form-label {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 1px 0;
    font-family: sans-serif;
    font-weight: 500;
    margin: 0;
}
.custom-add-employe .col-lg-12 form .col-md-6.mb-3 .form-outline input.form-control {
    border: 1px solid #adadad;
    height: 42px;
    box-shadow: none;
    background: transparent;
}
.custom-add-employe .col-lg-12 form .col-md-6.mb-3 {
    width: 100%;
}
.custom-add-employe .row.custom-coun-emb {
    padding-right: 0;
}
.custom-add-employe .row.custom-coun-emb .col-md-6.mb-3 {
    padding-right: 0;
}
.custom-add-employe button.btn {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.custom-add-employe button.btn i {
    display: none;
}


/* /https://dev.express54.org/supervisor/addemployee */



/* /https://dev.express54.org/supervisor/employeelist */
.p-5.admin_bg { border-top: 1px solid #d5d5d5; }
.dataTables_length select.custom-select {
    height: 45px;
    min-width: 80px;
    border-radius: 10px;
    border: 2px solid #333333;
    box-shadow: none;
    outline: none;
}
.dataTables_wrapper .col-sm-12.col-md-6 .dataTables_filter input.form-control {
    height: 45px;
    border-radius: 10px;
    border: 2px solid #333333;
    box-shadow: none;
    outline: none;
    padding: 5px 10px;
}
.dataTables_wrapper .col-sm-12.col-md-6 .dataTables_filter input {
    height: 45px;
    border-radius: 10px;
    border: 2px solid #333333;
    box-shadow: none;
    outline: none;
    padding: 5px 10px;
}
.dataTables_wrapper .row .col-sm-12 .table.dataTable {
    margin-top: 20px !important;
}

.dataTables_wrapper .row .col-sm-12 .table.dataTable thead tr th {
    background: #ffffff;
    color: #000000;
}
.dataTables_wrapper .row .col-md-12 .table.dataTable thead tr th {
    background: #ffffff;
    color: #000000;
}
.admin_bg .row .col-md-12 .table.dataTable thead tr th {
    background: #ffffff;
    color: #000000;
}
.dataTables_wrapper .row .col-sm-12 #empExpedited.table.dataTable thead tr th:nth-of-type(2), .dataTables_wrapper .row .col-sm-12 .table.dataTable thead tr th:nth-of-type(3) {
    min-width: 120px;
}
.dataTables_wrapper .row .col-sm-12 #empExpedited.table.dataTable thead tr th:nth-of-type(7) {
    min-width: 132px;
}
.dataTables_wrapper .row .col-sm-12 #empExpedited.table.dataTable thead tr th:nth-of-type(11) {
    min-width: 140px;
}
.dataTables_wrapper .row .col-sm-12 .table.dataTable thead tr th::before, .dataTables_wrapper .row .col-sm-12 .table.dataTable thead tr th::after {
    bottom: 7px;
}
.dataTables_wrapper .row .col-sm-12 .table.dataTable tbody tr:nth-of-type(2n+1) td {
    background: #f9f9f9;
}
.dataTables_wrapper .row .col-sm-12 .table.dataTable tbody tr:nth-of-type(2n+2) td {
    background: #ffffff;
}
.dataTables_wrapper .row .col-sm-12 .table.dataTable tbody tr td.sorting_1 {
    background: #0097b90a;
}
.admin_bg > .container > .row > .col-md-12 > a.btn.btn-md.btn-secondary.rounded-pill.px-3 {
    font-size: 1.25rem;
    line-height: 1.7;
}
.admin_bg > .container > .row > .col-md-12 > a.btn.btn-md.btn-secondary.rounded-pill.px-3 i.fa-solid.fa-arrow-right {
    margin-left: 5px;
}
.dataTables_paginate {
    padding-top: 10px;
}
/*
.card.shadow-sm .card-body {overflow:unset;}
.card.shadow-sm .card-body .dataTables_wrapper::-webkit-scrollbar {width: 6px;}
.card.shadow-sm .card-body .dataTables_wrapper::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #333333; border-radius: 10px; }
.card.shadow-sm .card-body .dataTables_wrapper::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px #000000; }
.card.shadow-sm .card-body .dataTables_wrapper{ overflow-x: scroll; }*/



.card.shadow-sm .card-body::-webkit-scrollbar {width: 6px;}
.card.shadow-sm .card-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #333333; border-radius: 10px; }
.card.shadow-sm .card-body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px #000000; }


.dataTables_info {
    padding-top: 15px !important;
}
.dataTables_info, .dataTables_paginate {
    margin: 0 0 30px 0;
}
/* /https://dev.express54.org/supervisor/employeelist*/
/*
body .card-body {
    padding-left: 0;
}*/

/* https://dev.express54.org/employee/dashboard/1*/

form > .btn.btn-sm.btn-primary[type="submit"] {
	padding: 10px 10px 12px 12px;
	border-radius: 99px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.search-container {
    display: flex;
    align-items: center;
    border: 1px solid #000; /* Black border */
    /* border-radius: 5px;  */
    overflow: hidden;
    width: 500px!important; /* Fixed width */
    background-color: white; /* White background */
    padding: 0px !important;
}

.search-input {
    flex: 1;
    border: none;
    padding: 12px 15px;
    font-size: 14px;
    outline: none;
    color: #6e6e6e; /* Grey text for placeholder */
}

.search-input::placeholder {
    color: #6e6e6e; /* Placeholder text color */
}

.search-button {
    background-color: #ff7f32; /* Orange color for the button */
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

.search-button:hover {
    background-color: #e0702d; /* Darker orange for hover */
}
body > section > div > div > p:nth-child(1) {
    margin-bottom: 15px;
}
body > section > div > div > p:nth-child(3) {
    line-height: 40px;
    margin-bottom: 15px;
}
.tabel table {
    width: 100%;
    border-collapse: collapse;
}
.tabel th, .tabel td {
    border: 1px solid #000;
    text-align: center;
    padding: 8px;
}
.tabel th {
	background-color: #f4f4f4;
	font-weight: normal;
}


/* /https://dev.express54.org/employee/dashboard/1*/


@media (min-width:0px) and (max-width:567px) {
.custom_dashboard_africabackground .carousel.slide button.carousel-control-next { right: -20px; }
.custom_dashboard_africabackground .carousel.slide button.carousel-control-prev { left: -20px; }
body .main-custom-user-all-data-inner ul#progressbar li strong { width: 100%; float: left; font-size: 11px; }
.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status { float: left; width: 100%; }
.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status1 { width: 50%; padding-top: 8px !important; }
.custom-user-all-data .form-group.row .col-sm-2.custom-marital-status2 { width: 50%; padding-top: 6px !important; }
.custom-user-all-data .custom-speed-tab > .row.custom-row { width: 100%; max-width: 550px; margin: 0 auto 50px; justify-content: center; }
.custom-user-all-data .custom-speed-tab > .row.custom-row .servicecol:nth-of-type(2n+1) { width: 100%; max-width: 220px; float: left; border-radius: 15px; margin-bottom: 20px; }
.custom-user-all-data .custom-speed-tab > .row.custom-row .servicecol:nth-of-type(2n+2) { width: 100%; max-width: 220px; float: right; border-radius: 15px; margin-bottom: 20px; }
.custom-final-payment > .row .col-md-7.offset-md-3 { width: 100%; margin: 0; padding: 0; }
.custom-final-payment { padding: 0; }
body .custom-buttons .greenbutton { width: 100%; }
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center h2 { margin: 0 0px 20px 0; }
body .custom-chart { max-width: 100% !important; }
body .custom-chart .card.shadow-lg { padding: 15px !important; }
body .custom-chart .card.shadow-lg .row .col-6 { width: 100%; }
.custom-dashboard-filter > .row > .col-md-12.p-3.mb-3 .text-center > .dropdown { margin: 0 0px 0 0px; }
body .custom-chart .card.shadow-lg .row .col-6 div#barchart1, body .custom-chart .card.shadow-lg .row .col-6 div#barchart2, body .custom-chart .card.shadow-lg .row .col-6 div#barchart3 { margin-top: 75px; }

body .custom_africabackground .col-sm-4 button.btn { margin: 15px 0 0px 0; }


}



@media (min-width:0px) and (max-width:767px) {
body.loginbody .main-content .container .card.bg-white .card-body { padding: 25px 15px!important; }	
.loginbody .main-content .card-body form .mb-md-5 > .row .col-sm-9 { width: 100%; text-align: left; padding: 0; }
.loginbody .main-content .card-body form .mb-md-5 > img { margin-bottom: 20px; max-width: 180px; }	
.custom_myprofile .p-5.bg_image { padding-left: 15px !important; padding-right: 15px !important; }
.custom_myprofile .p-5.bg_image .card-body { padding: 25px 20px !important; }
.custom-user-all-data .form-group.row { max-width: 550px; margin: 0 auto 15px; }
.custom-user-all-data .paymentsec .col-sm-12 { padding: 0 !important; }
.custom-user-all-data .paymentsec .form-group.row .col-md-6 { width: 100%; display: inline-block !important; }
.custom-user-all-data .paymentsec .form-group.row .col-md-6 h5 { width: 100%; float: left; font-size: 18px; margin: 15px 0 0 0; }
.main-content .custom_myprofile { padding-left: 15px !important; padding-right: 15px !important; }
.main-content .custom-add-employe { padding-left: 15px !important; padding-right: 15px !important; }
body .custom-supervisor-emplist { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
body .custom-supervisor-emplist .card.shadow-sm .card-body { padding-left: 0; padding-right: 0; }
/*
body .custom-supervisor-emplist .card.shadow-sm .card-body .dataTables_wrapper .row:nth-of-type(1) .col-sm-12.col-md-6:nth-of-type(1) label { width: 100%; text-align: left; margin: 0 0 15px 0; }
body .custom-supervisor-emplist .card.shadow-sm .card-body .dataTables_wrapper .row:nth-of-type(1) .col-sm-12.col-md-6:nth-of-type(1) label select { width: calc(100% - 100px); }

body .custom-supervisor-emplist .card.shadow-sm .card-body .dataTables_wrapper .row:nth-of-type(1) .col-sm-12.col-md-6:nth-of-type(2) label { width: 100%; text-align: left; margin: 0 0 15px 0; }


body .custom-supervisor-emplist .card.shadow-sm .card-body .dataTables_wrapper .row:nth-of-type(1) .col-sm-12.col-md-6:nth-of-type(2) label input {
    width: calc(100% - 66px);
}
*/
body .dataTables_length label { width: 100%; text-align: left; margin: 0 0 15px 0; }
body .dataTables_length select { width: calc(100% - 100px) !important; }
body .dataTables_filter label { width: 100%; text-align: left; margin: 0 0 15px 0; }
body .dataTables_filter input { width: calc(100% - 66px) !important; } 
.dataTables_info, .dataTables_paginate { margin: 0 0 5px 0; }

.custom-supervisor-applist .card.shadow-sm .card-body { padding-left: 0; padding-right: 0; }
.custom_myprofile .col-12.col-md-8.col-lg-6.col-xl-6 .card.bg-white.text-black .card-body.p-5 { padding: 25px 20px !important; }
.custom-add-employe .card-body { padding: 0; }
.custom-add-employe .card.shadow-sm { padding-left: 0 !important; padding-right: 0 !important; }
body .custom_africabackground { padding: 25px 10px !important; }
.custom_africabackground .container > .row > .col-md-12 .justify-content-end { justify-content: center !important; }

.custom_service img.test {
padding: 0;
width: 100% !important;
height: 250px !important;
object-fit: cover;
}
.custom_service .col-4.coursel {
float: left;
width: 100%;
min-width: 30%;
padding: 0;
}


}




@media (min-width:0px) and (max-width:991px) {
.custom_dashboard img.test { padding: 0; width: 100% !important; height: 250px !important; object-fit: cover; }
.custom_dashboard .col-4.coursel { float: left; width: 100%; min-width: 30%; padding: 0; }
body .main-custom-user-all-data { padding: 0 !important; }
body .main-custom-user-all-data-inner { padding-left: 15px !important; padding-right: 15px !important; }
ul#progressbar { margin-bottom: 10px; }
ul#progressbar li { width: 20%; }
.custom-final-payment .card-header center img { padding: 0 5px 0 5px; width: 100%; max-width: 50px; }
body .custom-buttons { padding-right: 15px !important; padding-left: 15px !important; }
.custom-supervisor-applist h3.custom-heading { margin: 20px 0 20px 0; }

.admin_bg > .container > .row > .col-md-12 > h3.custom-heading { margin: 20px 0 20px 0; }


}


@media (min-width:0px) and (max-width:1100px) {
	/*.card-body.hometabel {
    padding-left: 0;
    padding-right: 0;
}*/
}



@media (min-width:568px) and (max-width:767px) {
.custom_dashboard_africabackground .carousel.slide button.carousel-control-next { right: -10px; }
.custom_dashboard_africabackground .carousel.slide button.carousel-control-prev { left: -10px; }
body .custom-buttons .greenbutton { font-size: 16px; padding-left: 10px !important; padding-right: 10px !important; }


}



@media (min-width:568px) and (max-width:991px) {
.container-fluid.custom-chart { max-width: 100% !important; }
.container-fluid.custom-chart > .card.shadow-lg { padding: 15px !important; }

body .custom_africabackground > .container > .col-md-12 form > .row > label {
    width: 100%;
}
body .custom_africabackground > .container > .col-md-12 form > .row > .col-sm-3 {
    width: 100%;
}
body .custom_africabackground .col-sm-4 button.btn {
    margin: 15px 0 0px 0;
}



	
}



@media (min-width:768px) and (max-width:1100px) {
.custom_dashboard_africabackground .carousel .carousel-item .custom-row .col-md-2 { width: 33.33%; }
.custom_dashboard_africabackground .carousel.slide button.carousel-control-next { right: -12px; }
.custom_dashboard_africabackground .carousel.slide button.carousel-control-prev { left: -12px; }
.custom-multi-step-form .row.justify-content-center .col-11.col-sm-9.col-md-8.col-lg-8 { margin: 40px 0 40px 0 !important; width: 94%; }


}



@media (min-width:992px) and (max-width:1100px) {
.custom_dashboard img.test { padding: 0; width: 60% !important; }
.custom_dashboard .col-4.coursel { float: left; width: 40%; min-width: 30%; padding: 0; }
.container-fluid.custom-chart { max-width: 100% !important; }
.container-fluid.custom-chart > .card.shadow-lg { padding: 15px !important; }
.custom-supervisor-applist h3.custom-heading { margin: 20px 0 20px 0; }


}