/* public */

.nav{display:none;background-color:#2a2a2a;width:700px;z-index:100;border-bottom: 1px solid #e64946;overflow-x: auto;white-space: nowrap;}
.nav a{display:inline-block; min-width:50px; margin:0 5px; color:#fff; text-align:center; border-right: 1px solid #000; padding: 10px; margin: 1px; text-decoration: none;}
.nav a:hover {
    background-color: #e64946;
}

#fancybox-content {
	background-color: #fff;
}

#fancybox-wrap * {
	box-sizing: content-box;
}

#fancybox-wrap, #fancybox-content, #fancybox-tmp, #fancybox-loading, #fancybox-overlay, #fancybox-wrap, .fancybox-bg, #fancybox-outer, #fancybox-frame, #fancybox-close, #fancybox-title, #fancybox-left, #fancybox-right, .fancy-ico, #fancybox-loading div{
	box-sizing: content-box;
}


/* fancybox 100% */
/*
@media only screen and (max-width: 550px){
	#fancybox-wrap{
		width:100%!important;
		height:100%!important;
		top:0px!important;
		left:0px!important;
		padding:0px!important;
	}
	#fancybox-content{
		width:calc(100% - 25px)!important;
		height:calc(100vh - 20px)!important;
	}
	#fancybox-close{
		top:0px!important;
		right:0px!important;
	}
}
*/
/* fancybox 100% end */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	width: 100%;
	margin: 0;
	padding: 0;
	
}

.list-item{	
	font-size: 0.875rem;
	line-height: 1.25;
	padding: .5rem 1.25rem;
	border-radius: .2rem;
	vertical-align: middle;
	border: 1px solid transparent;
	font-style:semibold;
	color:#29ABE2;
	background-color:#ffffff;
	border-color:#29ABE2;
}

/*public buttton */ 

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}


.btn-warning{
	background-color:#ffb700;
	border-color:#ffb700;
}

.btn-warning:hover{
	background-color:#ffce51;
	border-color:#ffce51;
}

.btn-warning:active{
	background-color:#ffa239;
	border-color:#ffa239;
}

.btn-disabled{
	cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.input-group{
	position: relative;
	display:flex;
}

.input-group-btn{
	display:flex;
	align-items:center;
	vertical-align:middle;
	position:relative;
	white-space:nowrap;
}

.input-group .form-control:not(:last-child), .input-group .checkbot:not(:last-child){
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.input-group-btn:not(:first-child)>.btn{
	z-index:2;
	margin-left:-1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	position:relative;
}	

.form-control{
	display:block;
	padding:.5rem .75rem;
	font-size:1rem;
	line-height:1.25;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #b3b3b3;
	border-radius: .25rem;
	/**width:**/
}
	
.form-line .form-control{
	display:inline-block;
	width:auto;
	vertical-align:middle;
}

.btn-secondary img{
	height:20px;
	vertical-align:middle;
}

.btn-secondary{
	background-color:#b3b3b3;
}
.btn-secondary:hover{
	background-color:#C0C0C0;
}
.btn-secondary:focus{
	background-color:#999999;
}

.btn-disable{
	background-color:#E6e6e6;
	border-color:#E6e6e6;
	color:#999999;
}

.btn-sm{
	font-size:.75rem;
	line-height:1.5;
	border-radius:.2rem;
	padding: .25rem .75rem;
	transition-delay:0.1s;
	
}

.btn-outl{
	color:#29ABE2;
	background-color:#ffffff;
	border: 1px solid #29ABE2;
    cursor: pointer;
}

.btn-outl:hover{
	color:#56bde8;
	background-color:#ffffff;
	border-color:#56bde8;
}

.btn-outl:active{
	color:#dcf1fa;
	background-color:#1a8dbe;
	border-color:#1a8dbe;
}

.btn-google{
	background-color:#C1272D;
	border-color:#C1272D;
	color:#fff;
}

.btn-google:active{
	background-color:#D4362B;
	border-color:#D4362B
}

.btn-google:active{
	background-color:#9B2024;
	border-color:#9B2024;
}


.divCenter{
	display: table;
}

.divContentCenter{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.fit_size{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.column{
	display:grid;
}

.rotate90{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}