@charset "utf-8";

html { font-size: 62.5%; } 
body { font-size: 1.3rem; } /* =13px */
<? /*
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px /
*/
?>

body{
    text-rendering: optimizeLegibility;

	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;

}
body, a, a:hover, a:focus,
.body-color, .body-color a{color: #595959;}

a, a:link, a:hover, a:visited, a:active{
	text-decoration: none;
	cursor:pointer;
}
*.alink, *.alink:hover, *.alink:visited{color:#67b9ff; /*#627fbd#8BB2EF;*/}

img{
	display:inline-block;
	vertical-align:middle;
}
hr, h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;
}

h1, .h1 {
    font-size: 3.3rem;
}
h2, .h2 {
    font-size: 2.7rem;
}
h3, .h3 {
    font-size: 2.3rem;
}
h4, .h4 {
    font-size: 1.7rem;
}
h5, .h5 {
    font-size: 15px;
    font-size: 1.5rem;
}
h6, .h6 {
    font-size: 1.2rem;
}

hr.hr{margin: 5px 0;}
hr.sep {margin: 10px 0;}
hr.dark{border-color:#CCC;}

*{outline:0px !important;}

/*---icon correction---*/
[class^="icon-"]{display:inline-block; vertical-align:middle; font-size:1rem;}
[class^="icon-"]:before{display:block;}
[class^="icon-"]:before, [class*=" icon-"]:before{line-height:normal;}

.glyphicon{/*vertical-align:text-top;*/ vertical-align:middle; font-size:15px; font-size:1.5rem;}
/*.glyphicon:before{display: inline-block; vertical-align: text-top; padding-bottom:20%;}*/


/*----container---*/
.container-fluid{width: 100%;}
@media (max-width: 767px){
    .container{width: 100%;}
}

/*----modal-----*/
.modal{z-index:10000; background:rgba(0, 0, 0, 0.13) url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7);}
.modal-backdrop{display:none !important;}
.modal-dialog{
    margin:0 auto;
    width:auto;
    position:absolute;
}
.modal-content{
    margin:10px 8px !important;
}
.modal-footer{
    text-align:center;
}

/*---badge---*/
.badge{font-size:1.2rem;}

/*---buttons---*/
.btn, .btn .btn-icon{font-size:13px; font-size:1.3rem;}
.btn-sm, .btn-sm .btn-icon,
.btn-xs, .btn-xs .btn-icon{font-size:12px; font-size:1.2rem;}
.btn-icon{vertical-align:text-top;}

/*----transparent----*/
.btn-transparent {
    color: #666666;
    background-color: transparent;
    border-color: transparent;
}
.btn-transparent.active.focus, .btn-transparent.active:focus, .btn-transparent.active:hover, .btn-transparent:active.focus, .btn-transparent:active:focus, .btn-transparent:active:hover, .open>.dropdown-toggle.btn-transparent.focus, .open>.dropdown-toggle.btn-transparent:focus, .open>.dropdown-toggle.btn-transparent:hover {
    color: #666666;
    background-color: transparent;
    border-color: transparent;
}
.btn-transparent.active, .btn-transparent:active, .open>.dropdown-toggle.btn-transparent {
    background-image: none;
}
.btn-transparent.active, .btn-transparent:active, .open>.dropdown-toggle.btn-transparent {
    color: #666666;
    background-color: transparent;
    border-color: transparent;
}
.btn-transparent:hover {
    color: #666666;
    background-color: transparent;
    border-color: transparent;
}
.btn.active.btn-transparent, .btn.btn-transparent:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*---btn orange----*/
.btn-orange,
.btn-orange.active.focus, .btn-orange.active:focus, .btn-orange.active:hover, .btn-orange:active.focus, .btn-orange:active:focus, .btn-orange:active:hover, .open>.dropdown-toggle.btn-orange.focus, .open>.dropdown-toggle.btn-orange:focus, .open>.dropdown-toggle.btn-orange:hover,
.btn-orange.active, .btn-orange:active, .open>.dropdown-toggle.btn-orange,
.btn-orange.active, .btn-orange:active, .open>.dropdown-toggle.btn-orange,
.btn-orange:hover,
.btn.active.btn-orange, .btn.btn-orange:active {
    color: #FFF;
    background-color: orange;
    border-color: orange;
}


.btn-default {
    color: #666666;
}

/*----dropdown---*/
.dropdown-menu{
    border:1px solid #EEE;    
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
div.dropdown-menu{
    padding:0;
}
.dropdown-menu hr{margin:0;}

.block-link {
    padding: 10px 15px;
    display: block;
    position: relative;
    cursor: pointer;
}
.dropdown-menu .subline{
    padding:10px 18px;
}
.dropdown-menu a:link, .dropdown-menu a:visited {
    color: #595959 !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.block-link:hover {
    color: #0192B5 !important;
    background: #E5F4F7 !important;
}

/*----grid----*/
[class^="col-auto"]{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float:left;
}
.row [class^="col"].vsep{border-right: 1px solid #EEE;}
.row [class^="col"].vsep:last-child{border:0;}

/*
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.row > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
*/

/*----panel----*/
.panel-default>.panel-heading.bg-white,
.panel-info>.panel-heading.bg-white{
    background-color: #FFF;
}

.panel .panel-heading .panel-heading-over{
    margin:-10px -15px;
}

/*----tiles----*/
.tile-base,
.tile-header,
.tile-strip{
	padding:10px 15px;
}
.tile-over{
	margin:-10px -15px;
}

.tile-base{
	margin-bottom:15px;
}

.tile-base .tile-base{margin-bottom:0;}

.tile-box{
	background-color:#FFF;
	border:1px solid #cfd9db;
}

.tile-base > .tile-header{
	margin: -10px -15px 0px;
	border-bottom: 1px solid #EEE;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}
.tile-base .tile-strip{
	margin: 10px -15px;
	background:none;
}
.tile-box > .tile-header,
.tile-box .tile-strip{
	background-color: #F5F5F5;
	border-bottom: 1px solid #cfd9db;
}
.tile-box .tile-strip{
	border-top: 1px solid #cfd9db;
}
.tile-box .tile-header{
	border-top: 1px solid #FFF;
	padding-top:9px;
	margin-bottom:10px;
}
.tile-box .tile-header hr{
	border-color: #D8D8D8;
}

/*----row tile----*/
.row-tile-top,
.row-tile,
.col-tile{
    margin-top:10px;
    margin-bottom:10px;
}
.row-tile-top,
.row-tile + .row-tile{
    margin-top:0px;
}

/*------table--------*/
.table{width:auto;}
div.table{display:table; margin:0;}
.cell{display:table-cell; vertical-align:middle;}
.cell.tile-base{margin:0;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {vertical-align:middle;}

/*----cover----*/
.cover{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	background: url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7);
}
a.cover{
	cursor:pointer;
}

/*---cursor----*/
.cursor-pointer{cursor:pointer;}

/*----COLORS---*/
.white{color:white}
.red{color:#DF2020}
.orange{color:orange}
.green{color: green;}
.gray{color: #F5F5F1;}
.bd-orange{border-color:orange !important}
.bg-white{background-color:#FFF !important;}
.bg-red{background-color:#DF2020 !important;}
.bg-orange{background-color:orange !important;}
.bg-gray {background-color: #F5F5F1 !important;}
.bg-transp-black{background-color:rgba(0, 0, 0, 0.13) !important;}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}


.relative{position:relative;}
.absolute{position:absolute;}
.flex-wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.flex{
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
}
.ellipsis{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	min-width:0;
}
.margin0auto{
	margin:0px auto;
}
.margin0{margin:0;}

.block{display:block;}
.block-important{display:block !important;}

.inline-block{
	display:inline-block;
	vertical-align:middle;
}
.inline-block-important{
	display:inline-block !important;
	vertical-align:middle !important;
}

.acenter{text-align:center;}
.aright{text-align:right;}
.aleft{text-align:left;}
tr.vatop td,
.vatop{vertical-align:top !important;}
tr.vamiddle td,
.vamiddle{vertical-align:middle !important;}
tr.vabottom td,
.vabottom{vertical-align:bottom !important;}


.nowrap{
	white-space:nowrap;
}
.breakword{
	-ms-word-break: break-all;
	word-break: break-all;
	/*Non standard for webkit*/
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.bgcover{
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

/*round conners*/
.roundC50{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}

.roundC1{
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	-ms-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 1px;
}
.roundC2{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.roundC3{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.roundC4{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.roundC5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.roundC100{
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-khtml-border-radius: 100%;
	border-radius: 100%;
}

.roundCbtm{
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.roundCtop{
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
}
.roundCrt{
	-moz-border-radius-topleft:0px !important;
	-webkit-border-top-left-radius:0px !important;
	border-top-left-radius:0px !important;
	-moz-border-radius-bottomleft:0px !important;
	-webkit-border-bottom-left-radius:0px !important;
	border-bottom-left-radius:0px !important;
}
.roundClt{
	-moz-border-radius-bottomright:0px !important;
	-webkit-border-bottom-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
	-moz-border-radius-topright:0px !important;
	-webkit-border-top-right-radius:0px !important;
	border-top-right-radius:0px !important;
}
.roundC0{
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
	border-radius: 0px !important;
}



/*no text selection */
.notextselection {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}


.w0{width:0px;}
.w1{width:1px;}
.w50{width:50%;}
.w100{width:100%;}
.wAuto{width:auto;}


/*----alerts----*/
.alert .alert-icon{
    float:left;
    font-size:18px;
    font-size:1.8rem;
}
.alert .alert-icon + div{margin-left:30px;}

.alert-condensed{padding:5px 15px;}

/*----FORMS----*/
.form-group {
    padding: 10px 0;
    margin:0;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
}
.inputError {
    border-color: #DF2020 !important;
    background-color: #FDEDED !important;
    color: #333333 !important;
}
.help-block{
    margin-bottom:0;
}

.typewrite{
	border:1px solid #c8c8c8;
	background-color: #fff;
	font-family: "Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
	font:75%/1.5 Helvetica,Arial,sans-serif;
	color:#666666;
	font-size: 13px;
	font-size:1.3rem;
    line-height: 30px;
    line-height:3rem;
    height:30px;
    padding:0px 5px;
}

div.typewrite.input{white-space: nowrap; overflow: hidden; height:30px;}

/*-----checkbox && radio-----*/
input[type="checkbox"], input[type="radio"]{display:none;}
.rclabel-wrap{padding-top:6px;}
.rclabel, .rclabel + label{margin:0;}
.rclabel{
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	min-height:20px;
	display:inline-block;
	vertical-align:middle;
}
.rclabel:before{
	width: 18px;
	height: 18px;
	left:0;
	top:0;
}
.rclabel:before,
.rclabel:after{
	position:absolute;
	content: "";
}
input[type="radio"] + .rclabel:before,
input[type="checkbox"] + .rclabel:before{
	border: 1px solid #c8c8c8;
	background-color:#FFF;
}
input[type="checkbox"] + .rclabel:before{
	border-radius: 3px;
}
input[type="radio"] + .rclabel,
input[type="radio"] + .rclabel:before{
	border-radius: 50%;
}
input[type="radio"] + .rclabel:hover:before,
input[type="checkbox"] + .rclabel:hover:before{
	border-color:#00b1e1;
}

input[type="checkbox"] + .rclabel:after{
	float: left;
	content: "\2713";
	/*content:"\f00c";
	overflow: hidden;*/
	color: transparent;
	font-size:10px;
	font-size: 1rem;
	line-height: 20px;
	line-height:2rem;
	left: 4px;
	top: 0;
}

input[type="radio"]:checked + .rclabel:before,
input[type="checkbox"]:checked + .rclabel:before{
	border-color:#00b1e1;
	background-color:#FFF;
}
input[type="checkbox"]:checked + .rclabel:after{
	color:#00b1e1;
}

input[type="radio"] + .rclabel:after{
	content: "";
	overflow: hidden;
	background-color: transparent;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	left: 4px;
	top: 4px;
}
input[type="radio"]:checked + .rclabel:after{
	background-color:#00b1e1;
}

input[type="radio"][disabled] + .rclabel,
input[type="checkbox"][disabled] + .rclabel{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	/* IE 5-7 */
	filter: alpha(opacity=35);
	/* Netscape */
	-moz-opacity: 0.35;
	/* Safari 1.x */
	-khtml-opacity: 0.35;
	/* Good browsers */
	opacity: 0.35;
}


/*--------------------------------*/


/*---correct----*/
.table .pick-areas .table {
    background-color: transparent;
}


