@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.display_none{display:none;}
body { margin:0; padding:0;font-family: 'Nanum Gothic', nanum, serif}
a:link, a:visited, a:hover, a:active { text-decoration: none; -webkit-tap-highlight-color:transparent; color: inherit}
img{object-fit:cover; object-position:center; border: 0;}
.bold{font-weight: bold;}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}
.m_row{min-height: 65px;}
.font14{font-size: 14px!important;}
.c_table .checkbox {
    margin-left: 0;
}
.width_50p {
    width: 50% !important;
}
.red {
    color: red!important;
}
.blue {
    color: navy!important;
}
.new_tr {
    display: none;
}
.update_form {
    display: none;
}
.pagination {
    width: 100%;
    text-align: center;
}
.mobile .pagination a{
    margin:5px;
}
.pagination a {
    margin: 10px;
}
.img_upload {
    display: none !important;
}
.dropdown {
    list-style-type: none;
}
.tag_btn, .tag_btn_add {
    margin: 2px 2px 0 0;
}

.login_body {
    text-align: center;
   /* background: url("/img/login_bg.jpg") no-repeat 50% 50% ;*/
    background-size: cover;
}
.top_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}
.inner_bg .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.inner_bg .container:before {
    display: table;
    content: " ";
}
.form-top {
    overflow: hidden;
    padding: 0 35px;
    background: white;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
}
.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
    color: #fff;
}
.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #fff;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
    margin-top: 25px;
}
.form-top-right i {
    margin-right: 25px;
}
.form-bottom {
    padding: 1px 35px 30px 35px;
    background: #444;
    background: white;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}
