/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,   sup, tt, var,
 u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a,a:hover{
	text-decoration:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{
	line-height:20px;
	color: #333;
}

/*-------------------------------------------------------------*/

body{
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}
input,textarea{
font-family: 'Roboto', sans-serif;
}
a{
	color:#333;	
	cursor:pointer;
}
a:hover{
	text-decoration:none;
	color:#333;	
}

.common-wrapper{
	/*
   width:97%;
   margin:0 auto;
   */
   padding-left:20px;
   padding-right:20px;
}
.clear::after{
	display: table;
    content: " ";
    clear: both;
}
.cursor-pointer{
	cursor:pointer;
}
.no-margin-bottom{
	margin-bottom:0 !important;
}
.z-opacity{
	opacity:0;
}
.required{
	color:#C51B1C;
}
.gray-line{
	color:#F6F6F6;
}
.smaller{
	font-size:.8em;
}
.text-r{
	text-align:right;
}
.d-block{
	display:block;
}
.d-inline{
	display:inline-block;
}
.d-none{
	display:none !important;
}
.red-border{
	border:1px solid red !important;
}
.orange-bg{
	background:#f3970a !important;
}
.bold{
	font-weight:bold;
}
.link{
	color: #028448;
}
hr{
	margin-top: 20px;
	margin-bottom: 20px;
	width:100%;
}

.v-align{
	vertical-align:middle;
}
.img-responsive{
	width:100%;
}
.green-color{
	/* color: #028448; */
	color: #015B31;
}
.red-color{
	color: #B80000;
}
.orange-color{
	color: #f3970a;
}
.yellow-bcolor{
	border:1px solid #FCC601 !important;
}
.right-note{
	float:right;
	font-size:0.9em;
}
/*---------------------------------------------------------------*/
.ck-content p{
	padding-bottom:10px;
}
.ck-content ul{
	list-style:disc;
	margin-left:18px;
	color:#333;
}
.ck-content ul li{
	margin-top: 10px;
}
.index-wrapper{
	display: table;
	width: 100%;
	height: 100vh;
}

/*---------------------------------------------------------------*/
.header-top{
	line-height:50px;
	background:#EEEEEE;
}

.header-top p{
	float:left;
	line-height: 50px;
}

.header-top ul{
	float:right;
}

.header-top li{
	line-height: 50px;
	margin-right: 20px;
	display:inline-block;
}

.header-top li:last-child{
	margin-right: 0px;	
}
.header-top li.manual a,
.header-top li.lang,
.header-top li.logout{
	color:#007940;
	cursor:pointer;
}
.header-top li.username img,
.header-top li.manual img,
.header-top li.logout img{
	vertical-align:middle;
	margin-right:8px;
}

.header-top li.logout:hover,
.header-top li.lang:hover{
	color:#FCC601
}
.header-top li.logout img.hover,
.header-top li.logout:hover img.normal{
	display:none;
}
.header-top li.logout:hover img.hover{
	display:inline-block;
}
.header-bottom{
	padding-bottom:10px;
	padding-top:10px;
}
.header-bottom #mobile-menu-btn{
	
	float:right;
	margin-left: 10px;
	margin-top: 10px;
	display:none;
	width:36px;
	height:27px;
	background:url('../images/mobi_menu.png');
}
/*---------------------------------------------------------------*/
.outer{
	position: relative;
	display: table;
    width: 100%;
}
/*---------------------------------------------------------------*/
.user-menu{
	background:#007940;
	display:table-cell;
	width: 14%;
	min-width:280px;
	vertical-align:top;
	-webkit-transition: max-height .5s;
	-moz-transition: max-height .5s;
	-o-transition: max-height .5s;
	transition: max-height .5s;
	
	-webkit-transform: translate3d(0, 0, 0);		/* for fixing slide flickering in safari */
}

.user-menu .parent{
	display:block;
	border-bottom: 1px solid #FFF;
}
.user-menu .parent.have-son.common-wrapper{
	background-image: url(../images/menu_arrow_down.png);
	background-position:90% center;
	background-repeat:no-repeat;
}
.user-menu .parent.have-son.common-wrapper:hover{
		background-image: url(../images/menu_arrow_down_hover.png);
}
.user-menu .open>.parent.have-son.common-wrapper{
	background-image: url(../images/menu_arrow_up.png) ;
}
.user-menu .open>.parent.have-son.common-wrapper:hover{
	background-image: url(../images/menu_arrow_up_hover.png);
}

