@font-face {
	font-family: 'RM';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/roboto-medium.ttf');
}

@font-face {
	font-family: 'RB';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/roboto-bold.ttf');
}

@font-face {
	font-family: 'RL';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/roboto-light.ttf');
}

@font-face {
	font-family: 'U';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/ubuntu.ttf');
}

@font-face {
	font-family: 'UL';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/ubuntu-light.ttf');
}

@font-face {
	font-family: 'UI';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/ubuntu-italic.ttf');
}

@font-face {
	font-family: 'UM';
	font-style: normal;
	font-weight: 400;
	src: url('/public/default/fonts/ubuntu-medium.ttf');
}

:root{
	--black-50:rgb(0, 0, 0, 0.05);
	--black-100:rgb(0, 0, 0, 0.1);
	--black-200:rgba(0, 0, 0, 0.2);
	--black-300:rgba(0, 0, 0, 0.3);
	--black-400:rgba(0, 0, 0, 0.4);
	--black-500:rgba(0, 0, 0, 0.5);
	--black-600:rgba(0, 0, 0, 0.6);
	--black-700:rgba(0, 0, 0, 0.7);
	--black-800:rgba(0, 0, 0, 0.8);
	--black-900:rgba(0, 0, 0, 0.9);
	--black-color:#000000;

	--yellow-50:rgb(163, 133, 66, 0.05);
	--yellow-100:rgb(163, 133, 66, 0.1);
	--yellow-200:rgb(163, 133, 66, 0.2);
	--yellow-300:rgb(163, 133, 66, 0.3);
	--yellow-400:rgb(163, 133, 66, 0.4);
	--yellow-500:rgb(163, 133, 66, 0.5);
	--yellow-600:rgb(163, 133, 66, 0.6);
	--yellow-700:rgb(163, 133, 66, 0.7);
	--yellow-800:rgb(163, 133, 66, 0.8);
	--yellow-900:rgb(163, 133, 66, 0.9);
	--yellow-color:#a38542;

	--red-50:rgba(156, 0, 0, 0.05);
	--red-100:rgba(156, 0, 0, 0.1);
	--red-200:rgba(156, 0, 0, 0.2);
	--red-300:rgba(156, 0, 0, 0.3);
	--red-400:rgba(156, 0, 0, 0.4);
	--red-500:rgba(156, 0, 0, 0.5);
	--red-600:rgba(156, 0, 0, 0.6);
	--red-700:rgba(156, 0, 0, 0.7);
	--red-800:rgba(156, 0, 0, 0.8);
	--red-900:rgba(156, 0, 0, 0.9);
	--red-color:#9c0000;

	--gray-50:rgba(206, 212, 218, 0.05);
	--gray-100:rgba(206, 212, 218, 0.1);
	--gray-200:rgba(206, 212, 218, 0.2);
	--gray-300:rgba(206, 212, 218, 0.3);
	--gray-400:rgba(206, 212, 218, 0.4);
	--gray-500:rgba(206, 212, 218, 0.5);
	--gray-600:rgba(206, 212, 218, 0.6);
	--gray-700:rgba(206, 212, 218, 0.7);
	--gray-800:rgba(206, 212, 218, 0.8);
	--gray-900:rgba(206, 212, 218, 0.9);
	--gray-color:#ced4da;

	--blue-50:rgba(98, 151, 230, 0.05);
	--blue-100:rgba(98, 151, 230, 0.1);
	--blue-200:rgba(98, 151, 230, 0.2);
	--blue-300:rgba(98, 151, 230, 0.3);
	--blue-400:rgba(98, 151, 230, 0.4);
	--blue-500:rgba(98, 151, 230, 0.5);
	--blue-600:rgba(98, 151, 230, 0.6);
	--blue-700:rgba(98, 151, 230, 0.7);
	--blue-800:rgba(98, 151, 230, 0.8);
	--blue-900:rgba(98, 151, 230, 0.9);
	--blue-color:#6297e6;

	--green-50:rgba(66, 146, 61, 0.05);
	--green-100:rgba(66, 146, 61, 0.1);
	--green-200:rgba(66, 146, 61, 0.2);
	--green-300:rgba(66, 146, 61, 0.3);
	--green-400:rgba(66, 146, 61, 0.4);
	--green-500:rgba(66, 146, 61, 0.5);
	--green-600:rgba(66, 146, 61, 0.6);
	--green-700:rgba(66, 146, 61, 0.7);
	--green-800:rgba(66, 146, 61, 0.8);
	--green-900:rgba(66, 146, 61, 0.9);
	--green-color:#42923d;

	--gray-border:1px solid rgb(207 207 207);
	--color-def:#66585b;
}

