/*
BOOTSTRAP TWEAKS
--------------------------------------------------------
*/
body {background: #fafafa;  padding-top: 0;font-size:13px;line-height:16px;font-family: "RobotoDraft","Roboto",sans-serif; color:#212121;  font-weight: 400; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;  text-rendering: optimizeLegibility;}
h1, h2, h3{font-family: "RobotoDraft","Roboto",sans-serif;}
h2{color: #9c27b0; font-size: 28px;    font-weight: 400;    line-height: 40px;    margin: 20px 0 20px 0;	letter-spacing: 1px;}
a:hover, a:active{color: #9c27b0;}
a{color: inherit;}
.form-control{ font-family: "RobotoDraft","Roboto",sans-serif;}
.label{border-radius: 1px;    font-size: 10px;    font-weight: 500;margin-right: 4px;display: inline-block;}
.alert{border:none;border-radius: 0;   margin-bottom: 2px;    padding: 10px 15px;}
a:hover, a:active{text-decoration: none;}
.label{padding:2px 4px;background-color: #444;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#9E9E9E;font-family: "RobotoDraft","Roboto",sans-serif;}
pre{border:none;border-radius: 0;}
.group-result{cursor: pointer !important;}


/*
MISC
--------------------------------------------------------
*/
.flag-icon{font-size: 14px;}
.flag-icon-en{background-image:url(flags/4x3/gb.svg)}
.big_number{font-size:18px;text-align: right;}
td.total_cell, th.total_cell{background-color:#f5f5f5;font-weight: bold;}
.pointer{cursor: pointer;}
.signature{margin: 50px 0 20px 0;text-align: center;font-size:11px;color:#AAA;position: relative;}
.mute{color:#aaa;}
.nowrap{white-space: nowrap;}


/*
THUMBNAILS
--------------------------------------------------------
*/
.thumb{font-weight:200;cursor:inherit;display:inline-block;height: 40px;width: 40px;border-radius: 120px;line-height: 40px;background-color: #ddd;color:white;text-align: center;font-size:24px;}
.thumb.thumb-m{height: 80px;width: 80px;line-height: 80px;    font-size: 40px;}
.thumb.thumb-xl{height: 120px;width: 120px;line-height: 120px;    font-size: 60px;}
.thumb.thumb-s{height: 60px;width: 60px;line-height: 60px;}
.thumb.thumb-xxs{height: 34px;width: 34px;line-height: 34px;}
.thumb_logo{max-height: 80px;max-width: 80px;line-height: 80px;}
.thumb_logo.thumb-xl{max-height: 120px;max-width: 120px;line-height: 120px;}
.thumb_logo.thumb-xs{max-height: 40px;max-width: 40px;line-height: 40px;}

/*
PAGE HEADER
--------------------------------------------------------
*/
.page-header{background-color: #9c27b0;color: white;    padding:10px 30px;   margin:0 -30px 25px -30px;font-size: 18px;	font-weight:400;position: relative;top: 0;line-height: 32px;      box-shadow: 0 2px 5px rgba(0,0,0,0.26);border-bottom: none;z-index: 200;}
.page-header > i{width: 25px;}
.page-header .btn{display: block;margin-left: 5px;float: right;}
.page-header .btn.btn-default{background-color: transparent;color:white;box-shadow: none;}
.page-header .btn.btn-default:hover{background-color: rgba(0,0,0,0.3);}


/*
LEGEND
--------------------------------------------------------
*/
legend{     color: #212121;margin:0;    font-weight: 500;    padding: 10px 0;    font-size: 20px;    line-height: 24px;    border: none;}
legend p.notice{    font-size: 11px;    margin: 0;    font-weight: 400;    color: #9E9E9E;    line-height: 13px;}

/*
FILES
--------------------------------------------------------
*/
.file{padding:10px 20px;display: block;}
.file::before{  content: '\f016'; padding-right:10px;font-size: 18px; font-family: FontAwesome;    font-weight: normal;    font-style: normal;    text-decoration: none;   }
.file_dir::before{content:'\f07b';}
.file_back::before{content:'\f112';}
.file_txt::before{content:"\f0f6"}.file_pdf::before{content:"\f1c1"}.file_doc::before,.file_docx::before{content:"\f1c2"}.file_xls::before,.file_xlsx::before{content:"\f1c3"}.file_ppt::before,.file_pptx::before{content:"\f1c4"}.file_bmp::before,.file_gif::before,.file_jpeg::before,.file_jpg::before,.file_png::before,.file_tif::before{content:"\f1c5"}.file_dmg::before,.file_gz::before,.file_iso::before,.file_rar::before,.file_tar::before,.file_zip::before,.file_zipx::before{content:"\f1c6"}.file_3ga::before,.file_aa::before,.file_aac::before,.file_aax::before,.file_ac3::before,.file_aif::before,.file_aiff::before,.file_amz::before,.file_asx::before,.file_au::before,.file_avr::before,.file_fla::before,.file_flac::before,.file_m3u::before,.file_m4a::before,.file_mid::before,.file_midi::before,.file_mka::before,.file_mp3::before,.file_mp4a::before,.file_ogg::before,.file_pcm::before,.file_ra::before,.file_rma::before,.file_wav::before,.file_wma::before,.file_xwma::before{content:"\f1c7"}.file_264::before,.file_3gp::before,.file_avi::before,.file_divx::before,.file_flv::before,.file_gifv::before,.file_h264::before,.file_m4v::before,.file_mk3d::before,.file_mkv::before,.file_mov::before,.file_movie::before,.file_mp4::before,.file_mpg::before,.file_oggv::before,.file_rv::before,.file_swf::before,.file_vid::before,.file_vp6::before,.file_webm::before,.file_wmv::before{content:"\f1c8"}.file_config::before,.file_cpp::before,.file_css::before,.file_git::before,.file_h::before,.file_ini::before,.file_js::before,.file_py::before{content:"\f1c9"}.file_apk::before,.file_app::before,.file_bat::before,.file_deb::before,.file_dll::before,.file_exe::before,.file_jar::before,.file_msi::before,.file_pl::before,.file_prg::before,.file_scr::before,.file_sh::before,.file_vb::before{content:"\f085"}.file_asp::before,.file_aspx::before,.file_cfm::before,.file_com::before,.file_edu::before,.file_gov::before,.file_htm::before,.file_html::before,.file_jhtml::before,.file_mil::before,.file_net::before,.file_org::before,.file_php3::before,.file_php4::before,.file_php5::before,.file_php::before,.file_phtml::before,.file_xhtml::before{content:"\f0c1"}

/*
DYGRAPH
--------------------------------------------------------
*/
.dygraph_box{margin-top:50px;}
.dygraph-legend{width: 100%!important;right:0;top:-20px!important;left:auto!important;background-color:transparent!important;    text-align: center!important;}
.dygraph-axis-label{color:#999;font-size: 13px;}



/*
STAT CARD
--------------------------------------------------------
*/
.stat_card{   margin-bottom: 20px;display: block; background-color: #FFF;    height: 80px;    position: relative;    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.24);    border-radius: 3px;}
a.stat_card:hover{background-color: #eee;color: inherit;}
.stat_card .icon_container{position:absolute;left:0;top:0;min-width:60px;max-width:150px;width: 30%;text-align:center;font-size: 24px;border-radius: 30px;text-align: center;padding:15px 0;}
.stat_card .icon_container i{color:white;border-radius: 30px;width: 50px;height: 50px;line-height:50px;}
.stat_card p{position:absolute;top:0;left:30%;width: 70%;padding-top: 13px;}
.stat_card p span.number{display: block;font-weight: 400;font-size: 20px;line-height: 30px;}
.stat_card p span.title{font-size: 16px;}


/*
SEARCH
--------------------------------------------------------
*/
.search{    position: relative;}
.search_input{ padding-left:50px !important;height: 45px !important; }
.search .fa-search{position: absolute;left: 22px;top: 16px;color:#9E9E9E;    pointer-events: none;}
.search_results{padding:5px;background-color:#F1F1F1;list-style: none;margin: 0;opacity: 0;visibility: hidden;transition: opacity 0.3s;}
.search_results.active{opacity: 1;visibility: visible;}
.search_results li{  line-height: 14px;  font-size:11px;  position:relative;background-color: white;    padding: 8px 10px;    margin-bottom: 5px;    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.19); }
.search_results li:hover, .search_results li.active{ background-color: #eee;}
.search_results li .search_result_icon{position: absolute;   top: 8px;   right: 0;    width: 32px;   text-align: center;    font-size: 14px;   color: #C0C0C0;}
.search_results .search_result_title{margin-bottom:5px; font-size:13px; }
.search_results .search_result_infos{font-style: italic;color:#9E9E9E;}
.search_noresult{margin: 0;text-align: center;color: #9A9A9A;}

/*
PAGINATION
--------------------------------------------------------
*/
.pagination{text-align: center;display: block;line-height: 30px;height: 50px;font-size: 16px;position: relative;}
.pagination>li{display: inline-block;line-height: inherit;line-height: 30px;}
.pagination>li>a, .pagination>li>span{width: 30px;display:inline-block;padding:0 5px;margin:0 2px;line-height: 30px;float: none;border:none;background-color: transparent;color:inherit;border-radius: 30px!important;}
.pagination>li>a:focus, .pagination>li>a:hover{background-color: #009688;color:white;}
.pagination>li>span:focus, .pagination>li>span:hover{background-color: transparent;border-radius: none;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus{background-color: #009688;color:white;}
.pagination select{padding:0 5px;min-width:auto;width:auto;height:30px;margin:0px;font-size: inherit;}
.pagination .pagination-results{position: absolute;    top: 26px;    font-size: 11px;    color: #757575;    font-weight: 400;    width: 100%;    text-align: center;    left: 0;}

/*
CHOSEN
--------------------------------------------------------
*/
.chosen-container .chosen-results{padding:0;margin: 0;}
.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-single{border:none;height:30px;line-height:30px;border-bottom:1px solid #DBDBDB;box-shadow: none;background-image: none;font-size: 16px;border: none;background-color: transparent;outline: none;border-bottom: 1px solid #DBDBDB;font-weight: 400;padding:  0;box-shadow: none;border-radius: 0;color:#212121;}
.chosen-container-active .chosen-default{color:transparent;}
.chosen-container-multi .chosen-choices li.search-field{/*width: 100% !important;*/}
.chosen-container-multi .chosen-choices li.search-field:only-child input[type="text"]{width: 100% !important;min-width:auto;margin:0;height: auto;margin: 0;    height: 29px;    font-size: 16px;    font-weight: 400;    color: #9E9E9E;    font-family: "RobotoDraft","Roboto",sans-serif;}
.chosen-container-multi .chosen-choices{border:none;border-bottom:1px solid #DBDBDB;box-shadow: none;background-image: none;line-height: 20px;font-size: 16px;border: none;background-color: transparent;outline: none;border-bottom: 1px solid #DBDBDB;font-weight: 400;padding:  0;box-shadow: none;border-radius: 0;}
.chosen-container-multi .chosen-choices li.search-choice{    background-image: none;    border: none;    box-shadow: none;    background-color: #e7e7e7;    border-radius: 20px;font-size: 13px;    padding: 5px 20px 5px 8px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background: none;    width: auto;    height: auto;    top: 6px;    right: 6px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after{     content: '\f057';    font-family: FontAwesome;    font-weight: normal;    font-style: normal;    text-decoration: none;    font-size: 11px;}
.chosen-container .chosen-drop{border:none;box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.64), 0 4px 5px -3px rgba(0, 0, 0, 0.44);}
.chosen-container .chosen-results li{padding:6px 15px;font-size: 16px;color:inherit;}
.chosen-container .chosen-results li.highlighted{background-color: #eee;background-image: none;color:inherit;}
.chosen-container .chosen-results li.group-option{padding-left:20px;}

/*
DROPZONE
--------------------------------------------------------
*/
.dropzone{border:none;background-color: #eee;min-height: auto;padding:0;}
.dropzone input{display: none;}
.dropzone .dz-message{margin: 0;padding: 5px 0;line-height: 20px;}
.dropzone .dz-preview.dz-image-preview{background-color: transparent;}
.dropzone .dz-message .fa-download{color: #a5a5a5;}


/*
INPUTS & FORMS
--------------------------------------------------------
*/
input, select{width: 100%;max-width: 100%;min-width: 100px;}
input.fluid, select.fluid{min-width: auto;}
input[type=text], input[type=number], input[type=date], input[type=search], input[type=password]{height: 30px; line-height: 20px;  font-size: 16px;    border: none;    background-color: transparent;    outline: none;    border-bottom: 1px solid #DBDBDB;    font-weight: 400;  padding: 5px 0;box-shadow: none;border-radius: 0;}
input[type=number]{text-align: center;}
select{height: 30px; line-height: 20px;  font-size: 16px;    border: none;    background-color: transparent;    outline: none;    border-bottom: 1px solid #DBDBDB;    font-weight: 400;  padding: 5px 0;box-shadow: none;border-radius: 0;}
textarea{width:100%;height: 30px; line-height: 20px;  font-size: 16px;    border: none;    background-color: transparent;    outline: none;    border-bottom: 1px solid #DBDBDB;    font-weight: 400;  padding: 5px 0;box-shadow: none;border-radius: 0;}
select[multiple] {height: 30px}
.form-group{position: relative;padding-top: 15px;margin:10px 0;}
.form-group label{position: absolute;top: 10px;left: 0;padding: 0; pointer-events: none;  transition: all 0.2s ease; margin: 0;font-size: 16px;  font-weight: normal;  top: 25px;color:#9E9E9E;}
.form-group.active label, .form-group.force-active label, .form-group label.active{top: 0;left: 3px;opacity: 1;visibility: visible;font-size: inherit;line-height: 15px;    font-size: 12px;}
/*
.form-group.focus input::-webkit-input-placeholder, .form-group.active input::-webkit-input-placeholder,  .form-group.force-active input::-webkit-input-placeholder{color:transparent;}
.form-group.focus textarea::-webkit-input-placeholder, .form-group.active textarea::-webkit-input-placeholder, .form-group.force-active textarea::-webkit-input-placeholder{color:transparent;}
*/
.form-group.updating label::after{ content: '\f27b';   font-family: FontAwesome;   font-weight: normal;   font-style: normal;   margin:0 0 0 10px;   text-decoration:none;}
.form-group.input_only label{display: none;}
.form-group.input_only{padding:0;margin:0;}


input.updating{background-color: #2196F3 !important;}

.form-group .form-message{position: absolute;top:54px;}
.form-group.form-danger .form-message{color:#f44336;}
.form-group.form-danger input, .form-group.form-danger select{border-color:#f44336;}
.form-group.form-danger label{color:#f44336;}

.switch_btn{position: absolute;width: 36px;border-radius: 20px;height: 14px;position: relative;margin:8px 0;cursor: pointer;}
.switch_btn::before{content: '';    border-radius: 20px;    position: absolute;    top: -4px;    display: block;    width: 20px;    height: 20px;    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.75);}

.switch_btn{background-color: #b0afaf;}
.switch_btn::before{background-color:#f1f1f1; left: 0;right: auto;}
.switch_btn.active{background-color:#77c2bb;}
.switch_btn.active::before{background-color:#009688;left: auto; right: 0;}

/*
DENSE FORM
--------------------------------------------------------
*/
.form_dense .form-group{margin:5px 0;}
.form_dense legend{    background-color: #E4E4E4;    color: #353535;   padding: 5px 10px;    margin: 5px 0;font-size: 14px;    line-height: 18px;font-weight: 600;}
.form_dense input[type=file]{position: relative;top: 5px;}

/*
THEME COLOR
--------------------------------------------------------
*/    

input[type=text]:focus, input[type=number]:focus, input[type=date]:focus, input[type=search]:focus, input[type=password]:focus{ box-shadow:inset 0px -2px 0px -1px #2196F3;border-bottom-color: #2196F3; }
.form-group.focus label{color:#2196F3;}

::selection{ color:white;background: #2196F3;}

.alert.alert-warning{				background-color: #ff5722;    color: rgba(255,255,255, 0.84); }
.alert.alert-success {				background-color: #4caf50;    color: rgba(255,255,255, 0.84); }
.alert.alert-danger {				background-color: #f44336;    color: rgba(255,255,255, 0.84); }
.alert.alert-info {					background-color: #03a9f4;    color: rgba(255,255,255, 0.84); }
.alert.alert-default{				background-color: rgba(0, 0, 0, 0.1);    color:rgba(0, 0, 0, 0.65); }


.label.label-default{				background-color: rgba(206, 206, 206, 0.48);  color: #5F5F5F; }
.label.label-primary {    			background-color: #009688 ;	}
.label.label-success {    			background-color: #4caf50;	}
.label.label-danger {  				background-color: #f44336;	}
.label.label-warning { 				background-color: #ff5722;	}
.label.label-info {    				background-color: #03a9f4;  }
.label.label-done {	    			background-color: #4caf50;	}
.label.label-danger-minus {	    			background-color: #E57373;	}
.label.label-pink {	    			background-color: #E91E63;	}
.label.label-success-minus {	    			background-color: #8BC34A;	}
.label.label-onhold{				background-color: rgba(0, 0, 0, 0.1);    color:rgba(0, 0, 0, 0.65);	}
.label.label-processing{			background-color: #009688;	}

.label::before {  font-family: FontAwesome;   font-weight: normal;   font-style: normal;  padding-right: 5px; }
.label.label-done::before {content: '\f00c';   }


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none;	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 1px 1px 3px -1px rgba(0, 0, 0, 0.58);}

.btn.btn-default:hover, .btn.btn-danger:hover, .btn.btn-warning:hover, .btn.btn-primary:hover, .btn.btn-success:hover{background-color: rgba(0,0,0,0.05);	-webkit-filter: brightness(100%); }
.btn.btn-default:focus, .btn.btn-danger:focus, .btn.btn-warning:focus, .btn.btn-primary:focus, .btn.btn-success:focus{box-shadow: none; }

.btn.btn-default{background-color: transparent;color:white;box-shadow: none;color: #212121;}
.btn.btn-default:active{background-color:rgba(0,0,0,0.1);color: #212121;}
.btn.btn-success{background-color: transparent;color:white;box-shadow: none;color: #4caf50;}
.btn.btn-success:active{background-color:#59b75c;color: white;}
.btn.btn-primary{background-color: transparent;color:white;box-shadow: none;color: #009688;}
.btn.btn-primary:active{background-color:#00aa9a;color: white;}
.btn.btn-warning{background-color: transparent;color:white;box-shadow: none;color: #ff5722;}
.btn.btn-warning:active{background-color:#ff6736;color: white;}
.btn.btn-danger{background-color: transparent;color:white;box-shadow: none;color: #f44336;}
.btn.btn-danger:active{background-color:#f55549;color: white;}

.btn.btn-default-alt{    				background-color: white;	color: #212121;	}
.btn.btn-default-alt:hover{   			background-color: #e4e4e4;					}
.btn.btn-primary-alt{     				background-color: #009688 !important;	color:white;	}
.btn.btn-success-alt{    				background-color: #4caf50 !important;	color:white;	}
.btn.btn-info-alt{     					background-color: #03a9f4 !important;	color:white;	}
.btn.btn-warning-alt{     				background-color: #ff5722 !important; 	color:white;	}
.btn.btn-danger-alt{     				background-color: #f44336 !important;   color:white;	}
.btn-alt-alt:hover{    						-webkit-filter: brightness(110%); 		}



/*
TABLES
--------------------------------------------------------
*/   
.table{     background-color: white;    color: rgba(0,0,0,0.87);border-radius: 3px;box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.64), 0 4px 5px -3px rgba(0, 0, 0, 0.44);}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;    padding:10px 20px;line-height: inherit;line-height: 16px;}
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th{  padding:12px 20px;border-bottom: none;white-space: nowrap;    font-weight: 600;    font-size: 12px;    color: rgba(0,0,0,0.54);border-top: 0;}
.table>tbody>tr:hover>td, .table>tfoot>tr:hover>td, .table>thead>tr:hover>td{background-color: #EEEEEE;}
.table.borderless>tbody>tr>td, .table.borderless>tbody>tr>th, .table.borderless>tfoot>tr>td, .table.borderless>tfoot>tr>th, .table.borderless>thead>tr>td, .table.borderless>thead>tr>th{border-top: none;}

/*
TABLE SORTER
--------------------------------------------------------
*/
.tablesorter .sort_table_header{cursor: pointer;}
.tablesorter th{outline: none;}
.tablesorter .sort_table_asc .tablesorter-header-inner::before{content: '\f176';   font-family: FontAwesome;   font-weight: normal;   font-style: normal;   margin:0 10px 0 0;   text-decoration:none;}
.tablesorter .sort_table_desc .tablesorter-header-inner::before{content: '\f175';   font-family: FontAwesome;   font-weight: normal;   font-style: normal;   margin:0 10px 0 0;   text-decoration:none;}
.tablesorter .filtered {  display: none;}
.tablesorter.sort_table_filters  .tablesorter-headerRow th{padding-bottom: 0;}
.tablesorter tr.tablesorter-filter-row td{border-top: none;padding-top: 0;}
.tablesorter tr.tablesorter-filter-row:hover td{background-color: transparent;}
.tablesorter input:disabled{display: none;}


/*
BUTTONS
--------------------------------------------------------
*/
.btn{border-radius: 1px;  border:none;  font-weight: 500;outline:none;    text-transform: uppercase;    letter-spacing: 0.5px;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 1px 2px 6px -1px rgba(0, 0, 0, 0.37);}
.btn:hover{transition: all 0.1s ease;}
.btn:focus{outline:0;}

/*
PROGRESS BAR
--------------------------------------------------------
*/
.progress{position: fixed;bottom: 0;left: 0;width: 0;height: 3px;z-index:500;background-color: #2196F3;transition: width 0.3s ease;margin:0;}
.progress.progress_complete{opacity: 0;transition: opacity 0.3s ease 0.3s;}

/*
PROGRESS BAR
--------------------------------------------------------
*/
.lightbox{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0);z-index: 900;transition: background-color 0.2s ease, top 0.4s ease;display: table;}
.lightbox.active{background-color: rgba(0,0,0,0.4);left:0;}
.lightbox.reduced{    top: 97%;background-color:rgb(156, 39, 176);}
.lightbox_container{display: table-cell;vertical-align: middle;height: 100%;width: 100%}
.lightbox_content{margin:0 auto;}
.lightbox .lightbox_content{opacity: 0;transition: all 0.4s ease;position: relative;top: 20px;}
.lightbox.active .lightbox_content{opacity: 1;top: 0;max-height: 100%;overflow: visible;}
.lightbox_content h2:first-child{margin-top: 0;    margin: 0 -30px 20px -30px;padding: 10px 30px; font-size: 20px;color:white;background-color:#9c27b0;}
.lightbox_content .actions{margin:0;position: absolute;bottom: 0;left:0;padding:10px 30px;width: 100%;}
.lightbox_card{padding:0 30px 50px 30px;max-height:100%;position:relative;margin: 0 auto;overflow: visible;background-color: white;    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18), 3px 2px 8px 0 rgba(0, 0, 0, 0.08);    border-radius: 1px;}
@media (max-width:767px){
	.lightbox.active .lightbox_content{overflow:auto;}
}

/*
STRUCTURE
--------------------------------------------------------
*/
.page_navigation{font-size: 13px;line-height: 13px;    color: #333;background-color: white;    padding-bottom: 50px;}
.page_navigation_switch{  cursor:pointer;display: none;  position: fixed;    right: 0;    z-index: 600;    font-size: 24px;    top: 0;    color:rgba(0, 0, 0, 0.30);    width: 52px;    text-align: center;    line-height: 52px;}

@media (min-width: 1170px) {
	.page_navigation{position: fixed;z-index:99;overflow: overlay;     border-right: 1px solid rgba(0,0,0,0.14);width:250px;height:100%;overflow-x: hidden;}
	
	.page_navigation::-webkit-scrollbar { background-color: transparent;	   	 display: none;	}
	.page_navigation:hover::-webkit-scrollbar { display: block;	position: relative;width: 10px;	background-color: transparent;	}
	.page_navigation:hover::-webkit-scrollbar-thumb {		background-color: #ccc;		border: 2px solid rgba(0, 0, 0, 0); background-clip: padding-box;		border-radius: 10px;	}
	
	.page_content{padding:0 30px 0 280px;}
	.compact_menu .page_navigation{left:-248px; transition: left 0.2s; z-index: 999;}
	.compact_menu .page_navigation:hover{left:0;}
	.compact_menu .page_content{padding:0 30px 0 30px;}
}
@media (max-width: 1169px) {


	.page_navigation{  z-index: 400;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18), 3px 2px 8px 0 rgba(0, 0, 0, 0.08);  position: fixed;    width: 100%;   left:-100%;  transition: transform 0.2s;   overflow-y: auto; height: 100%;  }
	.page_navigation_switch{    display: block;}
	body.page_navigation_active .page_navigation{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%);}
	.page_content{padding:75px 15px 20px 15px;    position: relative;  }
	.page-header{margin:0 -15px 25px -15px !important;padding:10px 15px !important;    position: fixed !important;   top: 0;   width: 100%;max-height: 100%;overflow-y: auto;  }
	.page-header .btn{display: none !important;}
	.page-header.active .btn{display:block !important;    float: none !important;    margin-top: 10px;width: 100%;text-align: left;}
	.page-header .btn:first-of-type{margin-top: 20px;}
}

/*
USER CARD
--------------------------------------------------------
*/
.user_card{position:relative;width:100%;height:40px;line-height: 16px;margin:15px 0;}
.user_card .user_card_link{    position: absolute;    width: 100%;    line-height: 40px;    display: block;    padding: 0 0 0 80px;    white-space: nowrap;}
.user_card .thumb{position: absolute;top:0;left: 22px;}


/*
MENU
--------------------------------------------------------
*/
.page_menu{list-style: none;padding:0;margin:0;}
.page_menu > li > ul{list-style: none;padding:0;margin:0;}
.page_menu > li > ul > li a{display: block;text-decoration: none;white-space: nowrap;   padding: 10px 24px 10px 46px;font-weight: 400;   letter-spacing: 0.1px;color:#333;}
.page_menu > li > ul > li a:hover{background-color: #eee;}
.page_menu > li > ul > li.active a{background-color: #9c27b0 !important;color: white;}
.page_menu > li > ul > li a i{text-align: center;font-size: 14px;width: 20px;}
.page_menu > li > h3{font-size: 13px;  text-align: left;   margin:0; font-weight: 700;    padding:15px 0 15px 22px;}
.page_menu > li > h3 i{width: 20px;text-align: center;}
.page_menu > li > ul:empty {    height: 20px;background-color: red;}


/*
PANEL SWITCH
--------------------------------------------------------
*/
.panel_switch::before{content:"\f0fe"; font-family: FontAwesome;    font-weight: normal;    font-style: normal;    text-decoration: none;padding-right: 5px;  }
.panel_switch.active::before{content:"\f146"}

/*
ACE EDITOR
--------------------------------------------------------
*/
.ace-chrome .ace_gutter {background: #f0f0f0;    color: #333;    overflow: hidden;    border-right: 1px solid #e4e4e4;}
.ace_folding-enabled > .ace_gutter-cell{font-size:11px;}

/*
CKEDITOR
--------------------------------------------------------
*/
.mce-toolbar-grp{padding:0 !important;}
.mce-flow-layout-item{margin:0 !important;}
.mce-ico{color:#a5a5a5 !important;}
.mce-btn{border:none !important;}
.mce-btn-group:not(:first-child){padding-left: 0 !important;}
.mce-btn .mce-txt {    color: #a5a5a5  !important;}
.mce-stack-layout-item{border:none !important;}
.mce-panel{ border-color: #d4d4d4 !important;border:none !important;background-color: transparent !important; }
.mce-btn{background-color: transparent !important;}
.mce-btn button{font-size:11px !important;padding: 0 5px 8px 5px !important;}
.mce-ico{font-size:11px !important;}
button  .mce-caret{  border-top-color: #a5a5a5  !important;}
.mce-menu{background-color:#f5f5f5 !important;}
div.mce-edit-area{background-color: transparent !important;border-bottom:1px solid #DBDBDB !important;}