.user-menu  .parent .small-icon,
.user-menu  .parent .function-name{
	vertical-align:middle;
	cursor:pointer;
}
.user-menu .parent:hover .icon-1,
.user-menu .parent .icon-hover{
	display:none;
}
.user-menu .parent:hover .icon-hover{
	display:inline-block;
}
.user-menu  a{
	color:#FFF;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
	display:block;
}
.user-menu .son{
	background:#268E5D;
	max-height:0;
	overflow:hidden;
	
	
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.user-menu .open>.son{
	max-height:500px;
}
.user-menu  .son .parent{
	border:1px solid #248D5C;
}
.user-menu  .son .common-wrapper{
	padding-left: 64px;
}
.user-menu  .son>.son>.common-wrapper{
	padding-left: 74px;
}
.user-menu  .son>.son{
	background: #289F67;
}

.user-menu a.common-wrapper:hover{
	background-color:#FCC601;

	cursor:pointer;
}
.user-menu a.common-wrapper:hover{
	color:#000;
}
/*---------------------------------------------------------------*/


/*---------------------------------------------------------------*/
#main-content{
	background:#EEEEEE;
	display:table-cell;
    width:86%;
	padding-top:44px;
	padding-bottom:58px;
	padding-left:17px;
	padding-right:17px;
	box-sizing: border-box;
}
#page-title{
	font-size:2em;
	padding-bottom:20px;
	border-bottom:1px solid #C1C1C1;
	margin-bottom:21px;
}
/*---------------------------------------------------------------*/
.button-list .button{
	float:left;
	margin-left:11px;
}
.button-list .button:nth-child(1){
	margin-left:0;
}
.button.w_100{
	width:100%;
}
.button{
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	color:#FFF;
	background:#018347;
	border-radius:2px;
	
	font-size:.9em;
	border:0;
    box-sizing: border-box;
}
.button.inline{
	display:inline-block;
}
.button.current,
.button:hover{
	
	background:#FCC601;
	color:#000;
}
/*---------------------------------------------------------------*/

.table-title{
	
}


.table-common-padding{
	border-radius:2px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:20px;
	
	box-sizing: border-box;
}
.table-content{
	background:#FFF;
	padding-bottom:20px;
	padding-top:20px;
}

.table-block{
	margin-top:18px;
}
.table-title{
	font-size:1.2em;
	background:#D3D3D3;
	font-weight:bold;
}
.table-title .title-right-text{
	float:right;
	font-size: .8em;
}
.table-title .title-right-text span.red{
	color: #B80000;
    vertical-align: middle;
}
.input-group{
	margin-bottom:20px;
}
.input-group .input-group {
	margin-bottom:0px;
}
.input-group.t-left,
.input-group .t-left{
	text-align:left;
}
.input-group.t-left.emp_pad {
    padding-top: 18px;
}
.input-group.t-right,
.input-group .t-right{
	text-align:right;
}
.input-group p:nth-child(1){
	font-size:1em;
	margin-bottom:8px;
    font-weight:bold;
    display: table-cell;
    height: 40px;
    vertical-align: bottom;
}
.input-group input[type=text],
.input-group input[type=number],
.input-group input[type=password]{
	border:1px solid #C1C1C1;
	border-radius:2px;
	line-height:28px;
	padding-left:3px;
	padding-right:3px;
	outline:none;
	width:100%;
	box-sizing: border-box;
	min-height:28px;
}
.input-group input[type=file].error,
.input-group input[type=text].error,
.input-group input[type=number].error,
.input-group input[type=password].error,
.table-row.error .table-col{
	border:1px solid #ff0000;
}

.input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:1em;
  letter-spacing:1px;
}
.input-group input::-moz-placeholder { /* Firefox 19+ */
font-size:1em;
letter-spacing:1px;
}
.input-group input:-ms-input-placeholder { /* IE 10+ */
  font-size:1em;
  letter-spacing:1px;
}
.input-group input:-moz-placeholder { /* Firefox 18- */
  font-size:1em;
  letter-spacing:1px;
}

