body[data-sidebar-size=sm] .navbar-brand-box { align-self: center;}
.navbar-brand-box { align-self: center; text-align: center;}
.dtr-details li { display: flex; display: grid; display: -ms-grid; display: -moz-grid;}
.dtr-details .dtr-title{ margin-right: 15px;}
/* checkbox input */
.dtr-data input[switch] { position: absolute; display: block; opacity: 0; left: 20px; z-index: 1; width: 100%; height: 100%;}
.dtr-data { position: relative;}
/* css-common */
body[data-sidebar-size=sm] .navbar-brand-box {
    align-self: center;
}
.error { color: red;}
#delete { background: #d9534f !important; color: #fff; border-color: #d9534f !important; }
.btn:hover { background: #fff; color: #FF5A4C; border-color: #FF5A4C; }
input[switch]:checked+label { background-color: #FF5A4C;}
.header-profile-user {background-color: #74788d; height: 36px; padding: 3px; width: 36px; object-fit: cover}

/* new css code */

* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }

html {scroll-behavior: smooth; }
body { font-family: "Inter", sans-serif; font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }

/* auth css */

.auth-page { background: #F8F8F8 url(../images/profilebg.png) no-repeat; background-position: right top; background-size: 50%; min-height: 100vh; padding: 50px 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.auth_form_block { max-width: 500px; width: 100%; margin: 0px auto; background: #fff; box-shadow: 0px 4px 10px 0px #0000001C; padding: 25px 50px;}
.auth_form_block .auth-logo { width: 183px; height: 53px; margin: 0px auto 30px;}
.auth_form_block .auth-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center;}
.auth_form_block .auth_title {font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; text-transform: uppercase; color: #000000; margin-bottom: 8px;}
.auth_form_block .auth_text { font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; color: #2D2D2D; margin-bottom: 25px; }

.form-group { margin-bottom: 20px; }
.form-group .form-label { font-size: 12px; line-height: 28px; color: #2D2D2D; margin-bottom: 0px; font-weight: 400;}
.form-group .form-control { padding: 5px 10px; border-radius: 0px !important; border: 1px solid #D2D2D2 !important; background-color: #FAFAFA; box-shadow: none !important; font-size: 14px; line-height: 28px; color: #2D2D2D;}
.form-group .input-group .form-control { padding: 5px; border-left: 0 !important; }
.form-group .input-group .input-group-text { background: transparent; border-right: 0 !important; border-color: #D2D2D2; border-right-color: rgb(210, 210, 210); background: #FAFAFA; border-radius: 0 !important; padding-right: 0;}
.form-group .input-group .btn { box-shadow: none !important; background-color: transparent; border: 1px solid; background-color: #FAFAFA; border: 1px solid #D2D2D2 !important; border-left: 0 !important; border-radius: 0 !important; color: #2D2D2D; }
.form-check-label { font-size: 12px; color: #2D2D2D;  }
.forgot_link { font-size: 12px; line-height: 28px; color: #2D2D2D; margin-bottom: 0px;}
.forgot_link a { font-size: 12px; line-height: 28px; color: #2D2D2D; }
.forgot_link a:hover { text-decoration: underline !important;}

.form_btn { padding: 20px; text-align: center;}
.common_btn { border: none !important; background: linear-gradient(145deg, #FF5A4C 10.29%, #FABF29 69.79%); box-shadow: 0px 4px 8px 0px #FF5A4C4D !important; border-radius: 2px; font-weight: 600; font-size: 14px; line-height: 17px; color: #FFFFFF !important; padding: 8px 12px; transition: all 0.3s ease;}
.form_btn .common_btn { min-width: 130px;}
.common_btn:hover { background: linear-gradient(-25deg, #FF5A4C 10.29%, #FABF29 69.79%); box-shadow: 0px 17px 19px 0px #FF5A4C4D !important;}

/*  */

.navbar-header { padding-right: 0px !important; }
.main-content { background: #F8F8F8; background-position: right top; background-size: 50%; min-height: 100vh; }
.navbar-brand-box { background: #fff; box-shadow: none !important; padding: 0px 10px; align-self: unset !important; display: flex; align-items: center; }
.vertical-menu { background: #fff;}
body[data-sidebar-size="sm"] .navbar-brand-box { justify-content: center;  padding: 5px; }


/*  */

#sidebar-menu ul li a, #sidebar-menu ul li a i { color: #666666; }
#sidebar-menu ul li a svg { fill: transparent !important; color: #666666; }
.mm-active > a, .mm-active > a i, .mm-active > a svg { color: #FF5A4C !important;}
.mm-active .active, .mm-active .active i, .mm-active .active svg { color: #FF5A4C !important;}  
#sidebar-menu ul li ul.sub-menu li a:hover { color: #FF5A4C; }
#sidebar-menu ul li a:hover svg { color: #FF5A4C; }
#sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover i {color: #FF5A4C;}

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a { background-color: #fff; color: #FF5A4C; box-shadow: 0px 4px 10px 0px #0000001C; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul a { color: #666666;}
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a svg { color: #FF5A4C; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover { color: #FF5A4C; }

.dropdown-item { color: #666666; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { color: #FF5A4C;}

/*  */

.page_title { font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; text-transform: uppercase; color: #000000; margin-bottom: 0px; }
.breadcrumb-item > a { color: #000; }
.breadcrumb-item.active { color: #666666; }

.form_block { box-shadow: 0px 4px 10px 0px #0000001C; width: 100%; display: block; border: none !important; background: #fff; border-radius: none !important; padding: 20px 35px; }
.form-group .input-group.upload_image_group .form-control { border-left: 1px solid #D2D2D2 !important; }
.form-group .input-group.upload_image_group .upload_btn { background: linear-gradient(145deg, #FF5A4C 10.29%, #FABF29 69.79%); box-shadow: 0px 4px 8px 0px #FF5A4C4D !important; color: #fff; padding: 10px; }

.table_content_block { box-shadow: 0px 4px 10px 0px #0000001C; background: #fff; padding: 20px; }
table.dataTable th { font-weight: 500; font-size: 14px; line-height: 17px; color: #2D2D2D; }
table.dataTable td { font-size: 12px; color: #000; vertical-align: middle; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-color:#D2D2D2 !important; }
table.dataTable td code { font-size: 12px; color: #000; }
table.dataTable td a { font-size: 12px; color: #000; }
table.dataTable > tbody > tr.child ul.dtr-details { display: block;}

.table_content_block td .action_btns .btn { width: 24px; height: 24px; padding: 2px; background: linear-gradient(145deg, #FF5A4C 10.29%, #FABF29 69.79%) !important; border-color: transparent !important; color: #fff; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; }

.page-item.disabled .page-link { border-color:#D2D2D2 !important; }
.page-item:first-child .page-link { border-bottom-left-radius: 0; border-top-left-radius: 0;}
.page-item:last-child .page-link { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.page-item .page-link { box-shadow: none !important;  }
.page-item.active .page-link { background-color: #FF5A4C; border-color: #FF5A4C;  }

.cke_chrome { display: block; padding: 0; border-color:#D2D2D2 !important; box-shadow: none !important;}
.cke_bottom { display: none !important; }

/*  */

.detailpage .card { box-shadow: 0px 4px 10px 0px #0000001C; background: #fff; padding: 20px 50px; border: none !important; border-radius: 0; }
.detailpage .card h6 { font-weight: 500; font-size: 14px; line-height: 17px; color: #2D2D2D; }
input[switch]:checked + label { background: linear-gradient(145deg, #FF5A4C 10.29%, #FABF29 69.79%); }

.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before { background-color: #FF5A4C;}

/*  */

.form_btn .back_btn { box-shadow: none !important; border: none !important; background: transparent !important; padding: 5px !important; display: inline-block; margin: 0px auto; font-size: 14px; line-height: 28px; text-align: center; color: #8C8C8C; margin-left: 20px; }

.form-check-input:checked { background-color: #FF5A4C; border-color: #FF5A4C;}
.form-check-input { margin-top: 2px; width: 16px; height: 16px; }
.form-check { margin-bottom: 0px; }
.sp-replacer { padding: 5px 10px; border-radius: 0px !important; border: 1px solid #D2D2D2 !important; background-color: #FAFAFA; width: 100% !important; box-shadow: none !important; min-height: 40px !important; } 
.sp-dd { font-size: 16px; padding: 9px 2px;}

/*  */

.page-content {padding: 90px 10px 70px;}

.card-title { font-weight: 700; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #000000; }
.info-label { font-size: 14px; line-height: 17px; color: #000000; border: none !important; font-weight: 700; }
.info-value { font-size: 14px; line-height: 17px; color: #000000; border: none !important; }
hr { background-color: #D2D2D2;}
.badge { font-size: 12px; padding: 4px 10px;}
table.dataTable td a.text-primary { color: #000 !important; }
.btn-danger { background-color: #FF5A4C; border-color: #FF5A4C; display: flex; align-items: center; box-shadow: none !important; border-radius: 2px; font-weight: 600; font-size: 14px; line-height: 17px; }
.btn-danger svg { width: 18px !important; height: 18px !important; margin-right: 5px; }
.common_btn svg { width: 18px !important; height: 18px !important; margin-right: 5px; }

/*  */

.color_picker_group input { order: 2; }
.color_picker_group button { order: 1; border: none !important; border-radius: 0px !important; border: 1px solid #D2D2D2 !important; background-color: #FAFAFA; border-right: 0 !important; padding-left: 10px;}

#page-topbar .dropdown-menu .form-group .input-group .form-control { border-left: 1px solid #D2D2D2 !important; }

.header-profile-user {background: linear-gradient(145deg, #FF5A4C 10.29%, #FABF29 69.79%);}

/* dashboard */

.dash_card_outer { width: 100%; height: 100%; padding-bottom: 20px; }
.dash_card_inner { box-shadow: 0px 4px 10px 0px #0000001C; background: #fff; display: flex; padding-right: 10px; height: 100%; width: 100%; }
.dash_icon { background: linear-gradient(145deg, #FF5A4C 10.29%, #FABF29 69.79%); padding: 10px 33px 10px 15px; width: 90px; box-shadow: 0px 4px 10px 0px #0000001C; clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); }
.dash_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.dashbody { width: 100%; flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: center; }
.dashbody .dash_title { font-size: 16px; color: #000000; margin-bottom: 5px; }
.dashbody .dash_count { margin-bottom: 0px; font-weight: 700; font-size: 32px; color: #FF5A4C; }
.arrow_btn { align-self: center; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 8px; background: #FF5A4C; }
.arrow_btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: text-bottom; }

/*  */

.navbar-brand-box a { width: 133px; height: 40px; display: block; }  
.navbar-brand-box a span  {  width: 100%; height: 100%; display: block; }
.navbar-brand-box a img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: super; }



@media (max-width: 1199px) {
    .form_block {padding: 15px 20px;}
    .page_title { font-size: 18px; line-height: 20px;}
    .form-group {margin-bottom: 15px;}
    .form_btn { padding: 12px;}
}
@media(max-width: 991px){
    .form-group .form-control {  font-size: 12px; line-height: 24px;}
    .form-group { margin-bottom: 12px;}
}

@media(max-width: 767px){
.table_content_block { padding: 15px;}
}

@media(max-width: 500px){
.page-title-box .breadcrumb { padding: 10px 0px 0px; justify-content: center;}


}