@import url('https://fonts.googleapis.com/css?family=Niconne');
html {position: relative; min-height: 100%;}
body {padding-top: 70px; /*overflow-y: scroll;*/ margin-bottom: 110px;}
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */  height: 100px; background-color: #f5f5f5; padding: 10px;}
.nav-pills {margin-bottom: 10px;}
.well {margin-bottom: 10px;}
/*nav .navbar-brand {white-space: nowrap;}*/
nav .navbar-brand > img{margin-top: -5px; max-height: 35px}
#navbar form[role=search] input{width: 200px;}

a{color: #333;}


.form_before{position: absolute; background-color: rgba(255,255,255,0.5); font-size: 80px; z-index: 1000;}

.body_before{position: fixed; background-color: rgba(255,255,255,0.5); font-size: 80px; z-index: 2000; bottom: 0px; top: 0px; left: 0px; right: 0px;}

.tooltip{z-index: 2000 !important;}

.nav-tabs > li > a{padding: 5px 10px; background-color: #FFF; border-width: 1px; border-style: solid; border-color: #DDD #DDD #DDD;}
.nav-tabs > li.active{font-weight: bold; }
.with-nav-tabs{border-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px;}

@media (min-width:1500px){
	.modal-lg{width:1450px}
}
@media (min-width:1800px){
	.modal-lg{width:1700px}
}
.modal .modal-header .minimize{margin-right: 30px;}
/*.modal-dialog{border: 3px dashed #fff; opacity: 0.5;}
.modal-dialog .modal-content{opacity: 0;}
.modal-dialog .modal-content:hover{opacity: 1;}
.modal-dialog:hover{border: 0; opacity: 1;}*/

:required:invalid:focus {box-shadow: 0  0 3px rgba(255,0,0,1);}

.h1, h1 {font-size: 30px;}
.h2, h2 {font-size: 25px;}
.h3, h3 {font-size: 21px;}

.form-horizontal .form-inline .form-group{margin-right: 0px; margin-left: 0px;}

.load_before{position: absolute; background-color: rgba(255,255,255,0.5); z-index: 1000;}


.label-as-badge { border-radius: 1em;}

select > option[disabled=disabled] ~ option:not([disabled=disabled]){padding-left: 20px;}

#popup_info {position: fixed; z-index: 3000; left: 50%; top: 60px; margin-left: -380px; width: 760px; font-weight: bold; }
#popup_info .pi {margin-bottom: 10px; padding: 5px; background-color: #FFF9BA; border: solid 1px #EAE06E; border-radius: 3px;box-shadow: 0 0 6px 1px #4C4C4C;}

.btn-circle {  width: 30px;  height: 30px;  text-align: center;  padding: 6px 0;  font-size: 12px;  line-height: 1.428571429;  border-radius: 50%;}
.btn-circle.btn-lg {  width: 50px;  height: 50px;  padding: 10px 16px;  font-size: 18px;  line-height: 1.33;}
.btn-circle.btn-xl {  width: 70px;  height: 70px;  padding: 10px 16px;  font-size: 24px;  line-height: 1.33;}

.index_panel{position: relative;}
.index_panel:before{content: ""; display: block; padding-top: 100%;}
.index_panel > .panel-body{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.index_panel > .panel-body .fa{font-size: 50px; font-size: 10vw; position: absolute; opacity: 0.2; transition: font-size 0.5s, color 0.5s;}
.index_panel > .panel-body .foot_left{font-size: 2vw; position: absolute; bottom: 0; opacity: 0.4; transition: font-size 0.5s, color 0.5s;}
.index_panel > .panel-body .foot_right{ position: absolute; bottom: 15%; right: 15px; opacity: 0.5;}
.index_panel:hover > .panel-body .fa{font-size: 55px; font-size: 11vw;}

.math_example .sum{font-weight: bold; font-size: large;}

i.fx:before{content: 'fx'; font-family: 'Niconne'; font-size: large;}

@keyframes knockAnimation {
	from {box-shadow: 0px 0px 1px 0px #333333;}
	to {box-shadow: 0px 0px 10px 0px #333333;}
}
.knocking{animation-name: knockAnimation; animation-duration: 0.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}


.login{/*margin-top:20px;*/ position: relative; top: 30%;}
.login h1 {color:#fff; text-align:center;}
.login input{margin-bottom: 15px; background-color:#fff;  color:#000; border:none; box-shadow:none; border-radius:0px; font-size:18px; height:45px; padding-left:20px;}
.login button{border-radius:0px; background-color:#000; background-image:none; border:none; box-shadow:none;}
.login_background{background-color: #eeeeee; /*background-image:url(../images/background.jpg); background-position:right; background-size: cover;*/}