.manager-form { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background-color:rgba(0,0,0,0.7); display:none; overflow-y:auto; }
.manager-form .manager-form-container { position:absolute; top:calc(50% + 30px); left:50%; transform:translate(-50%, -50%); width:94%; max-width:600px; border-radius:5px; background-color:#FFF; }
.manager-form .manager-form-container.big { max-width:800px; }
.manager-form .manager-form-container.ex-big { max-width:1000px; }
.manager-form .manager-form-container .icon-x { position:absolute; top:10px; right:5px; color:#000; font-size:1.2em; }
.manager-form .manager-form-container .icon-x:hover { color:#FFF; }
.manager-form .manager-form-container .manager-form-title { background-color:var(--blue); color:#FFF; padding:10px; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; }
.manager-form .manager-form-container .manager-form-content { padding:10px; box-sizing:border-box; text-align:left; max-height:80vh; overflow-y:hidden; }
.manager-form .manager-form-container .manager-form-content .tab-container .tabcontent { max-height:60vh; overflow-y:auto; position:relative; }
.manager-form .manager-form-container .manager-form-content .form-controller { position:sticky; bottom:-10px; left:0; width:100%; height:auto; z-index: 10; padding-bottom: 5px; background-color:#FFF; }
.manager-form .manager-form-container .textbox#color_picker { width:150px; height:40px; margin-top:0; }
.manager-form .manager-form-container .button { margin:10px 5px 0; min-width:80px; }
.manager-form .manager-form-container .manager-form-content .description { font-size:0.8em; color:#999; font-weight:normal; font-style:unset; }
.manager-form .manager-form-container .minicolors-theme-default .minicolors-swatch { top:10px; }
.manager-form .manager-form-container .checkbox { display: inline-block; vertical-align: middle; }
.manager-form .manager-form-container .manager-form-content .textarea { min-height:unset; }
.manager-form .manager-form-container .selection { border:0; border-bottom:1px solid #DDD; }
.manager-form .manager-form-container .manager-form-content .textarea, .manager-form .manager-form-container .manager-form-content .textbox, .manager-form .manager-form-container .manager-form-content .selection { padding-left:0; }
.manager-form .manager-form-container .manager-form-content .textarea[readonly], .manager-form .manager-form-container .manager-form-content .textbox[readonly], .manager-form .manager-form-container .manager-form-content .selection[readonly] { background:unset; border:0; border-bottom:1px solid #DDD; }

.manager-form .manager-form-container .manager-form-content .form-error-message, .manager-form .manager-form-container .manager-form-content .form-message { background-color:unset; border:unset; color:#F00; font-size:.8em; padding:0; margin:0; }

.manager-form .manager-form-container .manager-form-content .table .col { text-align:left; }

.manager-content .bao-cao label { min-width:60px; }
.manager-content .bao-cao .textbox.min { width:150px; }


.tree-folder { position: relative; background: white; margin-top: 20px; line-height: 2; color: #000; }
.tree-folder ul { padding-left: 5px; list-style-type: none; }
.tree-folder li { position: relative; padding-top: 0; padding-bottom: 5px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tree-folder li:before { position: absolute; top: 15px; left: 0; width: 10px; height: 0.5px; margin: auto; content: ''; background-color: #000; }
.tree-folder li:after { position: absolute; top: 0; bottom: 0; left: 0; width: 0.5px; height: 100%; content: ''; background-color: #000; }
.tree-folder li label.active { font-weight:bold; }
.tree-folder li:last-child:after { height: 15px; }
.tree-folder li:last-child { padding-bottom:0; }
.tree-folder li:last-child label { margin-bottom:0; }

.tree-folder .tools { margin-left:10px; display:inline-block; }
.tree-folder .tools a { color:#BBB; font-size:1.2em; display:inline-block; margin-right:10px; vertical-align:middle; }
.tree-folder .tools a:hover { color:#000; }

.tabcontent.manager-content { width:100%!important; padding:0!important; }

@media (min-width:576px){
	.manager-form .manager-form-container .textbox, .manager-form .manager-form-container .selection { margin-top:5px; }
	
	.manager-content .table-list .table-list-filter { text-align:left; }
	.manager-content .table-list .table-list-filter .min-break { margin-top:0; display:inline-block; }
	.manager-content .table-list .table-list-filter .selection, .manager-content .table-list .table-list-filter .textbox { margin-right:10px; }
	.manager-content .table-list .table-list-filter .table-list-filter-options { text-align:left; }
	
	.c-datepicker-date-range-picker.has-sidebar { width:636px!important; }
	.c-datepicker-date-range-picker-panel__wrap { width:50%!important; }
	.c-datepicker-picker { right:0!important; transform:translateX(-10px)!important; }
	.manager-content .table-list .table-list-filter .table-list-filter-options .min-hide { display:inline-block; }
}

@media (min-width:768px){
	.manager-menu .selection { width:auto; }
	
	.manager-content { width:calc(68vw); }
	.manager-form .manager-form-container .manager-form-content .table .col { padding:10px; }
}

@media (min-width:996px){
	.manager-menu .selection { float:right; margin-top:-50px; }
	.manager-content { width:calc(66.664vw - 2vw); }
	
	.manager-content .manager-content-form .manager-content-form-title.min-hide {display:block;}
	
	.manager-content .manager-content-form-left { padding-right:5px; }
	.manager-content .manager-content-form-right { padding-left:5px; padding-top:0; }
	.manager-content .manager-content-form-right .manager-content-authorities { margin-top:40px; }
}

@media (min-width:1200px){
	.manager-content { width:100%; }
	.manager-content .table-list .table-list-filter .table-list-filter-options { text-align:right; }
	
	.manager-content .table-list .overflow-scroll { width:75vw; }
	
	.manager-content .table-list .table-list-filter .table-list-filter-search { display:inline-block; margin-right:20px; }
	.manager-content .table-list .table-list-filter .table-list-filter-search .textbox { margin-right:5px; }
}

@media (min-width:1500px){
	.manager-content .table-list .overflow-scroll { width:78vw; }
}