.input-group select{
    width: 100%;
	border:1px solid #C1C1C1;
	border-radius:2px;
    height: 32px;
}
.input-group select.error,.input-group textarea.error{
	border:1px solid #ff0000;
}
.input-group textarea{
	border:1px solid #C1C1C1;
	border-radius:2px;
	line-height:28px;
	padding-left:3px;
	padding-right:3px;
	resize:none;
	width:100%;
	height:150px;
}
.input-group input[type="file"]{
    height: 32px;
    line-height: 28px;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
    line-height: 28px;
    padding-left: 3px;
    padding-right: 3px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
.input-group .file-block{
	position:relative;
}
.input-group .file-block label{
	display:none;
	    pointer-events: none;
	background: #F6F6F6;
    position: absolute;
    left: 2px;
    top: 1px;
    bottom: 1px;
    width: 80px;
    font-size: .9em;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.input-group .notice{
	display:block;
	margin-top:5px;
	color:#666666;
	font-size:.9em;
}
.input-group .notice.new_green {
	color: #385723;
}
.input-group .red{
	color:#B80000;

	vertical-align:middle;
}
.input-group .attachment-file{
	font-size:.9em;
	margin-bottom:5px;
}
.input-group .attachment-file a{
    color: #007940;
}
.input-group .check-list{
	display:inline-block;
	width:240px;
	padding:2px;
}
.file-group{
	margin-bottom: 5px;
}
.file-group input[type=file]{
	float:left;
	width:79%
}
.file-group a.clear-btn{
	text-align:center;
	float:right;
	width:20%;
}
.file-group2{
    margin-bottom: 5px;
    width: 60%;
}
.file-group2 input[type=file]{
	float:left;
	width:79%
}
.file-group2 a.clear-btn{
	text-align:center;
	float:right;
	width:20%;
}
/*---------------------------------------------------------------*/
.img-file-block{
	border: 1px solid #C1C1C1;
	
}
.img-file-block p:nth-child(1) {
    line-height: 27px;
    margin: 0;
	font-size:1em;
	padding-left:5px;
    font-weight: bold;
}
 

.show-img{
	min-height:83px;
	padding:10px;
	background:#F6F6F6;
	text-align:center;
	border-top:1px solid #C1C1C1;
	border-bottom:1px solid #C1C1C1;
}
.show-img .helper{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.show-img img{
	 vertical-align: middle;
}
.img-file-block .file-function a{
	
    line-height: 27px;
	display:inline-block;
	width:49%;
	text-align:center;
	color:#007940;
} 
.img-file-block .file-function a.upload{
	position:relative;
	border-right:1px solid #C1C1C1;
}
.img-file-block .file-function a.upload input{
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

/*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
.left-col,
.right-col{
float:left;
	width:49%;
}
.left-col{
	margin-right:2%;
}
/*---------------------------------------------------------------*/
.file-group .left-col, .file-group2 .left-col{
	width:30%;
}
.file-group .right-col, .file-group2 .right-col{
	width:68%;
}

.radio,.checkbox,
.checkbox-inline, .radio-inline {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
	margin-right: 15px;
    line-height:32px;
    font-size: .8em;
}
.checkbox-inline, .radio-inline {
	display: inline-block;
}
.checkbox, .radio{
	display:block;
}



.radio-inline input[type=radio], .checkbox-inline input[type=checkbox] {
	position: absolute;
    left: 0;
    top: 6px;
}
.radio input[type=radio],.checkbox input[type=checkbox] {
	position: absolute;
    left: 0;
    top: 5px;
}
/*---------------------------------------------------------------*/
.date-to-date  .date-block{
	width:47%;
}
.date-block{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	position: relative;
}
.date-to-date .text{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:6%;
}
.date-block  div.calendar{	
	display: table-cell;

    width: 28px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
	background:#EEEEEE url('../images/calendar_icon.png') center center no-repeat;
	
}
.date-block .date-outer{
	display:table;
	border: 1px solid #C1C1C1;
    border-radius: 2px;
	width:100%;
}

.date-block input[type=text]{
	border:0;
    width: 100%;
    left: 0;
   	display:table-cell;
	
}


/*---------------------------------------------------------------*/
.range-list{
	display:table;
	width:100%;
	border:1px solid #C1C1C1;
	position:relative;
}
.range-list input[type=text]{
	border:0;
}
.range-list .text{ 
	display:table-cell;
	background:#EEEEEE;
	width: 30%;

	height:30px;
	text-align:center;
}

.range-list .text span{
	display:inline-block;
	line-height:30px;
	margin-right:3px;
	font-size:.9em;
}
.range-block{
	display:table-cell;
	width: 35%;
}

/*---------------------------------------------------------------*/
.table-page-list p.total{
	
	margin-bottom: 15px;
	float:left;
}
.table-page-list ul.page{
	float:right;
}
.table-page-list ul.page li{
	display:inline-block;
	padding:7px;
	background:#018347;
	font-size:.9em;
	margin-right:6px;
	border-radius: 2px;
	color:#FFF;
	cursor:pointer;
}
.table-page-list ul.page li:last-child{
	margin-right:0;
}
.table-page-list ul.page li.current-page,
.table-page-list ul.page li:hover{
	background:#FCC601;
	color:#000;
	
}
/*---------------------------------------------------------------*/
.table-block .table{
	display: table;
	border-collapse:collapse;
	width: 100%;
}
.table-block .table-row{
	display:table-row;
}

.table-block  .mobile-title{
	display:none;
}


.table-block .table-col{
	
	display:table-cell;
	border:1px solid #C1C1C1;
	padding-left:9px;
	padding-right:10px;
	border-collapse:collapse;
	
}
.table-style-2 .table-col{
	border:0;
}
.table-block .table-col p{
	line-height:30px;
	font-size:.9em;
}
.table-style-2 .table-col p input[type="password"],
.table-style-2 .table-col p input[type="text"],
.table-style-2 .table-col p select{
	margin-top:5px;
}



.table-block .table-col .bold{
	font-weight:bold;
}
.table-block  .desktop-title.table-row .table-col p{
	font-weight:bold;
	font-size:1em;
}
.table-block  .desktop-title.table-row .table-col.have-sort p{ 
    text-decoration: underline;
	cursor:pointer;
}
.table-block .table-row:nth-child(odd){
	background:#FFFFFF;
}
.table-block .table-row:nth-child(even){
	background:#EEEEEE;
}
.table-style-2 .table-row:nth-child(even){
	    background: none;
}

.table-block .table-col a{
	display:block;
	/* color:#028448; */
	color:#015B31;
}
.table-block .table-col a.inline{
	display:inline-block;
	margin-right:10px;
}

/*---------------------------------------------------------------*/
html.login,
.login body ,
.login body .outer{
	height:100%;
    min-height: 800px;
}

.login body{
	background: url(../images/login_bg.jpg) center center no-repeat;
    background-size: cover;
	
}

.login-block {
	
	display:table-cell;
	vertical-align:middle;

}

.login-block .wrapper{
	background: #fff;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;

	max-width:355px;
	position:relative;
	text-align: center;
    margin: 0 auto;
}
.login-block .wrapper::before{
	content:" ";
	position:absolute;
	top:0;
	height:5px;
	left:0;
	width:100%;
	background:#FCC601;


}
.login-block .logo{
	margin-top:30px;
	margin-bottom:25px;
}
.login-block h2{
	font-weight:bold;
	margin-bottom:5px;

}
.accept .login-block h2{
	margin-bottom:15px;
}
.login-block h2,
.login-block .sub-title{
	
		color:#585858;
}
.login-block .sub-title{
	margin-bottom:15px;
}
.login-block ul.other-action{
	margin-top:10px;
	font-size:.9em;  
	
}
.login-block ul.other-action li{
	display:inline-block;
}
.login-block ul.other-action a{
	color:#585858
}
.login-block ul.other-action li:nth-child(even){
	margin-left:5px;
	margin-right:5px;
}

/*---------------------------------------------------------------*/
.index.login body{
	background-image: url(../images/index_login_bg.jpg);
  background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
/* .index.login #logo{
	position: absolute;
    top: 10%;
    left: 10%;
}
.index.login #dept-logo{
	position: absolute;
    top: 10%;
    right: 10%;
} */
.index.login .login-block .wrapper{
	background:none;
	width:90%;
	max-width: 800px;
}
.index.login .login-block .wrapper::before{
	content:"";
	display:none;
}
.index.login .login-block  #index-choose-type li{
	position:relative;
	display:inline-block;
	width:24%;
}
.index.login .login-block  #index-choose-type img{
	
	width:60%;
	max-width:144px;
}
.index.login .login-block  #index-choose-type li:hover .normal,
.index.login .login-block  #index-choose-type li .hover{
	display:none;
}
.index.login .login-block  #index-choose-type li:hover .hover{
	display:inline-block;
}

/*---------------------------------------------------------------*/



.accept .login-block .wrapper{
	max-width:800px;
}

.register .login-block.step-2 .wrapper{
	max-width:1200px;
}
/*---------------------------------------------------------------*/
.register .input-group p:nth-child(1){
	font-size:.8em;
}
.register .input-group .notice{
	font-size:.8em;
}

/*---------------------------------------------------------------*/

.icon-str{
	padding-top:2%;
}
.three-button-group{
	display: table;
	table-layout: fixed;
	width:100%;
}
.three-button-block{
	border:1px solid #C1C1C1;
	border-right:0;
	box-sizing:border-box;
	text-align:center;
	border-collapse: collapse;
	display:table-cell;
}

.three-button-group.group2 .three-button-block { border-top: 0; }

@media (max-width: 961px) {
    .three-button-group.group2 .three-button-block:first-child { border-top: 0; }
}

.three-button-block-padding{
    /*padding:15% 0;*/
    padding: 50px 0;
}
.three-button-block:last-child{
	border-right:1px solid #C1C1C1;
}
.three-button-group .three-button-block:hover{
	background:#FCC601;
	cursor:pointer;
	color:#FFF;
}
.vertical-checkbox-list p:first-child,
.checkbox-list p:first-child{
	font-size: 1em;
	margin-bottom: 8px;
	font-weight: bold;
}
.checkbox-list .checkbox{
	display:inline-block;
	width:200px;
}
.checkbox-list .multi-inputs .checkbox{
	width:auto;
}
.multi-inputs{
	display: -webkit-flex; /* Safari */
	display: flex;
}
.multi-inputs .left{
	flex-grow: 0;
	-webkit-flex-grow: 0;
}
.multi-inputs .right{
	flex-grow: 1;
	-webkit-flex-grow: 1;
}
/*---------------------------------------------------------------*/

.alert-num{
	display:table;
	width:30px;
	height:30px;
	background-color:#f6931e;
	border-radius:5px;
}
.alert-num p{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
}
.alert-num.dashboard{
	position:absolute;
	bottom:-4px;
	right:-5px;
}
.alert-num.menu{
	display:inline-table;
	position:relative;
	top:5px;
	margin-left:10px;
	width:25px;
	height:25px;
}
.hidden-loading{
	color:red;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
}

/*---------------------------------------------------------------*/

.input-group.error{
	border:1px solid #ff0000;
}
.table-title span.right-note{
	float:right;
	font-size:0.8em;
}
.table-title span.right-note .red{
	color:#B80000;
	vertical-align:middle;
}
a.add-more,a.add-more:hover,
.multi-block .remove a,.multi-block .remove a:hover{
	color:#66AA88;
	cursor:pointer;
}
.table-content .multi-block{
	border-top:3px solid #999999;
	padding-bottom:20px;
}
.table-content .multi-block:nth-child(1){
	border-top:none;
}
.multi-block .remove{
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
.multi-block .remove a{
	float:right;
}
.table-content .multi-block:nth-child(1) .remove{
	display:none;
}
.input-group .check-list{
	display:inline-block;
	width:240px;
	padding:2px;
}
#resume-manage .resume-photo-wrapper{
	float:left;
	width:200px;
}
#resume-manage .resume-list-wrapper{
	margin-left:210px;
}
.resume-list-wrapper .sub-title{
	font-size:1.2em;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:15px;
	background-color:#FFF;
}
.resume-list i{
	width:100%;
	text-align:center;
}

