@font-face{
	font-family:'regular';
	src: url('../styles_fonts/regular.ttf');
}
@font-face{
	font-family:'bold';
	src: url('../styles_fonts/bold.ttf');
}
@font-face{
	font-family:'title';
	src: url('../styles_fonts/title.ttf');
}

*{margin: 0px auto; padding: 0px;}
body{font-family: 'regular', verdana; font-size: 15px; color: var(--text_black); background: var(--bg_base);}
a{color: var(--text_blue); text-decoration: none;}
a.ablack{color: var(--text_black); transition: all 0.2s ease;}
a.ablack:hover{color: var(--text_blue);}
b{font-family: 'bold';}
.bold{font-family: 'bold';}

::-webkit-scrollbar{height: 5px;}
::-webkit-scrollbar-track{background: #d8d8d8;}
::-webkit-scrollbar-thumb{background: #a2a2a2;}
::-webkit-scrollbar-thumb:hover{background: #6d6d6d;}

::-moz-selection {background: #ff7379; color: white;}
::selection {background: #ff7379; color: white;}

div{word-wrap: break-word;}
[contenteditable=true]:empty:before{content: attr(placeholder); display: block; color: silver; cursor: text;}
[setplaceholder=true]:empty:before{content: attr(placeholder); display: block; color: silver; cursor: text;}
input, textarea{box-sizing: border-box; outline: none;}
.input{padding: 10px; border: none; box-shadow: inset 0px 0px 0px 1px var(--bg_silver); border-radius: 10px; width: 100%;}
.input.required{border-bottom: 1px solid var(--bg_red); background: #fff0f0;}
.input:focus{box-shadow: inset 0px 0px 0px 1px #444444;}
.inputLoading{position: relative; overflow: hidden;}
.inputLoading.process:before{content: ''; right: 0px; top: 0px; position: absolute; background-size: cover; height: 36px; width: 36px; background-image: url('../../../images/images_general/loading.gif');}
textarea{font-family: 'regular'; resize: vertical;}
textarea.autogrow{overflow: hidden;}
textarea.desc{font-size: 15px; line-height: 23px;}

.btn{border: none; padding: 10px 20px 11px 20px; cursor: pointer; font-weight: bold; outline: none; transition: 0.2s; position: relative; border-radius: 50px; transition: 0.2s;}
.btn.basic{background: var(--bg_blue); color: var(--text_white);}
.btn.silver{background: var(--bg_silver); color: var(--text_white);}
.btn:disabled{background: #dfdfdf;}

.button_group button{border: 1px solid #27ae60; background: #2ecc71; color: white; padding: 10px 15px; float: left; outline: none; cursor: pointer;}
.button_group button:first-child{border-radius: 5px 0px 0px 5px;}
.button_group button:last-child{border-radius: 0px 5px 5px 0px;}
.button_group button:not(:last-child){border-right: none;}
.button_group button:hover{box-shadow: 0px 0px 7px #27ae60; z-index: 2; position: relative;}
.button_group button:active{background: #27ae60;}
.button_group button span{margin-right: 7px;}
.button_group:after{content: ''; clear: both; display: table;}
.button_group button.active{background: #27ae60;}

.table{border-radius: 5px; overflow: hidden; border: 1px solid #444444;}
.table table{border-collapse: collapse; width: 100%; table-layout: fixed;}
.table table th, .table table td{text-align: left; padding: 10px;}
.table table th.t_no{width: 30px; text-align: center;}
.table table th.t_img{width: 100px; text-align: center;}
.table table th.t_action{width: 100px; text-align: center;}
.table table tr:nth-child(even){background-color: #ececec;}
.table table tr:hover{background-color: #d8d8d8;}
.table table th{background-color: #444444; color: white;}
.table table td img{width: 100%;}
.table_sticky{max-height: 405px; overflow: auto;}
.table_sticky table th{position: sticky; top: 0px;}
.table_header{height: 30px;}
.table_header span{float: right; position: relative; z-index: 1;}
.table_header span:after{content: ''; position: absolute; width: 23px; height: 23px; background: #27ae60; top: 0px; right: 0px; border-radius: 0px 5px 5px 0px;}
.table_header span input{padding: 3px 28px 3px 5px; outline: none; border: 1px solid #27ae60; border-radius: 5px;}
.table_header p{top: 5px; position: relative;}

.description{line-height: 25px; font-size: 17px;}
.description img{margin: 5px auto; max-width: 100%;}
.description p{margin-bottom: 15px;}
.description p.aligncenter{text-align: center;}
.description p.alignright{text-align: right;}
.description pre{overflow: auto;}
.description img, .description iframe{margin: 10px auto;}
.description img{max-width: 100%; display: block;}
.description iframe{width: 100%; height: 400px;}
.description li{margin-left: 15px;}
.description h1{line-height: 40px;}
.description blockquote{padding: 10px 10px 11px 10px; border-left: 2px solid #DFDFE4;}

.bg_white{background: white;}
.bg_black{background-color: #444444;}
.bg_blue{background-color: var(--bg_blue);}
.bg_silver{background-color: var(--bg_silver);}
.bg_silvercalm{background-color: var(--bg_silvercalm);}
.bg_red{background-color: var(--bg_red);}
.bg_green{background-color: var(--bg_green);}

.label1{background: var(--bg_blue); color: var(--text_white);}
.label2{background: var(--bg_purple); color: var(--text_white);}
.label3{background: var(--bg_green); color: var(--text_white);}

.text_white{color: var(--text_white);}
.text_silver{color: var(--text_silver);}
.text_black{color: var(--text_black);}
.text_link{color: var(--text_blue); cursor: pointer;}
.text_blue{color: var(--text_blue);}
.text_green{color: var(--text_green);}

.fz_mini{font-size: 11px;}
.fz_normal{font-size: 13px;}
.fz_medium{font-size: 17px;}
.fz_big, h1{font-size: 20px;}

.desktop{display: unset;}
.mobile{display: none;}

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.border_shadow{box-shadow: 0px 5px 10px #e6e6e6;}
.maxwidth{max-width: 800px;}
.loading{width: 50px; height: 50px;}
.shake{animation: shake 0.5s; animation-iteration-count: infinite;}
.left{float: left;}
.right{float: right;}
.pointer{cursor: pointer;}
.bsfull{background-size: 100%; background-position: center;}
.bscover{background-size: cover; background-position: center;}
.imgfull img{max-width: 100%; display: block; margin: 0 auto;}
.line{height: 2px; background: var(--bg_line);}
.line_mini{height: 1px; width: 50%; background: #eaf2f7; max-width: 150px;}
.list{margin: 5px 0px;}
.list p{margin-bottom: 5px; font-weight: bold;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb40{margin-bottom: 40px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.br{border-radius: 5px;}
.brt{border-radius: 5px 5px 0px 0px;}
.brb{border-radius: 0px 0px 5px 5px;}
.brl{border-radius: 5px 0px 0px 5px;}
.brr{border-radius: 0px 5px 5px 0px;}
.ofh{overflow: hidden;}
.hidden{display: none;}
.opacity{opacity: 0;}
.clear{clear: both;}


.slow, button, input[type="text"], input[type="number"], input[type="checkbox"], input[type="checkbox"]:before, input:checked[type="checkbox"]:before, textarea, select, .table table tr{transition: 0.2s;}