/*Top Header*/
.tm-navbar-container:not(.uk-navbar-transparent){background:linear-gradient(to left, #28a5f5, #1e87f0);z-index:1040 !important;height:50px;}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-logo{color:#fff;}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a{color:rgba(255,255,255,0.8);}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-search-navbar .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.8);height:36px;font-size:1.2rem;}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-search-navbar .uk-search-input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-search-navbar .uk-search-input::-moz-placeholder{color:rgba(255,255,255,0.6)}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-search-navbar .uk-search-input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-search-navbar .uk-search-input:-moz-placeholder{color:rgba(255,255,255,0.6)}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-search .uk-search-icon{color:rgba(255,255,255,0.6);}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-navbar-toggle{color:rgba(255,255,255,0.6);}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{height:50px;}

.uk-offcanvas-overlay{z-index:1042}
.uk-offcanvas-bar{padding:40px 20px;}
.uk-offcanvas-close{top:10px;}
.sidebar-active a{color:#fff !important}

/*Sidebar Left*/
.tm-sidebar-left{position:fixed;top:50px;bottom:0;box-sizing:border-box;width:240px !important;padding:40px 40px 60px 40px;border-right:1px #e5e5e5 solid;}
.tm-sidebar-left-header{position:absolute;left:0;right:0;top:0;bottom:auto;}
.tm-sidebar-left-main{position:absolute;left:0;right:0;top:40px;bottom:82px;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px;}
.tm-sidebar-left-footer{position:absolute;left:0;right:0;top:auto;bottom:0;padding:20px;}
@media (min-width: 960px){
	.tm-sidebar-left+.tm-main{padding-left: 240px;}
	.tm-sidebar-left-main{top:0;bottom:82px;padding:24px 20px 0;}
}

/*Bottom Fix Button*/
.have-tm-button-container{padding-bottom:60px;}
.tm-button-container:not(.uk-navbar-transparent){width:calc(100% - 30px) !important;margin:0 15px !important;background:#fff;z-index:1040 !important;position:fixed;bottom:0;top:auto !important;border-top:1px solid #e5e5e5;}
@media(min-width:640px){
	.tm-button-container:not(.uk-navbar-transparent){width:calc(100% - 60px) !important;margin:0 30px !important;}
}
@media(min-width:960px){
	.tm-button-container:not(.uk-navbar-transparent){width:calc(100% - 320px) !important;margin:0 !important;left:280px;}
}
.no-tm-button-container .tm-button-container:not(.uk-navbar-transparent){display:none;}

/*Uikit Form*/
.uk-input, .uk-select:not([multiple]):not([size]){height:36px}
.uk-form-label{margin-bottom:6px;display:block;}
.ck-count{float:right;line-height:1;margin-top:5px;font-weight:500;}
.ui-spinner{border-radius:0;border:1px solid #e5e5e5 !important;display:block;}
.ui-spinner-input{padding:0 10px;margin:0}
.cl-module{line-height:30px;}

/*Uikit Table*/
.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#f8f8f8; color:#000;}
.uk-table-hover tbody tr:hover .uk-subnav>*>:first-child,.uk-table-hover>tr:hover .uk-subnav>*>:first-child{background:#f8f8f8 ; color:#000;}
.uk-table-hover tbody tr .uk-subnav>*>:first-child,.uk-table-hover>tr .uk-subnav>*>:first-child{text-transform:capitalize; font-size:1rem; color:#666;}

/*Right Side Filter*/
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {color:#999;}
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) option:checked, option:hover {color: white;background: #39f;}

/*Select 2*/
.select2-single,
.select2-multiple,
.select2-tags{width:100%;}
.select2-dropdown{border-radius:0;border:1px solid #7a9cd3;}
.select2-results__option{padding:0 6px;font-size:0.875rem;}

.select2-container--default .select2-selection--single{border-radius:0;height:36px;border:1px solid #e5e5e5;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:0.875rem;color:#666;line-height:36px;}
.select2-container *:focus{border:1px solid #1e87f0;outline:0}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border:1px solid #1e87f0;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px;}

.select2-container--default .select2-selection--multiple{border-radius:0;min-height:36px;border:1px solid #e5e5e5;padding:3px 5px 0;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border:1px solid #1e87f0;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #1e87f0;outline:0}
.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size:12px;background-color:#5897fb;border:1px solid #5897fb;color:#fff;margin:3px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff;}
.select2-container--default .select2-search--inline .select2-search__field{font-size:.875rem;color:#666;}

/*Toggle Switch Css*/
.switch{position:relative;display:inline-block;width:52px;height:24px;}
.switch input{display:none;}
.slider{position: absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slider {background-color:#1e87f0;}
input:focus + .slider{box-shadow:0 0 1px #1e87f0;}
input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
/* Rounded sliders */
.slider.round{border-radius:34px;}
.slider.round:before{border-radius:50%;}

/* Customize Datepicker (Jquery Ui) CSS */
.ui-datepicker .ui-widget-header{background:#fff;border:1px solid #fff;}
.ui-datepicker .ui-state-default{background:#fff;border:1px solid #fff;}
.ui-datepicker .ui-state-hover{background:#fff;border:1px solid #fff;}
.ui-datepicker .ui-state-active{background:#33bdfb;border:1px solid #33bdfb;color:#fff;}
.ui-datepicker .ui-state-highlight{background:#fff;border:1px solid #fff;color:#33bdfb;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{position:relative;left:0;margin:0 auto;top:50%;margin-top:-5px;background:none;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev span{width:0;height:0;border-top:5px solid transparent;border-right:8px solid #000;border-bottom:5px solid transparent;}
.ui-datepicker .ui-datepicker-next span{width:0;height:0;border-top:5px solid transparent;border-left:8px solid #000;border-bottom:5px solid transparent;}
.ui-datepicker .ui-datepicker-prev:hover{background:#fff;border:1px solid #fff;left:2px;top:2px;}
.ui-datepicker .ui-datepicker-next:hover{background:#fff;border:1px solid #fff;right:2px;top:2px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{display:inline-block;border:1px solid #ddd;}

/*Checkboxradio*/
.ch-radio-wrap{font-size:0;}
.ch-radio-wrap .ui-corner-all{border-radius:0;}
.ch-radio-wrap .ui-button{margin-right:-1px;font-size:14px;padding:7px 16px;}
.ch-radio-wrap .ui-state-active,.ch-radio-wrap .ui-button:active,.ch-radio-wrap .ui-button.ui-state-active:hover{background:#1e87f0;border:1px solid #39f;}
.ch-radio-wrap .uk-checkbox:checked{background:none;}
.ch-radio-wrap .ui-visual-focus{box-shadow:none;}

/*Font Size Css*/
.font-size-12{font-size:12px}
.font-size-14{font-size:14px}
.font-size-16{font-size:16px}
.font-size-18{font-size:18px}
.font-size-20{font-size:20px}

/*Margin Top Classes*/
.mrg0T{margin-top:0px;}
.mrg5T{margin-top:5px;}
.mrg10T{margin-top:10px;}
.mrg15T{margin-top:15px;}
.mrg20T{margin-top:20px;}

/*Margin Bottom Classes*/
.mrg0B{margin-bottom:0px;}
.mrg5B{margin-bottom:5px;}
.mrg10B{margin-bottom:10px;}
.mrg15B{margin-bottom:15px;}
.mrg20B{margin-bottom:20px;}

/*Padding Top Classes*/
.pad0T{padding-top:0px;}
.pad5T{padding-top:5px;}
.pad10T{padding-top:10px;}
.pad15T{padding-top:15px;}
.pad20T{padding-top:20px;}

/*Padding Bottom Classes*/
.pad0B{padding-bottom:0px;}
.pad5B{padding-bottom:5px;}
.pad10B{padding-bottom:10px;}
.pad15B{padding-bottom:15px;}
.pad20B{padding-bottom:20px;}

/*Tinymce Editor*/
.mce-tinymce{width: 100% !important;}
div.mce-tinymce-inline{width:auto !important;}

/*Card*/
.tm-card .uk-card-header{margin-bottom:10px;}
.tm-card.uk-card-default .uk-card-header{border-bottom:0;}
@media(min-width:1200px){
	.tm-card .uk-card-header{padding:20px 30px;}
	.tm-card .uk-card-body{padding:30px 30px;}
}

/*Datepicker*/
.hasDatepicker {min-width:200px;position:relative;cursor:pointer;}
.hasDatepicker i{position:absolute;right:5px;top:5px;pointer-events:none;}
.uk-offcanvas-bar .hasDatepicker{min-width:100%;}

/*Custom File Uploader*/
.clupload{width:100%;border:2px dashed #ddd;border-radius:3px;}
.clupload-filelist{min-height:200px;background:#fff;margin:0;padding:0;list-style:none;position:relative;}
.clupload-filelist:not(:empty):before{display:none}
.clupload-filelist:before{content:"Drag files to upload";position:absolute;display:block;left:50%;top:50%;margin-left:-87px;margin-top:-15px;font-size:20px;color:#bbb;}
.clupload-filelist li{padding:12px 20px;background-color:#fff;}
.clupload-filelist .clupload-file-name{width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;}
.clupload-buttons input{display:none;}

/*Preloader*/
.tm-loader{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1041;background:#fff;color:#fff;}
.tm-loader .blue-bar{background:linear-gradient(to left, #28a5f5, #1e87f0);width:100%;height:50px;}
.tm-loader .uk-logo,.tm-loader .uk-spinner{color:#fff;padding:0 15px;}
.tm-navbar-container .uk-container, .tm-loader .uk-container{padding:0 20px !important;}

/*Sidenam Tree*/
.fordtreeview ul{margin:0;padding:0;list-style:none;padding-left:2px}
.fordtreeview ul:first-child{padding:0;}
.fordtreeview ul li{font-size:18px;cursor:pointer;position:relative;margin-top:20px;}
.fordtreeview ul li:first-child{margin-top:0;}
.fordtreeview ul li{color:#fff}
.fordtreeview ul li span, .fordtreeview ul li a{display:block;color:#fff;}
.fordtreeview ul li span:after{content:"+";position:absolute;right:0;}
.fordtreeview ul li span.expanded:after{content:"-";position:absolute;right:0;}
.fordtreeview ul ul{display:none;}
.fordtreeview ul ul li{font-size:16px;margin-top:10px;}
.fordtreeview ul ul li{color:rgba(255,255,255,.5);}
.fordtreeview ul ul li span, .fordtreeview ul ul li a{display:block;color:rgba(255,255,255,.5);}
.fordtreeview ul ul li:first-child{margin-top:20px;}
.fordtreeview ul ul ul li{font-size:14px}
.fordtreeview ul ul ul li:first-child{margin-top:10px;}
.fordtreeview ul ul ul ul li{font-size:12px}
.fordtreeview ul li span.expanded ~ ul{display:block;}

/*Kazi CSS*/
.zable-table{width:100%}
.zable-body{min-height:calc(100vh - 255px);max-height:calc(100vh - 255px);width:100%;overflow-y:auto;overflow-x:auto}
.zable-table .uk-alert{margin-bottom:0;padding-right:15px}
.zable-table .uk-alert a:not([class]){text-decoration:none;color:#999}
.zable-table .uk-button-default{background:#fff}
#filter_form select option{color:#000}
#module_buttons{display:none}
.parsley-errors-list{list-style-type:none;margin:0;padding:5px;font-size:12px;color:#f0506e}
.parsley-errors-list li{margin:0;padding:0}
/*DropZone*/
.my-dz-template{display:none}
.dz-preview{display:flex;justify-content:space-between;padding:10px;margin-top:2px;font-size:14px;background:#f8f8f8}
.dz-preview:first-child{margin-top:0}
.dz-details{flex:1;display:inline-block;padding:5px}
.dz-filename{display:inline-block}
.dz-size{display:inline-block;float:right}
.dz-remove{content:"";padding:5px;margin-left:30px}
.dz-error-mark,.dz-error-message,.dz-image,.dz-success-mark{display:none}

.uk-icon-button.active{background-color: green;color: white}
.uk-icon-button.active:hover{background-color: green;color: white}

.star-red{
	color:red; font-size: 18px;
}