.hidden {
	display:none;
}

#edit_resume_form .lang_skill table{
	width:100%;
}
#edit_resume_form .lang_skill td{
	white-space: nowrap;
	padding-top:7px;
	padding-bottom:7px;
}

#edit_resume_form .avail-left{
	float:left;
	width:200px;
}
#edit_resume_form .avail{
	display:table;
	padding-top:7px;
	padding-bottom:7px;
	vertical-align:middle;
}
#edit_resume_form .avail .left{
	display:table-cell;
	width:80px;
}
#edit_resume_form .avail .right{
	display:table-cell;
}
#edit_resume_form .lang-other{
	height:160px;
}
#edit_resume_form .lang-other td{
	vertical-align:top;
}
#edit_resume_form .lang-other textarea{
	width:100%;
	height:100%;
}

@media (max-width:961px) {
	#resume-manage .resume-photo-wrapper{
		width:100%;
	}
	#resume-manage .resume-list-wrapper{
		margin-left:0;width:100%;
	}
	.resume-list i {
		width:auto; text-align:left;
    }
    .input-group.t-left.emp_pad {
        padding-top: 0;
    }
}
@media (max-width:500px) {
	#edit_resume_form .lang_skill td{
		display:block;
		float:left;
		width:100% !important;
	}
	#edit_resume_form .lang-other textarea{
		height:100px;
	}
	.table-title span.right-note {
		display:block;
		float:none;
		padding-top:5px;
	}
}

