/*@import url(https://fonts.googleapis.com/css?family=Bungee);    */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }

a{
    color: #FFFFFF;
}
a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}

.dropdown-toggle:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
.header{
        margin: 0 auto 0 auto;
        height: 70px;
        text-align: center;
        padding: 0px;
    z-index: 10;
      background-position: top;
}
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
      font-size:  1.4eh;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}



.card  p{
    font-size:  1.7vh;
}
.btn{
/*  padding: 1px;    */
  word-break: break-all;
  word-wrap: break-word;

}

.table-hover .table-sm{
  font-size:  1.8vh;
  margin: 0px;
  padding: 0px;
}

footer {
 /* position: fixed; */
  bottom: 0;
    width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /*line-height: 60px; /* Vertically center the text there */*/
}
.dropdown-item{
    font-size:  1.8vh;
  margin: 4px;
  padding: 4px;
}

.nagybetu{
    text-transform: uppercase;
}

.card-body a{
    color: #000;
}

html { width: 100%; height:100%;}
p{
		margin: 3px;
	}

body {
    width: 100%;
    height:100%;
    font-family: 'Open Sans', sans-serif;
    background: #092756;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top,  rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg,  #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg,  #670d10 0%,#092756 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
    background-attachment: fixed;

}

.login_page{
    overflow: hidden;
}

.login {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -270px 0 0 -200px;
/*    width:400px;
    height:380px;*/
    overflow: hidden;

}
#login_table{width:400px;margin-left:auto;margin-right:auto}

input {
    width: 100%;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}
input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }
.login h1 { color: #fff; text-align:center;}
.navbar-brand h1 { color: #fff;  }
h1 { color: #fff;  text-align:center; }
.float-right {  color: #fff;

}

input {
    width: 100%;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}
select  {
    width: 100%;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 3px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}
.list {
    width: 100%;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 3px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}
input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }
.row{
    width: 100%;
}

.error
{
color:#ffe040;
-webkit-animation-name: blink;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blink;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.ok{color:#009E00;}
.info{color:#ffff00;}
.offline{color:#ff0000;}
.col0{color:#00ff00;}
.col7{color:#ffc000;}
.tdse{color: #fff;}
.tdse2{color: #fff;}
.black{
    color: Black;
}

h3{color: #fff;}
.hidden-xs-up{display:none!important}@media (max-width:575px){.hidden-xs-down{display:none!important}}@media (min-width:576px){.hidden-sm-up{display:none!important}}@media (max-width:767px){.hidden-sm-down{display:none!important}}@media (min-width:768px){.hidden-md-up{display:none!important}}@media (max-width:991px){.hidden-md-down{display:none!important}}@media (min-width:992px){.hidden-lg-up{display:none!important}}@media (max-width:1199px){.hidden-lg-down{display:none!important}}@media (min-width:1200px){.hidden-xl-up{display:none!important}}.hidden-xl-down{display:none!important}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}

.toast {
  opacity: 1 !important;
}

#toast-container > div {
  opacity: 1 !important;

}

.table-sm td, .table-sm th {
    padding: 0rem;}

.modal-header {
    display: inline;}
.halvany{
    opacity: 0.3;
}

.colo0{background-color:#00ff00;}
.colo1{background-color:#40ff00;}
.colo2{background-color:#70ff00;}
.colo3{background-color:#a0ff00;}
.colo4{background-color:#d0ff00;}
.colo5{background-color:#ffff00;}
.colo6{background-color:#ffe000;}
.colo7{background-color:#ffc000;}
.colo8{background-color:#ff8000;}
.colo9{background-color:#ff0000;}
.colo10{background-color:#ff0000;}

.colc0{color:#00ff00;}
.colc1{color:#40ff00;}
.colc2{color:#70ff00;}
.colc3{color:#a0ff00;}
.colc4{color:#d0ff00;}
.colc5{color:#ffff00;}
.colc6{color:#ffe000;}
.colc7{color:#ffc000;}
.colc8{color:#ff8000;}
.colc9{color:#ff0000;}
.colc10{color:#ff0000;}

fieldset
{
border: 1px solid #ddd !important;
margin: 0;
xmin-width: 0;
padding: 10px;
position: relative;
border-radius:4px;
background-color:#f5f5f5;
padding-left:10px!important;
}

legend
{
font-size:14px;
font-weight:bold;
margin-bottom: 0px;
width: 35%;
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px 5px 5px 10px;
background-color: #ffffff;
}

.errorbox {
    margin: 10px auto 10px auto;
    padding: 10px 15px;
    background-color: #FBEEEB;
    border: 1px dashed #cc0000;
    width: 90%;
    font-weight: bold;
    color: #cc0000;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    display: none;
}

.okbox {
    margin: 10px auto 10px auto;
    padding: 10px 15px;
    background-color: #FBEEEB;
    border: 1px dashed #00FF00;
    width: 90%;
    font-weight: bold;
    color: #00FF00;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    display: none;
}

#login_form{
    text-align: center;
}

#login_table td{
    color: #FFFFFF;
}

.newbor{


			-moz-background-clip: padding;     /* Firefox 3.6 */
			-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
			background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

			border: 12px solid rgba(0,0,0,0.3);

			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
			border-radius: 40px;

			padding: 30px;

			text-align: center;

 }

 .disabled_server {
     display: none;
 }

 input[type=number].input-number–noSpinners { -moz-appearance: textfield; }
input[type=number].input-number–noSpinners::-webkit-inner-spin-button, input[type=number].input-number–noSpinners::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0; }
input[type='number'] { -moz-appearance:textfield; }