/*include

- Header
- Footer
- comman title,section
- popup

*/

/* Start :  common variable for left panel*/
:root{
    --side-panel:290px;
    --header-height:61px;
    --side-menu-size:200px;
}
/* End :  common variable for left panel*/
.bg-color11,
.bg-color9,
.bg-color7,
.bg-color5,
.bg-color3,
.bg-color1{background-color: var(--orange);}
.bg-color12,
.bg-color10,
.bg-color8,
.bg-color6,
.bg-color4,
.bg-color2{background-color: var(--purple);}

/*.bg-color1{background-color: var(--primary);}*/
/*.bg-color2{background-color: var(--indigo);}*/
/*.bg-color3{background-color: var(--teal);}*/
/*.bg-color4{background-color: var(--purple);}*/
/*.bg-color5{background-color: var(--orange);}*/
/*.bg-color6{background-color: var(--cyan);}*/
/*.bg-color7{background-color: var(--pink);}*/
/*.bg-color8{background-color: var(--info);}*/
/*.bg-color9{background-color: var(--red);}*/
/*.bg-color10{background-color: var(--success);}*/
/*.bg-color11{background-color: var(--yellow);}*/
/*.bg-color12{background-color: #607d8d;}*/

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


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

#double-scroll{width: 100%;}
/* Start : Header */
.sub-active{--side-panel:50px;}
.main-header{padding-left:0;background: #FFFFFF;border-bottom: 1px solid #F0F2F5;z-index: 3;position: sticky;top:0;}
body:not(.sub-active) .main-header{position: sticky;top:0;}
.sub-active .main-header .menu-dashboard{--side-panel:250px;}
.main-header .menu-dashboard{flex:0 0 var(--side-panel);max-width: var(--side-panel);display: flex;align-items: center;justify-content: flex-start;}
.main-header .menu-dashboard .head-side-logo{position: relative;}
.main-header .menu-dashboard .head-side-logo a{position: relative;}
.main-header .menu-dashboard .head-side-logo .version-badge{position: absolute;font-weight: 600;bottom: 0;right: 0;pointer-events: none;letter-spacing: 0.4px;font-size: 10px;line-height: 1;font-style: italic;}
.main-header .menu-dashboard .head-side-logo a img{max-height: 48px;display: block;}
.main-header .navbar{padding: 6px 15px;}
.main-header .navbar .navbar-custom-search{flex:1;max-width: 100%;display: flex;align-items: center;position: relative;}
.main-header .navbar .navbar-custom-search .form-control{max-width: 200px;margin-right: 5px;font-size: 12px;height: 28px;}
.main-header .navbar .navbar-custom-search .btn{min-width: 124px;}
.main-header .navbar .navbar-custom-search .form-control::placeholder{font-size: 12px;}
.main-header .navbar .navbar-custom-search .custom-search-input{position: relative;}
.main-header .navbar .navbar-custom-search .custom-search-input:before{content: "\e911";font-family: 'fleet-ui-icon';position: absolute;color: #6B6E6F;top: 9px;font-size: 15px;left: 30px;line-height: 1;}
.main-header .navbar .navbar-custom-search .custom-search-input input{box-shadow: none !important;border:none !important;height: auto;padding: 8px 20px 8px 52px;font-weight: 400;font-size: 14px;line-height: 18px;color: #939698;}
/*.main-header .navbar .navbar-custom-search .custom-search-result{display: none !important;;}*/

.main-header .navbar .navbar-custom-menu{display: flex;}
.main-header .navbar .navbar-custom-menu>.navbar-nav{flex-direction: row;align-items: center;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li{position: relative;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.dropdown .dropdown-menu{position: absolute;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.dropdown .dropdown-menu .dropdown-item{font-weight: 400;font-size: 14px;line-height: 18px;color: #939698;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.dropdown .dropdown-menu .dropdown-item:active{background-color: #0275d8;color:#fff;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li:after{content: "";border-right: 2px solid #E7E9EC;height:75%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.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>a:hover{color:#191B1D;}
.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: 14px;line-height: 18px;color: #939698;display: flex;align-items: center;padding: 10px 16px;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: 36px;width: 36px;border-radius: 100%;object-fit: cover;object-position:center;overflow: hidden;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.user-menu>a{padding:0px 16px 0px 30px;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.user-menu:last-child>a{padding:0px 0px 0px 30px;}
.main-header .navbar .navbar-custom-menu>.navbar-nav>li.user-menu .dropdown-header span{display: block;font-weight: normal;font-size: 13px;margin-top: 4px;}

.navbar-month-audit{display: inline-flex;padding-right: 7px;align-items: center;}
.navbar-month-audit .month-audit-item{padding-right: 8px;}
.navbar-month-audit .month-audit-item h5{font-size: 12px;font-weight: 600;margin: 0 0 2px 0;line-height: 1;}
.navbar-month-audit .month-audit-item .month-row{display: flex;}
.navbar-month-audit .month-audit-item .month-row .audit-number{padding-right: 6px;display: flex;align-items: center;}
.navbar-month-audit .month-audit-item .month-row .audit-number i{font-size: 14px;margin-right: 4px;}
.navbar-month-audit .month-audit-item .month-row .audit-number i[class*='fi-paper']{font-size: 12px;}
.navbar-month-audit .month-audit-item .month-row .audit-number p{margin: 0;font-size: 12px;font-weight: 500;}
.navbar-month-audit .month-audit-item .month-row .audit-number p small{font-size: 10px;}
.navbar-month-audit .month-audit-item .month-row .audit-number p span{}

@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:10px;font-weight: 400;font-size: 12px;line-height: 18px;color: #000000;}
.main-footer strong{font-weight:600;}
.main-footer span{background-color: rgba(92,184,92,0.4);padding: 3px 6px;font-size: 10px;border-radius: 4px;font-weight: bold;font-style: italic;letter-spacing: 0.5px;margin-right: 5px;}
/* End : Footer */


/* Start : Side panel */
.main-sidebar{width: var(--side-panel);background-color: #393B3D;position: fixed;top:0;bottom: 0; left: 0;padding-top:var(--header-height);z-index:2;display: flex;flex-direction: column;justify-content: space-between;overflow-y: auto;}
.main-sidebar::-webkit-scrollbar {display: none;}
.main-sidebar .siderbar-logo{position: relative;border-bottom: 1px solid rgba(107,110,111,0.5);}
.main-sidebar .siderbar-logo a{display: block;padding: 8px 0;}
.main-sidebar .siderbar-logo a img{display: block;max-height: 64px;margin: 0 auto;}
.main-sidebar .sidebar-menu{display: block;margin: 0;padding:10px 0 4px;list-style: none;}
.main-sidebar .sidebar-menu li{display: block;margin:5px 8px;position: relative;}
.main-sidebar .sidebar-menu li a{font-size: 15px;line-height: 20px;font-weight: 400;letter-spacing: 1px; color: #FFFFFF;display: flex;align-items: center;justify-content: flex-start;padding: 5px;border-radius: 4px;position: relative;text-decoration: none;}
body:not(.sub-active) .sidebar-menu li a{overflow: hidden;}
.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:focus,
.main-sidebar .sidebar-menu li>a:hover{background-color: rgba(0, 0, 0, 0.2);border-radius: 4px;}
.main-sidebar .sidebar-menu li.active>a{background-color: #0275d8;}
.main-sidebar .sidebar-menu li a .icon-box{height: 24px;width: 24px;font-size:18px;position: relative;display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.main-sidebar .sidebar-menu li a .icon-box i{font-weight: 300;}
/*.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%;}
body:not(.sub-active) .main-sidebar .sidebar-menu li a .notify-badge{flex: 0 0 20px;max-width: 20px;background-color: #dc3545;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 12px;line-height: normal;height: 20px;letter-spacing: -0.5px;}
.main-sidebar .sidebar-menu li a .menu-dropdown{height: 24px;width: 24px;font-size: 17px;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.main-menu-divider{margin: 0px 8px;position: relative;height: 14px;}
.main-sidebar .sidebar-menu li.main-menu-divider:before{content: "";border-top: 1px solid #6e6e6e;position: absolute;left: 0;right: 0;top: 7px;bottom: 0;}

.main-sidebar .sidebar-menu li.treeview .treeview-menu{display: none;padding:4px;}
.main-sidebar .sidebar-menu li.treeview .treeview-menu li{margin: 4px 8px;}
.main-sidebar .sidebar-menu li.treeview .treeview-menu li a{font-size: 13px;font-weight: normal;letter-spacing: 0.4px;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)}


.sub-active .main-sidebar .sidebar-menu li.treeview .treeview-menu{position: fixed;width: 220px;left: calc(var(--side-panel) - 0px);z-index: 9;background-color: #393B3D;border-radius: 0 4px 4px 0;}
.sub-active .sidebar-menu li a .notify-badge{position: absolute;background-color: #dc3545;height: 16px;width: 16px;font-size: 10px;letter-spacing: 0.2px;display: flex;align-items: center;justify-content: center;color:#fff;border-radius: 100%;top:-3px;right: -3px;}

/*.sub-active .main-sidebar{background-color: #007BFF;}*/
.sub-active .main-sidebar .sidebar-menu li.treeview.open>a.treeview-anchor,
.sub-active .main-sidebar .sidebar-menu li.active>a{background-color: #fff;color: #393B3D;}
.sub-active .main-sidebar .sidebar-menu li a .icon-box{margin: 0}
.sub-active .main-sidebar .sidebar-menu li a .menu-name{display: none}
.sub-active .main-sidebar .sidebar-menu li a .menu-dropdown{display: none}
.sub-active .content-wrapper{display: flex;align-items: stretch;}
.sub-active .content-wrapper>.sub-side-menu{flex:0 0 var(--side-menu-size);max-width: var(--side-menu-size);border-right: 1px solid #F0F2F5;background-color: #fff;padding: 12px 6px;}
.sub-active .content-wrapper>.content:not(.car-details-wrap):not(.sub-side-active){--side-menu-size:0px;}
.sub-active .content-wrapper>.content{flex:0 0 calc(100% - var(--side-menu-size));max-width: calc(100% - var(--side-menu-size));}
.sub-side-menu ul{margin: 0;padding: 0;list-style: none;}
.sub-side-menu ul li{margin-bottom: 2px;}
.sub-side-menu ul li.ss-divider{margin: 10px 0;border-bottom: 1px solid #F0F2F5;}
.sub-side-menu:not(.agenda-view) ul li a{font-size: 12px;line-height: 16px;font-weight: 500;letter-spacing: 0.2px;color:#191B1D;text-decoration: none;padding: 5px 6px;display: block;border-radius: 4px;}
.sub-side-menu:not(.agenda-view) ul li.active a,
.sub-side-menu:not(.agenda-view) ul li a:hover{background-color: rgba(0,123,255,0.08);color:#007bff;}

.sub-active .copyright-item,
.sub-active .powered-by-item{display: none !important;}
.main-sidebar .powered-by-item{ text-align: center;margin: auto 0 0 0;padding: 15px 0 20px 0;}
.main-sidebar .powered-by-item p{margin: 0;font-weight: 500;font-size: 12px;line-height: 17px;color: #fff;display: flex;align-items: center;justify-content: center;}
.main-sidebar .powered-by-item img{display: block;margin-left: 5px;max-height: 25px;}

.main-sidebar .copyright-item{text-align: center;padding:0 5px 10px 5px;}
.main-sidebar .copyright-item p{margin: 0px;font-size: 12px;color: #fff;letter-spacing: 0.2px;line-height: 1.2;}
.main-sidebar .copyright-item p b{font-weight: 500;}
.main-sidebar .copyright-item .version-info{text-align: center;margin-bottom: 10px;}
.main-sidebar .copyright-item .version-info span{}
.main-sidebar .copyright-item .version-info a{margin-left: -9px;background-color: #0275d8;padding: 3px 6px;text-decoration: none;font-size: 11px;border-radius: 4px;font-weight: 500;font-style: italic;letter-spacing: 0.8px;color:#fff;}
.main-sidebar .copyright-item .version-info a:hover{background-color: #007BFF;}


.treeview-backdrop{display: none;}
.sub-active .treeview-backdrop{left:var(--side-panel);display:none;position:fixed;top:var(--header-height);width:100%;height:100%;background:rgba(0,0,0,0);z-index:8;}
/* 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;}


.input-group>.input-value-toggle{position: absolute;right: 6px;top: 5px;}
.input-value-toggle{display: flex;align-items: center;justify-content: center;position: absolute;right: 6px;top: 26px;height: 16px;width: 16px;z-index: 1;text-decoration: none !important;}
.input-value-toggle>i{display: block;line-height: 1;top: 0;}
/* 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: 600;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;font-size: 16px;}
.empty-page-wrap .empty-button{margin-top: 50px;text-align: center;}

.empty-block-tbl{text-align: center;position: relative;padding: 40px 0;}
.empty-block-tbl img{margin: 0 auto 15px;display: block;max-width: 90px;max-height: 90px;}
.empty-block-tbl .empty-title{font-weight: 400;font-size: 14px;line-height: 17px;color: #8f9ba3;}

.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.svg") no-repeat scroll center center;background-size: 50px;backdrop-filter: blur(2px);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 =====*/


/*======= Start : Avatar Box =====*/
.avatar_scatola{}
.avatar_scatola img{max-width: 100%;height: auto;width: 22px;object-fit: cover;border-radius: 3px;object-position: center;margin-right: 4px;}

/*======= End : Avatar Box =====*/


/*===== JQToast Start =======*/
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap { display: block; position: fixed; width: 250px;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; }
.jq-toast-wrap * { margin: 0; padding: 0; }

.jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 40px; }

.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }

.jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }

.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }

.close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }

.jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
.jq-toast-loaded { width: 100%; }
.jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
.jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
.jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
.jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; }

/*===== JQ Toast Over ========*/

/*=== Start : Search =====*/
.navbar-custom-search .custom-search-result{opacity: 0;visibility: hidden;position: absolute;background-color: #fff;border-radius:8px;left:0;right:0px;box-shadow: 0px 30px 60px rgba(0,0,0,0.4);transform: translateY(50px);transition: all 0.2s ease;z-index: 999;max-width: 400px;top: 30px;border: 1px solid #ddd;}
.navbar-custom-search .custom-search-result .common-search-data{max-height: calc(100vh - 50px);overflow-y: auto;}
.navbar-custom-search .custom-search-result .search-suggestions{padding:12px 16px;position: relative;}
.navbar-custom-search .custom-search-result .search-close{position: absolute;z-index: 4;height: 24px;width: 24px;line-height: 24px;color: #fff;background: #e65252;text-align: center;border-radius: 4px;top: 8px;right: 8px;cursor: pointer;}
.custom-search-result .search-suggestions .ss-header{border-bottom: 2px solid rgba(0,0,0,0.07);margin-bottom: 15px;padding-bottom: 8px;color:#0275d8;}
.custom-search-result .search-suggestions .ss-list{display: flex;flex-wrap: wrap;flex-direction: column;}
.custom-search-result .search-suggestions .ss-list a{padding:0px 10px 7px 0px;margin-bottom: 7px;font-size: 12px;color:#191B1D;transition: all 0.2s ease;border-bottom: 1px solid rgba(0,0,0,0.05);}
.custom-search-result .search-suggestions .ss-list a:hover{color:#047bf8;margin-left:8px;}
.custom-search-result .search-suggestions .ss-list a:last-child{margin-bottom:0;border-bottom: none;}
.navbar-custom-search.search-active .custom-search-result{transform: none;opacity: 1;visibility: visible;}
/*=== End : Search =====*/