/*---------------------------------------------------------------*/

@media (max-width:1281px) {
		/* hi-res laptops and desktops */ 

}
@media (max-width:1025px) { 
	
	/* big landscape tablets, laptops, and desktops */
	.header-bottom #mobile-menu-btn{
		display:block;		
	}
	.open-menu .header-bottom #mobile-menu-btn{
		background:url('../images/mobi_close.png');
	}
	/*----------------------------------------------------------*/
	.user-menu{
		position: absolute;
		top:0;
		left:0;
		overflow:auto;
		width:100%;
		max-height:0;
		height:100%;
		z-index:5;
	}
	
	.open-menu .user-menu{
		max-height: 100%;

	}
	#main-content{
		width:100%;
	}

}
@media (max-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
	/*----------------------------------------------------------*/
	.left-col{
		margin-right:0;
	}
	
	/*----------------------------------------------------------*/
	.table-title .title-right-text{
		float: none;
		display: block;
		margin-top: 10px;
	
	}

	
	/*----------------------------------------------------------*/
	.table-page-list ul.page,
	.table-page-list p.total{
	
		margin-bottom: 10px;
		float:none;
	}



	/*----------------------------------------------------------*/
	.file-group .right-col,
	.file-group .left-col,
	.left-col,
	.right-col{
		width:100%;
	}
	.table-block .desktop-title{
		display:none;
	}
	.table-block  .mobile-title{
		display:inline-block;
		margin-right:10px;
	}
	.table-block .table-row{
		border: 1px solid #C1C1C1; 
	}
	    
	.table-block .table-col{
		display:block;
		border:0;
	}
	.table-block .three-button-group{
		display:block;
	}
	.table-block .three-button-group .three-button-block{
		display:block;
		border:1px solid #C1C1C1;
		border-bottom:0;
	}
	.table-block .three-button-group .three-button-block:last-child{
		border-bottom:1px solid #C1C1C1;
	}
	/*----------------------------------------------------------*/
}
@media (max-width:767px) { /* */

	

}
 