a {
	background-color: transparent;
	color:#a38542;
}
a:active, a:hover {
	color: #8c7239;
	text-decoration: underline;
}
b, strong {
	font-weight: 700;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
	padding: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
figure a{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
figure a img{
	max-height: 100%;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
textarea {
	overflow: auto;
	height: auto;
	min-height: 50px;
}
select{
	width: 100%;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}

::-webkit-scrollbar-thumb {
	background-color: #c3a572;
	border: 0px solid transparent;
	cursor: pointer;
	border-radius: 5px;
}
::-webkit-scrollbar {
	background-color: rgba(0, 0, 0, 0);
	width: 10px;
	height: 10px;
}

html, body {
	height: auto;
	font-size: 100%;
	margin:0;
}

body{
	background: #ebebeb;
	color: var(--color-def);
	cursor: auto;
	font-family: 'UL', sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 1rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.mw-25{
	max-width: 25%;
}
.mw-50{
	max-width: 50%;
}
.mw-75{
	max-width: 75%;
}

.fs-01{
	font-size: 0.1rem;
}
.fs-02{
	font-size: 0.2rem;
}
.fs-03{
	font-size: 0.3rem;
}
.fs-04{
	font-size: 0.4rem;
}
.fs-05{
	font-size: 0.5rem;
}
.fs-06{
	font-size: 0.6rem;
}
.fs-07{
	font-size: 0.7rem;
}
.fs-08{
	font-size: 0.8rem;
}
.fs-09{
	font-size: 0.9rem;
}
.fs-10{
	font-size: 1rem;
}
.fs-11{
	font-size: 1.1rem;
}
.fs-12{
	font-size: 1.2rem;
}
.fs-13{
	font-size: 1.3rem;
}
.fs-14{
	font-size: 1.4rem;
}
.fs-15{
	font-size: 1.5rem;
}
.fs-16{
	font-size: 1.6rem;
}
.fs-17{
	font-size: 1.7rem;
}
.fs-18{
	font-size: 1.8rem;
}
.fs-19{
	font-size: 1.9rem;
}
.fs-20{
	font-size: 2.0rem;
}
.fs-40{
	font-size: 4.0rem;
}

.lh-10{
	line-height: 1.0;
}
.lh-11{
	line-height: 1.1;
}
.lh-12{
	line-height: 1.2;
}
.lh-13{
	line-height: 1.3;
}
.lh-14{
	line-height: 1.4;
}
.lh-15{
	line-height: 1.5;
}
.lh-16{
	line-height: 1.6;
}
.lh-17{
	line-height: 1.7;
}
.lh-18{
	line-height: 1.8;
}
.lh-19{
	line-height: 1.9;
}
.lh-20{
	line-height: 2.0;
}

.w-1{
	width:1%;
}
.w-2{
	width:2%;
}
.w-3{
	width:3%;
}
.w-4{
	width:4%;
}
.w-5{
	width:5%;
}
.w-6{
	width:6%;
}
.w-7{
	width:7%;
}
.w-8{
	width:8%;
}
.w-9{
	width:9%;
}
.w-10{
	width:10%;
}
.w-15{
	width:15%;
}
.w-20{
	width:20%;
}
.w-25{
	width:25%;
}
.w-30{
	width:30%;
}
.w-33{
	width:33.333%;
}
.w-35{
	width:35%;
}
.w-40{
	width:40%;
}
.w-45{
	width:45%;
}
.w-50{
	width:50%;
}
.w-55{
	width:55%;
}
.w-60{
	width:60%;
}
.w-65{
	width:65%;
}
.w-70{
	width:70%;
}
.w-75{
	width:75%;
}
.w-80{
	width:80%;
}
.w-85{
	width:85%;
}
.w-90{
	width:90%;
}
.w-95{
	width:95%;
}
.w-100{
	width:100%;
}

.gap-0{gap:0rem;}
.gap-1{gap:0.1rem;}
.gap-2{gap:0.2rem;}
.gap-3{gap:0.3rem;}
.gap-4{gap:0.4rem;}
.gap-5{gap:0.5rem;}
.gap-6{gap:0.6rem;}
.gap-7{gap:0.7rem;}
.gap-8{gap:0.8rem;}
.gap-9{gap:0.9rem;}
.gap-10{gap:1rem;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

p {
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
	display: block;
	width: 100%;
}

header{
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px #d5d5d5;
	flex-shrink:0;
}
.b-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width:1600px;
	margin:0 auto;
	padding: 0 1rem;
}
.b-header-left{

}
.b-header-right{

}
.b-header-logo{
	font-family: UM;
	font-size: 1.8rem;
}
.b-header-logo:hover{
	text-decoration:none;
}

.b-header-user{
	font-size: 1.4rem;
}
.b-header-user-name{
	font-size:1rem;
}


/*loader - begin*/

.b-loader{
	position: relative;
	top: 0px;
	text-align: center;
	left: 0px;
	right: 0px;
	z-index: 1;
	height: 100%;
	font-size: 3rem;
	padding-top: 1rem;
	background-color: rgba(255,255,255,0.5);
}
.b-loader-svg{
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	width: 70px;
	height: 70px;
	margin: auto;
}
.b-loader-svg-middle{
	width: 35px;
	height: 35px;
}
.b-loader-svg-small{
	width: 20px;
	height: 20px;
}
.b-loader-circle{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	stroke: #710f09;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}
@keyframes rotating{
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes dash{
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

/*loader - end*/


.b-main-wr{
	position: relative;
	display: flex;
	width: 100%;
	flex-grow:1;
}
.b-main{
	display: flex;
	width: 1600px;
	margin: 0 auto;
	background-color:#ffffff;
}
.b-main-sidebar{
	flex-shrink: 0;
	width: 220px;
	padding: 1rem;
}
.b-main-cont{
	flex-grow: 1;
	padding: 1rem;
}


.b-bc{
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}
.b-bc-item{
	display: flex;
	align-items: center;
}
.b-bc-item a{

}
.b-bc-spliter{
	margin: 0 0.2rem;
}

.b-left-pages{

}
.b-left-pages-item{
	display: flex;
	align-items: center;
	gap: 0.3rem;
	line-height: 1;
	margin-bottom: 0.5rem;
}
.b-left-pages-item a{
	color:var(--color-def);
}
.b-left-pages-item-sel a{
	text-decoration:underline;
}

.check-item, .check-all{
	/*width: 1rem;
	height: 1rem;*/
	cursor:pointer;
}

.fl-dir-item{

}
.fl-dir-icon{
	font-size: 1.3rem;
	color:var(--black-500);
}
.fl-dir-name{
	font-size: 0.9rem;
	color:var(--color-def);
	display:flex;
	align-items:center;
	gap:0.3rem;
}
.fl-dir-name-text{
	display:flex;
	align-items:center;
	gap:0.3rem;
	flex-grow:1;
}
.fl-dir-name-text input{

}
.fl-dir-name-check ~ .fl-dir-name-link{

}
.fl-dir-name-check ~ .fl-dir-name-text{
	display:none;
}
.fl-dir-name-check:checked ~ .fl-dir-name-link{
	display:none;
}
.fl-dir-name-check:checked ~ .fl-dir-name-text{
	display:flex;
}
.fl-dir-name-check:checked ~ .fl-dir-name-btn{
	display:none;
}

.fl-file-item{

}

.fl-file-icon{

}
.fl-file-name{
	font-size: 0.9rem;
	color:var(--color-def);
	display:flex;
	align-items:center;
	gap:0.3rem;
}

.fl-form{
  display: flex;
  align-items: center;
  gap:0.2rem;
}
.fl-form-left{
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-grow: 1;
}
.fl-form-left select{
	max-width:170px;
}
.fl-form-right{
	display: flex;
  align-items: center;
  gap: 0.2rem;
  justify-content: flex-end;
  flex-grow: 1;
}
.fl-form-right input{
	max-width:250px;
}
.fl-form-search{
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.fl-form-btn{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.fl{
	line-height:1;
}
.fl thead{
	font-size:0.8rem;
	font-family: RB;
}

.fl-tr-item{
	border:1px solid transparent;
}
.fl-tr-drag{
	border:1px solid green;
}
.fl-tr-drop{
	border:1px solid red;
}
.fl-tr-hover{
	background-color: #bababa !important;
}

.fl-th-check{
	width:30px;
}
.fl-th-move{
	width:30px;
}
.fl-th-type{
	width:50px;
}
.fl-th-name{

}
.fl-th-eye{
	width:50px;
}
.fl-th-time{
	width:100px;
}
.fl-th-size{
	width:100px;
}
.fl-th-download{
	width:50px;
}
.fl-th-rename{
	width:50px;
}

.fl-td-center-top{
	vertical-align:middle !important;
}

.fl-final{
  text-align: right;
  padding: 0.5rem;
  font-size: 0.8rem;
  font-family: RB;
}
.fl-final-folder{
	
}
.fl-final-file{
	
}
.fl-form-drop-label{
	border:1px dashed var(--color-def);
}
.fl-form-drop-label-dragover{
	background-color: var(--red-50);
}
.fl-form-drop-item{
	display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.2rem;
  font-size:0.8rem;
}
.fl-form-drop-item img{
	max-width:40px;
}
.fl-form-drop-item-mess{
	flex-grow: 1;
	text-align: right;
}

.fl-move{
	cursor:move;
	color:var(--black-500);
	font-size: 1.3rem;
}
.fl-move:hover{
	color:var(--black-700);
}

.b-nav{
	margin: 1rem 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1rem;
}
.b-nav-item{
	min-width: 27px;
	text-align: center;
	background-color: #f9f9f9;
	padding: 0.1rem;
	color:var(--color-def);
}
.b-nav-selected{
	color: var(--red-color);
	border: 1px solid var(--red-color) !important;
}


footer{
	flex-shrink:0;
}

.b-toast{
	z-index: 10000;
	right: 0;
	bottom: 0;
}
.b-toast .toast{
	min-width:200px;
}

.ajax-dl-block{

}
.ajax-dl-form{

}
.ajax-dl-submit{

}
.ajax-dl-info{

}
.ajax-dl-process{
  margin-top: 0.5rem;
}
.ajax-dl-file-item{
  font-size: 0.9rem;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ajax-dl-file-item img{
  max-width: 50px;
}


@media only screen and (min-width: 1600px){

}

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1100px){

}

@media only screen and (max-width: 1000px){

}

@media only screen and (max-width: 800px){

}

@media only screen and (max-width: 768px){

}

@media only screen and (max-width: 580px){

}

@media only screen and (max-width: 480px){

}

@media only screen and (max-width: 400px){

}