@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:'light';
src: url('../styles_fonts/light.ttf');
}
@font-face{
font-family:'title';
src: url('../styles_fonts/title.ttf');
}

*{margin: 0px auto; padding: 0px;}
body{font-family: 'regular', verdana; font-size: 14px; color: #1e2b37; background: var(--bg_base);}
a{color: var(--text_link); text-decoration: none;}
a.ahover{color: var(--text_white); transition: all 0.2s ease;}
a.ahover:hover{color: var(--text_link);}
b{font-family: 'bold';}
.bold{font-family: 'bold';}

::-webkit-scrollbar {width: 5px; height: 5px;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background: #cacaca;}
::-webkit-scrollbar-thumb:hover {background: #9d9d9d;}

::-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; border: 1px solid var(--bg_line); border-radius: 10px; width: 100%;}
.input:focus{border-bottom: 1px solid var(--bg_green);}
textarea{font-family: 'regular'; resize: vertical;}
textarea.autogrow{overflow: hidden;}

.btn{border: none; padding: 9px 15px 10px 15px; font-family: 'bold'; border-radius: 50px; cursor: pointer; outline: none;}
.btn.btn_full{width: 100%;}
.btn.basic{background: var(--bg_red); color: var(--text_white);}
.btn.redLine{background: var(--bg_white); color: var(--text_red); box-shadow: inset 0px 0px 0px 1px var(--bg_red);}
.btn.btn_green{background: var(--bg_green); color: var(--text_white);}
.btn.btn_blue{background: var(--bg_blue); color: var(--text_white);}
.btn[disabled=disabled], .btn:disabled{background: #f3f3f3;}

.inputGrid{display: grid; grid-gap: 15px; align-items: center;}
.inputGrid.col2{grid-template-columns: 1fr 1fr;}
.inputGrid > div{width: 100%;}

.button_group button{border: none; background: var(--bg_green); color: var(--text_white); padding: 10px 20px; float: left; outline: none; cursor: pointer;}
.button_group button:first-child{border-radius: 10px 0px 0px 10px;}
.button_group button:last-child{border-radius: 0px 10px 10px 0px;}
.button_group button:not(:last-child){border-right: 1px solid #005c61;}
.button_group button:hover{box-shadow: 0px 0px 7px var(--bg_green); z-index: 2; position: relative;}
.button_group button:active{background: var(--bg_greencalm);}
.button_group button span{margin-right: 7px;}
.button_group:after{content: ''; clear: both; display: table;}
.button_group button.active{background: var(--bg_greencalm);}

.table{border-radius: 5px; overflow: hidden; border: 1px solid var(--bg_green);}
.table table{border-collapse: collapse; width: 100%; table-layout: fixed; border-radius: 5px 5px 0px 0px;}
.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: #eafeff;}
.table table tr:hover{background-color: #c3e7e8;}
.table table th{background-color: var(--bg_green); color: var(--text_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: 15px;}
.description img{margin: 5px auto; max-width: 100%;}
.description p{margin-bottom: 15px;}
.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: 40px;}
.description h1{line-height: 40px;}
.description blockquote{padding: 10px 10px 11px 10px; border-left: 2px solid #DFDFE4;}

.bg_white{background: white;}
.bg_blue{background-color: #00046f;}
.bg_silver{background-color: #e7e7e7;}
.bg_red{background-color: #ed1c24;}

.text_white{color: white;}
.text_silver{color: silver;}
.text_black{color: #1e2b37;}
.text_blue{color: #17abdf;}
.text_green{color: var(--text_green);}
.text_red{color: #ed1c24;}

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

.border_shadow{box-shadow: var(--shadow);}
.maxwidth{max-width: 750px;}
.loading{width: 50px; height: 50px;}
.shake{animation: shake 0.5s; animation-iteration-count: infinite;}
.left{float: left;}
.right{float: right;}
.info{padding: 10px; text-align: center;}
.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; font-size: 15px;}
.p15{padding: 15px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb25{margin-bottom: 25px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.br{border-radius: 10px;}
.brt{border-radius: 10px 10px 0px 0px;}
.brb{border-radius: 0px 0px 10px 10px;}
.brl{border-radius: 10px 0px 0px 10px;}
.brr{border-radius: 0px 10px 10px 0px;}
.ofh{overflow: hidden;}
.hidden{display: none;}
.opacity{opacity: 0;}
.clear{clear: both;}

.superslow{-webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; -o-transition:all 1.5s ease;}
.slow, #menu .items .option span, .button_group 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;}