.form-bottom .form-group input{color:#222;}
.floater {float:left; height:40%; margin-bottom:-120px;}

.login_btn {
    width: 100%;
    background-color: #153456 !important;
    border: none;
    color: #fff;
}
.login_btn:hover {
    opacity: 0.3;
    background-color: #203466;
    border: none;
    color: #fff;
}

.login_wrap {
    left: 0px;
    top: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    z-index: -999999;
    position: fixed;
}
.login_wrap img {
    position: absolute;
    margin: 0px;
    padding: 0px;
    border: none;
    /*width: 100%;*/
    height: 100%;
    max-height: none;
    max-width: none;
    z-index: -999999;
    left: -97px;
    top: 0px;
}
.add_admin {
    padding: 2px 30px;
    font-size: 25px;
}
.admin_name_wrap label {
    width: 100%;
}
.admin_name_wrap div {
    display: inline-block;
}
.admin_name_wrap div input {
    float: left;
}
.admin_name_wrap div button {
    height: 40px;
}
.admin_pwd_wrap input {
    width: 85%;
}
.admin_pwd_wrap button {
    height: 40px;
}
.simple_hidden {
    display: none;
}
.wrong_pwd {
    width: 100%;
    font-weight: 800;
}
.right_pwd a {
    border-bottom: 1px solid;
}
.version_wrap input {
    float: left;
}
.version_wrap button {
    height: 40px;
}
.version_ver {
    margin-bottom: 15px;
}
.version_rev {
    margin-top: 15px;
}

.tf_search div:first-child {
    float: left;
    margin-bottom: 10px;
    width: 50%;
}
.tf_search div:last-child {
    line-height: 40px;
}
.btn_search_get, .btn_search, .btn_push_frm {
    cursor: pointer;
}
.btn_search_get i {
    width: 33px;
    font-size: 20px;
}
.btn_order i {
    font-size: 20px;
}
.tag_header {
    display: inline-block;
    width: 100%;
}
.tag_header div:first-child {
    float: left;
}
.tag_header div:last-child {
    margin-top: 10px;
}
.current_wrap img {
    width: 100%;
}
.icon_copy {
    font-weight: 800;
    font-size: 18px;
}
.btn_search {
    margin-left: 10px;
}
.btn_push i, .btn_push_frm i {
    font-size: 25px;
    font-weight: 800;
}
.f_left {
    float: left;
}
.d_inline_block {
    display: inline-block;
}
.wrap_copy_btn button {
    padding: 0 !important;
}

.form-group input{color: #222222; padding: 0px 10px;}
.card .form-group input{color: #222222; padding: 0px 10px;}
.card .form-group textarea{color: #222222; padding: 0px 10px;}
.form-bottom button{opacity: 1;background-color: #203466}
.form-bottom button:hover{opacity: 0.7;background-color: #203466}
.sidebar .logo {text-align: center; padding:10px; background-color:#ffffff}

table.table td{font-size: 12px;    color: #666666;}
table.table thead tr th{font-size: 12px;    background-color: #545454;    padding: 8px;font-weight: bold; padding-top: 10px; padding-bottom: 10px;
    color: white;}
table.table tbody tr:hover{background-color: #eff1fe}
table.table.mini thead tr th {font-size:11px; background-color: #fff; color:#001c66; padding:3px;}
.center{text-align: center;}
.pointer{cursor: pointer;}

.pagination a {padding:4px 0.6em; background-color: #001c66; color:#fff; border-radius: 5px;}
.pagination a:hover {color:#fff; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.pagination a.none{pointer-events: none;cursor: default;background-color: #a9afbb;}
.pagination a.semi{background-color: rgba(0, 28, 102, 0.5);}
.pagination a.semi:hover {background-color: #001c66;}

.add_btn {background-color: rgba(255, 255, 255, 0.2); float: right;padding: 9px 12px;margin: 3px; width: 90px; cursor: pointer; color: rgba(252, 252, 252, 0.95)
    ; border-radius: 15px;}
.add_btn:hover{background-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.add_btn.color {border-radius:5px; background-color: #203466; float: right;padding: 9px 12px;margin: 3px; width: 90px; cursor: pointer; color: rgba(252, 252, 252, 0.95)}
.add_btn.color:hover{background-color: rgba(32, 52, 106, 0.9);box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);}
.add_div {background-color: rgba(255, 255, 255, 0.15); float: right;padding: 9px 12px;margin: 3px; width: 250px; color: rgba(252, 252, 252, 0.95)}
.add_btn i {font-size: 24px;float: left;margin-right: 4px;line-height: 30px;width: 30px;text-align: center;}
.add_btn p {line-height: 30px;margin-bottom: 0}
.add_btn span {line-height: 30px;margin-bottom: 0}
.mobile .add_btn {background-color: rgba(255, 255, 255, 0.2); float: right;padding: 4px 10px; margin: 3px; width: 90px; cursor: pointer; color: rgba(252, 252, 252, 0.95)
    ; border-radius: 15px;}
.mobile .add_btn i {font-size: 16px;float: left;margin-right: 4px;line-height: 30px;width: 30px;text-align: center;}
.close_btn {float: right;padding: 9px 12px;margin: 3px;}

.card-stats .add_btn{color: #c0c1c2; padding:0;width:62px;margin: -3px 2px 20px 0; }
.card-stats .add_btn.color{background-color: #001c66; color: #FFF; padding:5px;width:76px;margin: -3px 2px 20px 0; box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 0, 0, 0.2) }
.card-stats .add_btn i{font-size:16px;margin:0;}
.card-stats hr{margin: 15px 0;}
.card-stats.main .category{font-size: 15px; color: #c0c1c2!important;padding:3px;margin-top:30px;}
.card-stats.main .card-content{height: 80px;}
.card-stats.main .card-footer{padding:18px 0 8px 0;}
.title i{position: relative; top:4px;font-size: 16px;}

input.hidden{display:none}

.card-content i{font-size: 24px;float: left;margin-right: 13px;line-height: 21px;width: 30px;text-align: center;}
.card-content i:hover {color:#001c66;}
.card-content i.sm{font-size: 15px;float: left;margin-right: 4px;line-height: 19px;width: 15px;text-align: center;}

.card-content.non_active

.row div.radio{display:inline-block;}
.date_picker_area{display: inline-block; padding-left: 20px; margin-top:-10px; margin-bottom: -14px; opacity: 0;}
.price_area{display: inline-block; padding-left: 20px; opacity: 0; margin-top:-10px; margin-bottom: -14px;}
.date_picker_label{display: inline-block; padding-left: 20px;}
.date_picker img{width:35px!important;height: 31px!important;     float: right;
    margin-top: -40px;
}

.date_picker_area .radio_col {float: none!important; display: inline-flex;width:170px!important;}
.price_area .radio_col {float: none!important; display: inline-flex;width:170px!important;}
.radio_col span {width:inherit;}
.date_picker_area .radio_col input {width:105px; display: inline-block}
.price_area .radio_col input {width:150px; display: inline-block}
.radio_col .material-input {display:none;}

textarea.part{border: 2px solid #eaeaea !important;margin-top:14px; height: 112px!important; cursor: not-allowed}

.part_type .btn.on{background-color: #222222;}
/*.mfp-content{width:450px!important;}*/
.search_popup form{margin-left: 20px;}
.search_popup button{margin-left:30px;line-height: 9px;}
.search_popup .result_div button{margin-left:0;}

.list_search_popup form{margin-left: 20px;}
.list_search_popup button{margin-left:30px;line-height: 9px;}
.list_search_popup .result_div button{margin-left:0;}

.result_div{display:none;}
.result_div td{padding:0!important;}
.result_div .card-content{height: 330px;overflow-y: scroll; }

.img_wrap {height: 200px; box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 0, 0, 0.2)  }
.row .btn-sm{padding :0;}

.img_wrap div {position: absolute;text-align: center;color: #001c66;top: 44%;opacity: 0;left:33%;font-size: 15px;font-weight: 700;}
.img_wrap:hover div {opacity: 1;}
.img_wrap{min-width:225px}
.preview:hover{opacity: 0.2;cursor: pointer;}

.popup_wrap{position: relative;width: auto;margin: 20px auto;max-width: 600px;}
.search_popup{position: relative;width: auto;margin: 20px auto;max-width: 450px;}
.list_search_popup{position: relative;width: auto;margin: 20px auto;max-width: 450px;}

.drop_account{padding:12px; width:300px;font-weight: bold;}
.drop_account p{float: right}
/* .dropdown-menu li:last-child{float: right} */

button.close{font-size: 25px;}
div.alert{ z-index: 1043!important;}

.update-btn{position: absolute;bottom: 13px;right: 20px;}
.ios .card-header{width:86px; height: 86px; padding: 28px!important;}

.content.index {margin: 0 200px;}
.content.main {margin: 0 100px;}

.material-icons.m{font-size: 20px;}
img.pre{height: 207px!important;}
.form .btn{margin-top:20px;}
.form label.select{font-size:11px; margin-bottom:-15px;}

.btn-file>input {    
	position: absolute;
    top: 0;
    right: 0;
/*     width: 100%; */
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr;
}
.btn.btn-color2{ background-color:#7BA87B;width:100%;}
.btn.btn-color2:hover { background-color:#7BA87B}

.btn.btn-line { background: #fff; color:#888; border:1px solid #aaa;padding:8px; width:100%; font-weight: 600;margin-top:5px;}
.btn.btn-line i {float: none;top:0;line-height: 13px;width:20px; font-size:26px;}

.btn.btn-color{ background-color:#134073;width:100%;}
.btn.btn-color.btn-upload{background-color:#D2691E}
.btn.btn-color:hover { background-color:#1E3269;
	 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.btn.btn-color.disable{ background-color:#c0c0c0;width:100%;}

.excel_txt{text-align: right; padding: 20px;}
.excel_txt img.excel_icon{width:24px;height:24px;display: none; margin-right: 10px;}
/* .btn.btn-upload{display:none;} */
.drop_file{
	    border: 2px dashed #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    font: 20pt bold 'Vollkorn';
    color: #bbb;
}
.preview_img td img {height:50px; width:40px;}
.card .table tr:first-child.preview_img td{border-top:2px solid #bbb}
.preview_img td {padding:10px; border: 2px solid #bbb; font-size:12px!important; font-weight: 800;}
.font-red {color:red}
.dropzone{text-align: left;}

.dropdown i {float:none;vertical-align: middle;}
th.dropdown.open i{transform: rotate(180deg);}
.card .student_img{
	width: 100%;
    max-width: 210px;
    min-width: 120px;
    height: auto;
    margin-top: 30px;
    min-height: 160px;
    max-height: 280px;	
    text-align: center;
    cursor: pointer;
}
.card .student_img.default_img{
background: url("/image/student_no_img_error.jpg") no-repeat; 
    background-size: 210px 280px;
}

.card .col-form-label{
    padding: 17px 5px 0 0;
    text-align: right;
}
.card form.form [class*="col-"].col-form-label{
    padding: 17px 5px 0 0;
    text-align: right;
}
.card form.form [class*="col-"] {padding:0 6px;}
.card form.form [class*="col-"]:last-child{padding-right:6px;}
.form-group.bmd-form-group .form-control {
    margin-bottom: 0px;
}
.form-group.bmd-form-group {margin: 8px 0 0;}
.bmd-form-group .bmd-help {
    margin-top: 0;
    font-size: 1.2rem; color:#bd1b1b;
}
.bmd-form-group .form-control, .bmd-form-group input::placeholder, .bmd-form-group label {
    line-height: 1.1;
}
.bmd-help {
    position: absolute;
    display: none;
    font-size: .8rem;
    font-weight: 400;
}

.bmd-form-group.is-focused .bmd-help{display:block;}

.bmd-form-group .bmd-pwd {
    margin-top: 0;
    font-size: 1.2rem; color:#bd1b1b;
}
.bmd-form-group .bmd-pwd.good{
    margin-top: 0;
    font-size: 1.2rem; color:#00d900;
}
.bmd-pwd {
    position: absolute;
    display: none;
    font-size: .8rem;
    font-weight: 400;
}
.bmd-form-group.is-focused .bmd-pwd{display:block;}


.sidebar .nav.sub, .off-canvas-sidebar .nav.sub{margin-top:0px; margin-left:25px;}

.sidebar .nav .caret {margin-top: 13px;    position: absolute;    right: 15px;}
.sidebar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.btn-group.bootstrap-select.open .caret, .dropdown.open .caret, .dropup.open .caret, a[aria-expanded=true] .caret, a[data-toggle=collapse][aria-expanded=true] .caret {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg);
}

a.collapse.in{ background-color:#151617;}
.empty {height: 500px; text-align: center;}
.card-content.table-responsive{min-height: 500px;}
.dropdown-menu li > a.active{background-color: #001c66;color: #FFFFFF;}
.dropdown i.active{background-color: #001c66;color: #FFFFFF;border-radius: 18px;}
.card-content .dropdown i {
    margin-left: 4px;
    margin-right: -20px;;
    line-height: 20px;
    width: 24px;
}
.search_btn{ position: absolute;	right: 0;	top: 24px; z-index:2}
.radio_area{ margin-top:10px;}
.search_pop{position:absolute;width:100%;z-index:5}
.list_search_pop{position:absolute;width:120%;z-index:5;left:-10%;height: 100%; top:0;background-color: #ddd;
	border: 3px ridge #eee;border-radius: 10px;box-shadow:0px 0px 30px 50px rgba(0, 0, 0, 0.22);}
.list_search_pop.custom{height: 620px;top: -80px;}	
.list_search_pop.mobile{width:100%;left:0;height: 100%; top:-7%;background-color: #ddd;
	border: 0px solid #eee;border-radius: 10px;box-shadow:0px 0px 30px 50px rgba(0, 0, 0, 0.22);}
.search_pop.inner_pop{margin:20px 120px;    border: 1px solid #999999; border-radius: 32px;min-height: 450px;}
.list_search_pop.inner_pop{margin:20px 120px;  min-height: 450px;}
.btn_div{border: 1px solid #1E3269; border-radius: 10px; cursor: pointer; text-align: center; width:60px;}
.table.sm_table td{padding:8px 3px} 

.link_tr td{cursor: pointer;}
.card img.more_img{width:42px;height: auto;}
.card img.close_img{width:42px;height: auto;}
.load_more{cursor:pointer;color:#666}

.imgSelect {
	cursor: pointer;
}

.popup_layer {
	position: absolute;
	display: none;
	background-color: #ffffff;
	border: solid 1px #d0d0d0;
	width:auto;
	max-width: 200px;
	min-width: 155px;
	height: 65px;
	padding: 10px;
	cursor: pointer;
	line-height: 21px;
}
.popup_layer label{cursor: pointer;}
.popup_layer .close_layer {
	cursor: pointer;
    font-size: 20px;
	position: absolute;
	top: 10px;
	right: 10px
}
.popup_layer i{
	font-size: 17px;
    float: left;
    margin-right: 0px;
    width: 23px;
    line-height: 17px;
    text-align: left;
}
.mark .popup_layer {
	margin-left:25px;
	z-index:5
}   
.second_title{margin:15px 10px 0 20px; padding:5px;border-bottom:2px solid #1E3269;}
.second_title strong{font-size: 24px; color:#1E3269;}

..mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  opacity: 0;

}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  opacity: 0;
}

.loading {
	display:none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	background: #0b0b0b;
    opacity: 0.8;
	z-index: 99;
	text-align: center;
}

.loading-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

div.collapse.in {
	display: block;
	background-color: #151617;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #424242;
	padding: 0px;
}


.togglebutton .btn{margin:0;border-radius: 0;}
.togglebutton .btn:first-child{border-radius:10px 0px 0px 10px;padding:8px 12px;}
.togglebutton .btn:last-child{border-radius:0px 10px 10px 0px;margin-left:-5px;border-left: 1px solid #808080;padding:8px 12px;}
.togglebutton .btn.on{background-image:linear-gradient(to bottom,#427fc3  ,#06203e 100%);background-size: 1px;}

.togglebutton .btn:hover{
  background-position:-100px 0;
  transition:background-position 1s ease;
}

.dropdown.list .dropdown-menu{background-color:#EFF2FF!important;}
.dropdown.list li{
	    font-size: 13px;
    padding: 10px 10px;
    margin: 0 5px;
    border-radius: 2px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    cursor:pointer;
}
.dropdown.list li:hover,
.dropdown.list li:focus,
.dropdown.list li:active {
  background-color: #001c66;
  color: #FFFFFF;
}
.resn_cd {
	margin-left:-3px;
	width:160px;
	background-color:#EFF2FF;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);
	padding:10px 15px;
}
.caret.right{
	float:right;
	margin-top:6px;
}
.card hr{
	margin-top: 14px;
    margin-bottom: 14px;
    border: 0;
    border-top: 2px dashed #cecece;
}

.mobile{
	background-color:#fff;
}
.mobile .title{
	padding:5px 10px 5px 0px;
	font-weight: bold;
	font-size:20px;
	margin-top:15px;
}
.mobile strong{font-size:14px;}
.mobile .second_title{border:0; float:right; text-align: right;padding-top:10px;margin:15px 0 0 0;}
.mobile ul{padding:10px;min-height:100px; border:1px solid #dcdcdc; border-radius: 8px;margin:8px; background-color:#fff;
				box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;}
.mobile ul div.name{     font-size: 14px;    display: inline;    font-weight: bold; margin-left: 3px;}

.mobile li{display: block; min-height:50px; }
.dropdown.open .dropdown-menu{
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    margin-top: 0px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 29px -50px;
    -moz-transform-origin: 29px -50px;
    -o-transform-origin: 29px -50px;
    -ms-transform-origin: 29px -50px;
    transform-origin: 29px -50px;
}

.dropdown.list .dropdown-menu {
    background-color: #EFF2FF!important;
}
.dropdown .dropdown-menu{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-top: -20px;
    visibility: hidden;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}
.mobile .togglebutton{    display: inline-block;    /* float: right; */    min-width: 137px;    clear: both;    margin-top: 25px;}
.mobile .btn{padding:9px 22.5px;     box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);}
.mobile .dongho{   
	color: white;
	display: inline-block;
    padding: 2px 12px;
    background-color: #4CAF50;
    font-size:12px;
    border-radius: 10px;
    margin-right:0px;
}
.mobile .card-content .dropdown{
	float:right;
	width:130px;
	    margin-top: 27px;	
}
 
.mobile .resn_cd{
	font-size:12px;
	width:130px;
	padding:4px 15px;
	    background-color: #ffffff;
	
}

.mobile .resn_cd.readonly{    pointer-events: none; opacity:0.5}

.mobile .dropdown .selected{padding:10px;}
.mobile .dropdown.list .dropdown-menu{
	margin:-4px 0 0 -3px;
	min-width:130px;;
	width:120px;
	padding:5px;
}
.mobile .dropdown-menu li{
	font-size:12px;
	padding:5px;
	border-bottom:1px solid #dcdcdc;
}
.mobile .card-content{
	background-color: #edeef3;
	border: 1px solid #e3e3e3; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    min-height: 300px;
}
.mobile .selectbox{
	float: left;
    width: 50%;
    border: 1px solid rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.mobile .card .card-header {border-radius: 0px;}

.mobile .card-header li{
	
}
.mobile .empty{
	height: 50%;
	min-height: 50%;
	padding-top:120px;
}
.moble .disable_drop{
	color:#eee;
}
.mobile .m_title{
	font-weight: bold;
	font-size:16px;
	text-align: center;
	
}
.mobile .form-group{margin:0; padding-bottom:0;}

.btn_bell{    background-color: #0d3b70;    border-color: #2e6da4;    background-image: linear-gradient(to bottom,#337ab7 0,#0d3b70 100%) !important;     box-shadow: none !important;}
.btn_bell i{font-size:16px; float:none;margin-right:0}
.btn_bell span{font-size:18px;}

.penaly_score{font-size:12px;margin-top:8px;margin-bottom:2px}
.penaly_info{font-size:12px; margin-top: 4px;letter-spacing: -1px; color: #999999;margin-left:4px;}

.mobile .circle_blue{background-color:#337ab7;  padding:5px 10px; border-radius:10px;    font-size: 12px;
-webkit-border-radius:10px;  -moz-border-radius:10px; min-width: 45px;   max-width: 70px;  text-align: center;    display: inline;color:white}
.mobile .circle_green{background-color:#42c774;  padding:5px 10px; border-radius:10px; min-width: 45px; max-width: 70px;    text-align: center;    display: inline;color:white;     font-size: 12px;
-webkit-border-radius:10px;  -moz-border-radius:10px}
.mobile .circle_red{background-color:#ca4343;  padding:5px 10px; border-radius:10px;min-width: 45px;  max-width: 70px; text-align: center;    display: inline;color:white;     font-size: 12px;
-webkit-border-radius:10px;  -moz-border-radius:10px}

.circle_blue+span{color:#337ab7; margin-left: 3px;}
.circle_red+span{color:#ca4343;margin-left: 3px;}

.mobile hr {margin-top:10px;margin-bottom:10px; border-top: 1px solid #ccc;}

tr.unused {background-color: #ffe8e8;}
tr.unused:hover {background-color: #ffe8e8!important;}
.btn.create_room, .btn.update_room{height: 40px; line-height: 40px; padding: 0; margin-top: 10px; text-align: center;}
.mode_change.on{background-color: #D2691E!important;}
.modifying{float: right; display: none; color: red;}
.drag_div {background-image: url("/image/back_seat.png"); width: 500px; height: 500px; position: relative;}
.drag_div2 { width: 670px; height: 670px; position: relative;}
.unset_div{height: 497px; background: url(/image/back_div.png); margin: 14px 18px -26px 18px;}

.drag_form {
	background-color: #eee;
	border: 1px solid #aaa;
	border-radius: 30px;
	max-width: 555px;
	min-width: 555px;
	height: 550px;
	position: relative;
	z-index: 2;
}

.drag_form2 {
    background-color: #eee;
    border: 1px solid #aaa;
    border-radius: 30px;
    max-width: 705px;
    min-width: 705px;
    height: 710px;
    position: relative;
    z-index: 2;
}



.x10y10 .draggable {
	width: 45px;
	height: 45px;
	position: absolute;
	border-radius: 10px;
}

.x15y15 .draggable {
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 10px;
}

.x25y25 .draggable {
    width: 21px;
    height: 21px;
    position: absolute;
    border-radius: 6px;
}

.box_label label{
	padding:5px;
	position: absolute;
}
.box{
	width: 20px;
	height: 20px;
	border-radius: 7.5px;
}
.draggable ,.box{
	background-color: rgba(81, 159, 255, 0.5);
	border: 1px solid #555;
	margin: 5px 3px;
	display: inline-block;
	text-align: center;
    padding-top:3px;
    font-weight: 600;
    overflow: hidden;
}
.draggable.unset ,.box.unset{background-color: rgba(223, 179, 179, 0.49)}
.draggable.out ,.box.out{background-color: rgba(238, 255, 97, 0.5)}

.draggable.attendance_check ,.box.unset{background-color:  #aeee6f}
.draggable.attendance_absence ,.box.unset{background-color: #ff2626}


.draggable.is-pointer-down {
	background: #09F;
}

.draggable.is-dragging {
	opacity: 0.7;
}

.zoom_form {
	background-color: #eee;
	border: 1px solid #aaa;
	border-radius: 30px;
	max-width: 1600px;
	min-width: 1600px;
	height: 1010px;
	position: relative;
	z-index: 2;
	margin: 10px;
}

.x10y10 .zoomseat {
	width: 45px;
	height: 45px;
	background: #F90;
	border-radius: 10px;
	margin: 5px 3px;
	display: inline-block;
	position: absolute;
}


.x15y15 .zoomseat {
	width: 91px;
	height: 52px;
	border-radius: 10px;
	padding: 4px 6px;
	margin: 5px 3px;
	display: inline-block;
	position: absolute;
	background-color:rgba(81, 159, 255, 0.7);
	border: 1px solid #555;
    overflow: hidden;
}



.zoomseat.unset ,.box.unset{background-color: rgba(223, 179, 179, 0.49)}
.zoomseat.out ,.box.out{background-color:  rgba(238, 255, 97, 0.5)}

.zoomseat div {
	font-size: 16px;
	min-height:18px;
}

.zoomseat .seat_num {
	font-weight: bold;
}

.zoomseat .seat_name {
	float: right;
}

.zoomseat .seat_dorm {
	width:100%;
	text-align: right;
	font-size:14px;
}
.zoomseat .seat_sttus {
	font-size:14px;
	width:100%;
	text-align: right;
}
.zoomseat .seat_return {
	font-size:13px;
	letter-spacing: -1px;
	text-align: right;
}
.zoomseat .seat_label {
	letter-spacing: -1px;
	font-size:13px;
	float: left;
}


.zoomseat.is-pointer-down {
	background: #09F;
}

.zoomseat.is-dragging {
	opacity: 0.7;
}

@media (min-width: 720px){
	.top_nav_inner{display:none;}
}

@media (max-width: 720px){
	.navbar .navbar-toggle.middle-toggle{display:none!important;}
	.middle-toggle img{display:none;}
	.top_nav{height:auto;background-color:#0d3b70;width:100%; }
	.top_nav_inner{text-align:center; padding: 12px;background:  url('/image/m/bg_mobile.png') no-repeat 0 0; background-size:100%}
	.top_logo img {width:160px}
	.top_back{position:absolute;left:5%}
	.top_back img{width:24px}
	.top_nav_main{background: url(/image/m/bg_mobile_main.png) no-repeat 0 0; background-size: 100%; height:150px}
	.openmenu{position:absolute;right:5%;top:2%;}
	.openmenu2{position:absolute;left:5%;top:2%;}
	.openmenu img{width:24px}
	.navbar-header .top_nav_inner .navbar-toggle{margin-top:0;background: none;position: absolute;right: 3px;top: -3px;}
}
.unset_seat_form{
	background-color: #eee;
    border: 1px solid #aaa;
    border-radius: 30px;
    width: 270px;
    height: 550px;
    margin-top: -1px;
}

.middle-toggle img{
	width: 30px;
    top: 10px;
    right: -6px;
    position: absolute;
}

.seat_btn, .seat_rent_btn{
    position: absolute;
    right: 0;
    border: 1px solid #999;
    top: 2px;
    background-color: #999;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
}

.seat_name_btn{
    position: absolute;
    right: 0;
    border: 1px solid #999;
    top: 2px;
    background-color: #999;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
}

.mobile .m_select  {
	padding: 3px;
	width: 50%;
	border: 1px solid rgba(0, 0, 0, 0.26);
	display: inline-block;
	height: 45px;
	background-color: #fff;
}
.mobile .m_select.none{
	color: #bbb;
	
}
.excel_select { 
	float: right;
    width: 250px;
}
.excel_select select{width:200px;}
.card .excel_select img {
	width: 26px;
	height: 26px;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	cursor:pointer;
}
.row_select{
	float: left;
    width: 250px;
}
.student .form-group{
	padding-bottom:0px;
}
.recent_consult label{
	    float: left;
    white-space: nowrap;
    padding-left:15px!important;
}
.recent_consult table > tbody> tr > td{
	padding:8px;
}
.recent_consult form{
	margin-bottom: 0px;
}
.recent_consult .btn{
	float:right;
    padding: 4px 0!important;
    width:150px;
    margin-right: 10px;
}
.parent_form{
 	border-left: 2px dashed #cecece; 
	padding-right: 50px;
	height: 320px;
	padding-right: 45px!important;
}
.parent_form .btn{
	width:30%;
	padding:4px 0!important;
	margin-top:30px;
}
table .mark{
	background-color: #ffe5e5;
}
.counter {
    position: absolute;
    font-size: 26px;
    padding: 10px;
    color:#134073;
    z-index:1;
    cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.counter.counter-minus{
	font-size:40px;
}
.counter.counter-plus{
	right:0px;
}
.inner-header .tab{
	background-color: #ccc;
    color: #555;
    display: inline-block;
    padding: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 125px;
    text-align: center;
    font-size: 13px;
    opacity:0.4;
    cursor: pointer;
    font-weight: 600;
}

.inner-header .tab.active, .inner-header .tab:hover{
	opacity:1;
	background-color: #fff;
}

.inner-content {
    position: absolute;
    padding: 10px;
    height: 550px;
    width: 98.7%;
    background-color: #fff;
    box-shadow: 7px 4px 10px 1px rgba(0, 0, 0, 0.14);
}
.inner-content .list-group{
	max-height: 500px;
	overflow-y: auto;
	box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.10);

}

.inner-content .list_head{
	padding: 3px 6px;
    font-size: 13px;
    font-weight: 600;
}

.inner-content .list_head .check_all{
	cursor: pointer;
    float: right;
    padding: 3px 14px;
    font-size: 12px;
    width: 110px;
    margin: -7px -5px 0 0;
}
	
.inner-content .list_head .check_all i{	
    vertical-align: text-bottom;
    font-size: 20px;
    margin-left: 5px;
    margin-right: -5px;
}
	
.inner-content a.selected{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	background-color: #e3e3ef!important;
}
.inner-content .list_user a.selected, .inner-content .list_user2 a.selected{
	-webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;
	background-color: #e3e3ef!important;
}
.inner_close{	
	float: right;margin-right: -15px;cursor:pointer;
}

.list_user a.list-group-item.unmatch{text-decoration: line-through; cursor: no-drop;}	

.list_total{ color:#888;font-size:12px; font-weight: 600; float:left;}
.list_total num{ font-size:14px;color: #134073;}

.list_foot{
	position: absolute;
    bottom: 10px;
    width: 91%;
}


.list_foot .btn{
	width: 120px;
    float: right;
    margin: -5px 0 0 0;
    padding: 5px;
}

.mobile .list_foot .btn{
	width: 90px;
    float: right;
    margin: -5px -10px 0 20px;
    padding: 5px;
}


.mobile .inner-content{
	width:100%;
	height: 522px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mobile .inner-content .list-group{
	max-height: 205px;
	overflow-y: auto;
	box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.10);

}

.mobile .col-xs-4{
	padding:0!important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mobile .col-xs-4 a {
	  overflow:hidden;
      text-overflow:clip;
      white-space:nowrap;
 
}
    
.mobile .inner-content .diet.on{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:16.6%!important;
	
}
.mobile .inner-content .fat.half{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:46.4%!important;
	
}
.mobile .inner-content .fat.on{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:66.4%!important;
	
}
.mobile .list-group-item{
	padding:6px 12px;
	
}
.card-content i.call_icon{
	font-size: 15px;
    float: none;
    line-height: 19px;
    margin-right: -5px;
    vertical-align: top;
}
.toggle_area .btn{margin:10px 0 0 0;}
.btn.toggle:after{
	background: url("/image/toggle.png") no-repeat no-repeat ;
	content:"";
	width: 31px;height: 31px;position: absolute;top: 6px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn.toggle.active:after{
	left: 6px;
}
.btn.toggle.none:after{
	left:154px;
}

.btn.toggle.large.active:after{
	top:9px;
	left: 9px;
}
.btn.toggle.large.none:after{
	top:9px;
	left:320px;
}

.dt input{
	display:none;
}
.dt img{
	display:none;
	width: 35px!important;
    height: 31px!important;
}
.table .btn.sm-btn{
    background-color:#134073;
    padding: 3px 0;
    display:none;
    margin:0;
}