@media (max-width:481px) {
	.header-bottom .logo{
		height:35px;
	}
}

/*-------------------------------------------------------------*/
@media (max-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (max-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (max-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }

.inline_block:first-child {
    margin-bottom: 3%;
}
.inline_block .input-group{
    float: left;
    width: 49%;
}
.inline_block .input-group:first-child {
    margin-right: 2%;
}
.inline_block .input-group2{
    float: left;
    width: 49%;
}
.inline_block .input-group3{
    float: left;
    width: 23.5%;
}
.inline_block .input-group2:first-child {
    margin-right: 2%;
}
.inline_block .input-group3:first-child {
    margin-right: 2%;
}
.inline_block .file-group2 .right-col .input-group{
    float: left;
    width: 100%;
}
.inline_block .file-group2 .right-col .input-group:first-child {
    margin-bottom: 20px;
}
.inline_block .file-group2 .img-file-block.input-group{
    width: 100%;
}
@media screen and (max-width: 768px) {
    .inline_block .input-group {
        width: 100%;
    }
    .file-group .left-col, .file-group2 .left-col {
        margin-right: 2%;
    }
    .file-group .right-col, .file-group2 .right-col {
        width: 66%;
    }
    .inline_block:first-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 425px) {
    .file-group .left-col, .file-group2 .left-col {
        width: 50%
    }
    .file-group .right-col, .file-group2 .right-col {
        width: 46%;
    }
}
@media screen and (max-width: 320px) {
    .file-group .left-col, .file-group2 .left-col {
        width: 100%
    }
    .file-group .right-col, .file-group2 .right-col {
        width: 100%;
    }
}