/*include

- Header
- Footer
- comman title,section
- popup

*/

/* Start :  common variable for left panel*/
:root{
    --side-panel:320px;
}
/* End :  common variable for left panel*/



.wrapper{height: 100%;position: relative;overflow-x: hidden;overflow-y: auto;background: #F6F9FB;}
.content-wrapper{margin-left: var(--side-panel);background: #F6F9FB;}
.content-wrapper .content-header{padding: 30px 30px 0 30px;}
.content-wrapper .content-header h1{font-weight: 600;font-size: 20px;line-height: 28px;color: #191B1D;}
.content-wrapper .content{padding: 30px;}


.flex-center{display: flex;align-items: center;justify-content: center;}

.menu-dashboard,
.sidemenu-close,
.overlay-menuopen{display: none !important;}

/* Start : Header */
.main-header{padding-left: var(--side-panel);background: #FFFFFF;border-bottom: 1px solid #F0F2F5;}
.main-header .navbar{padding: 12px 30px;}
.main-header .navbar .navbar-custom-search{}
.main-header .navbar .navbar-custom-search .custom-serch-input{position: relative;}
.main-header .navbar .navbar-custom-search .custom-serch-input:before{content: "\e911";font-family: 'fleet-ui-icon';position: absolute;color: #6B6E6F;top: 18px;font-size: 18px;left: 23px;line-height: 1;}
.main-header .navbar .navbar-custom-search .custom-serch-input input{box-shadow: none !important;border:none !important;height: auto;padding: 16px 20px 16px 52px;font-weight: 400;font-size: 16px;line-height: 24px;color: #939698;}
.main-header .navbar .navbar-custom-search .custom-serch-result{display: none !important;;}

.main-header .navbar .navbar-custom-menu{}
.main-header .navbar .navbar-custom-menu>.navbar-nav{flex-direction: row;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li{position: relative;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li:after{content: "";border-right: 2px solid #E7E9EC;height: 32px;position: absolute;top: 12px;right: 0;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li:last-child:after{display: none;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li>a>i{color:#6B6E6F;font-size: 20px;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li:first-child>a{padding-left: 0;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li>a{font-weight: 400;font-size: 16px;line-height: 24px;color: #939698;display: flex;align-items: center;padding: 16px 30px;text-decoration: none;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li>a>i:first-child{margin-right:8px;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li>a>i:last-child:not(:first-child){margin-left:8px;font-size: 24px;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.user-menu img{height: 48px;width: 48px;border-radius: 100%;object-fit: cover;object-position:center;overflow: hidden;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.user-menu>a{padding:4px 0 4px 30px;}

@media screen and (max-width: 1366px){
    .main-header .navbar .navbar-custom-menu>.navbar-nav>li>a{padding: 16px 14px;font-size: 14px;}
}
/* End : Header */


/* Start : Footer */
.main-footer{margin-left: var(--side-panel);padding: 30px;font-weight: 400;font-size: 12px;line-height: 18px;color: #000000;}
.main-footer strong{font-weight:600;}
/* End : Footer */


/* Start : Side panel */
.main-sidebar{width: var(--side-panel);background-color: #393B3D;position: absolute;top: 0;left: 0;min-height: 100%;z-index:2;}
.main-sidebar .siderbar-logo{position: relative;border-bottom: 1px solid rgba(107,110,111,0.5);}
.main-sidebar .siderbar-logo a{background-color: #fff;min-height: 64px;}
.main-sidebar .siderbar-logo a img{display: block;max-height: 50px;margin: 0 auto;}
.main-sidebar .sidebar-menu{display: block;margin: 0;padding:4px 0;list-style: none;}
.main-sidebar .sidebar-menu li{display: block;margin:12px 20px;position: relative;}
.main-sidebar .sidebar-menu li a{font-size: 16px;line-height: 24px;font-weight: 500;color: #FFFFFF;display: flex;align-items: center;justify-content: flex-start;padding: 12px;border-radius: 8px;overflow: hidden;position: relative;text-decoration: none;}
.main-sidebar .sidebar-menu li a .badge-pill{background-color: #B31119;position: absolute;right: 10px;height: 24px;display: flex;align-items: center;border-radius: 5px;font-weight: 500;}
.main-sidebar .sidebar-menu li.treeview>a>.badge-pill{right: 40px;}
.main-sidebar .sidebar-menu li.treeview.open,
.main-sidebar .sidebar-menu li.treeview.open>a,
.main-sidebar .sidebar-menu li>a:hover{background-color: rgba(0, 0, 0, 0.3);border-radius: 8px;}
.main-sidebar .sidebar-menu li.active>a{background-color: #6bb336;}
.main-sidebar .sidebar-menu li a .icon-box{height: 24px;width: 24px;font-size: 20px;position: relative;display: flex;align-items: center;justify-content: center;margin-right: 16px;}
.main-sidebar .sidebar-menu li a .icon-box i{font-weight: normal;}
.main-sidebar .sidebar-menu li:not(.active) a .icon-box i[class*='_pending'],
.main-sidebar .sidebar-menu li:not(.active) a .icon-box i[class*='_on'],
.main-sidebar .sidebar-menu li:not(.active) a .icon-box i[class*='-on']{display: none;}
.main-sidebar .sidebar-menu li.active a .icon-box i[class*='_process'],
.main-sidebar .sidebar-menu li.active a .icon-box i[class*='_off'],
.main-sidebar .sidebar-menu li.active a .icon-box i[class*='-off']{display: none;}
.main-sidebar .sidebar-menu li a .menu-name{flex:1;max-width: 100%;}
.main-sidebar .sidebar-menu li a .menu-dropdown{height: 24px;width: 24px;font-size: 20px;position: relative;display: flex;align-items: center;justify-content: center;margin-left: 10px;}
.main-sidebar .sidebar-menu li a .menu-dropdown i{transition: all 0.2s ease-in-out;}

.main-sidebar .sidebar-menu li.treeview .treeview-menu{display: none;padding:4px;}
.main-sidebar .sidebar-menu li.treeview .treeview-menu li{margin: 6px 10px;}
.main-sidebar .sidebar-menu li.treeview .treeview-menu li a{font-size: 13px;font-weight: normal;letter-spacing: 0.5px;padding: 5px;line-height: normal;border-radius: 4px;}
.main-sidebar .sidebar-menu li.treeview .treeview-menu li a .badge-pill{height:16px;}
.main-sidebar .sidebar-menu li.treeview.open .menu-dropdown i{transform: rotate(180deg)}
/* End : Side panel */



/* Start : Avtar block */
.avtar-block{display: flex;align-items: center;position: relative;}
.avtar-block .avtar-shap{width: 85px;height: 85px;border-radius: 100%;overflow: hidden;}
.avtar-block .avtar-shap img{height: 100%;width: 100%;object-fit: cover;}
.avtar-block .avtar-content{padding-left: 25px;position: relative;flex:1;max-width: 100%;}
.avtar-block .avtar-content h4{margin-bottom: 4px;}
.avtar-block .avtar-content p{}
/* End : Avtar block */


/* Start : password eye */
.pwd_eye .pwd_hide_show{position: absolute;top: 35px;right: 14px;font-size: 18px;color: #9E9E9E;text-decoration: none;}
.pwd_eye .pwd_hide_show i{color: #9E9E9E;text-decoration: none;}
/* End : password eye */


/* Start : empty */
.empty-wrap{position: relative;height: 250px;padding: 20px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.empty-wrap .icon-box{position: absolute;top: 50%;transform: translateY(-50%);z-index: 0;}
.empty-wrap .icon-box i{color:#F5F6F8;font-size: 200px;}
.empty-wrap p{color:#6C757D;font-weight: 400;}
.empty-wrap *:not(.icon-box){z-index: 1;}
/* End : empty */


/* Start : empty page*/
.empty-page-wrap{position: relative;padding: 120px 0 100px;}
.empty-page-wrap .icon-box{margin-bottom: 25px;text-align: center}
.empty-page-wrap .icon-box i{color:#282828;font-size: 70px;}
.empty-page-wrap .title{font-weight: 700;font-size: 32px;line-height: 38.4px;letter-spacing: 0.26px;color: #282828;margin: 0 0 28px 0;text-align: center;}
.empty-page-wrap .title-subtxt{max-width: 627px;margin: 0 auto;}
.empty-page-wrap .empty-button{margin-top: 50px;text-align: center;}

.empty-block-tbl{text-align: center;position: relative;padding: 90px 0;}
.empty-block-tbl img{margin: 0 auto;display: block;}
.empty-block-tbl .empty-title{font-weight: 400;font-size: 20px;line-height: 20px;color: #939698;}

.empty-block{text-align: center;padding:12px 0; font-size: 16px;font-weight: 600;letter-spacing: 0.8px;text-transform: capitalize;color:#5e6a71;}
/* End : empty page*/


/* Start : Scroll */
.scoll-trans::-webkit-scrollbar {width: 0;display: none}
.scoll-trans::-webkit-scrollbar-track {box-shadow:none;display: none;}
.scoll-trans::-webkit-scrollbar-thumb {background-color: transparent;display: none;}

.scoll-small::-webkit-scrollbar {width: 4px;}
.scoll-small::-webkit-scrollbar-track {box-shadow:none;background-color:  #D9D9D9;}
.scoll-small::-webkit-scrollbar-thumb {background-color: #000;}
/* End : Scroll */


/* Start : Loader */
.ajax_loader {background: rgba(255, 255, 255, 0.8) url("../images/loader.gif") no-repeat scroll center center;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 9999999 ;}
.ajax_loader.fixed {position: fixed;}
/* End : Loader */


/*======= Start : Timepicker css =====*/
.ui-timepicker-list {overflow-y: auto;height: 150px;width: 6.5em;background: #fff;border: 1px solid #ddd;margin: 0;padding: 0;list-style: none;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);outline: none;z-index: 10001;}
.ui-timepicker-list.ui-timepicker-with-duration {width: 11em;}
.ui-timepicker-duration {margin-left: 5px; color: #888;}
.ui-timepicker-list:hover .ui-timepicker-duration {color: #888;}
.ui-timepicker-list li {padding: 3px 0 3px 5px;cursor: pointer;white-space: nowrap;color: #000;list-style: none;margin: 0;}
.ui-timepicker-list:hover .ui-timepicker-selected {background: #fff; color: #000;}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {background: #1980EC; color: #fff;}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {color: #ccc;}
.star-checked {color: orange;}
/*======= End : Timepicker css =====*/