html, body{width:100%;height:100%;margin:0;}
body{font-family:"Roboto", "Serif", "Lato";font-weight:300;padding:0;margin:0;font-size:14px;color:#777;background:#fff url(../images/login_bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow-x:hidden;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
::-webkit-input-placeholder{color:#222 !important;}
::-moz-placeholder{color:#222 !important;}
:-ms-input-placeholder{color:#222 !important;}
:-moz-placeholder{color:#222 !important;}
h1{font-size:3em;line-height:1.2em;margin:0 0 .3em;}
h2{font-size:1.8em;line-height:1.2em;margin:0 0 .3em;}
h3{font-size:1.4em;line-height:1.2em;}
h4{font-size:1.25em;line-height:1.2em;}
h5{font-size:1.1em;line-height:1.2em;}
h6{font-size:1em;line-height:1.2em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;}
p{padding:0 0 1em;margin:0;}
a{color:#fff;outline:0;-webkit-transition:all .8s ease;transition:all .8s ease;}
a:hover{text-decoration:none;color:#f2f2f2;-webkit-transition:all .8s ease;transition:all .8s ease;}
input[type="text"]{outline:none;}
input[type="password"]{outline:none;}
select{width:50%;padding:5px 10px;border:1px #38270d solid;}
.f-r{float:right;}
.box-404{margin-top:10%;padding:20px;border-radius:10px;text-align:center;background:#fff;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.mt-10{margin-top:10px;}
.p-0{padding:0;}
.pr-0{padding-right:0;}
.w100sz{width:100%;}
.sh {display:none;}
.mr-20 {margin-right: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.allcam {font-weight:bold;}
.clear{clear:both;}
.crop-text{padding:0;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.login-box{margin-top:20%;padding-top:130px;padding-bottom:50px;height:auto;background:transparent url(../images/login_box.png) no-repeat;background-size:100%;text-align:center;}
.form-control{display:unset;width:40%;height:auto;padding:10px;border:none;border-radius:unset;background-color:rgba(255, 255, 255, 0.8);color:#222;font-size:15px;text-align:center;}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none;}
.belepes{width:40%;background:transparent url(../images/login_button.png) no-repeat;background-size:100%;color:#fff;font-size:17px;}
.belepes:active{width:40%;background:transparent url(../images/login_button.png) no-repeat;background-size:100%;color:#fff;font-size:17px;}
.belepes:hover{color:#f2f2f2;}
.menu-box{padding:15px 15px;}
.menu-item-left{float:left;width:50%;}
.logo-in{height:30px;}
.menu-item-right{float:left;width:50%;}
.kilepes{display:block;float:right;width:100px;padding:5px 10px;border-radius:4px;background:transparent url(../images/login_button.png) no-repeat center;/*background-size:100%;*/color:#fff;font-size:17px;text-align:center;}
.main-box{margin-right:0;}
.left-box{margin-bottom:15px;padding:0;border-radius:10px;border:10px rgba(255, 255, 255, 0.2) solid;}
.left-box-header{padding:10px 10px;background:transparent url(../images/right_box_header.png) no-repeat;background-size:100%;}
.left-box-main{padding:10px;background:#e9dabb;color:#38270d;}
.right-box #map{width:100%;height:300px;}
.right-box{margin-bottom:15px;padding:0;border-radius:10px;border:10px rgba(255, 255, 255, 0.2) solid;}
.right-box-header{padding:10px 10px;background:transparent url(../images/right_box_header.png) no-repeat;background-size:100%;}
.right-box-main{padding:10px;background:#e9dabb;color:#38270d;}
.vadkamera-lista{height:20px;}
.vadkamera-szuro{height:20px;}
.vadallomany-szuro{height:20px;}
.vadkamera-kep{height:20px;}
.ho-es-szelterkep{height:20px;}
.holdkep{height:20px;}
.map-box-title{margin-bottom:10px;font-size:13px;font-weight:bold;}
.marker_link{color:#38270d;line-height:28px;}
.marker_link:hover{color:#000;}
.marker_link:active{color:#000;text-decoration:none;font-weight:bold;}
.marker_link:focus{color:#000;text-decoration:none;font-weight:bold;}
.allcam_link{margin-top:20px;padding:5px;border-radius:4px;background:transparent url(../images/login_button.png) no-repeat center;color:#fff;}
.allcam_link:hover{color:#f2f2f2;}
.allcam_link:active{color:#f2f2f2;text-decoration:none;}
.allcam_link:focus{color:#f2f2f2;text-decoration:none;}
.cam_link{margin-top:20px;padding:5px;border-radius:4px;background:transparent url(../images/login_button.png) no-repeat center;color:#fff;}
.cam_link:hover{color:#f2f2f2;}
.cam_link:active{color:#f2f2f2;text-decoration:none;}
.cam_link:focus{color:#f2f2f2;text-decoration:none;}
#filter{text-align:center;}
.temp{width:50%;}
.wind{width:50%;}
.pic-box{position:relative;display:inline-block;width:50%;border-right:1px transparent solid;border-bottom:1px transparent solid;}
.pic-date{position:absolute;left:0;bottom:0;width:100%;background:transparent url(../images/login_button.png);background-size:100%/*background:rgba(65, 52, 31, 1);*/color:#fff;text-align:center;font-size:12px;}
.popup{height:auto;/*max-height:730px;/*height:64vh;*/overflow:auto;}
.popup img{width:100%;}
.admin-ikon{display:block;float:right;width:50px;margin-right:10px;padding:5px 10px;border-radius:4px;background:transparent url(../images/login_button.png) no-repeat center;/*background-size:100%;*/color:#fff;font-size:17px;text-align:center;}
.moonphases_wide{width:100% !important;}
.moonphase_right{float:none !important;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575px) {
.login-box{padding-top:58px;}
.form-group{margin-bottom:5px;}
.form-control{padding:5px;font-size:13px;}
.belepes{margin-top:20px;padding:unset;background:transparent url(../images/login_button.png) no-repeat;background-size:100%;color:#fff;font-size:13px;}
.allcam_link{margin-top:20px;padding:5px;background:transparent url(../images/login_button.png) no-repeat center;color:#fff;font-size:13px;}
.logo-in{height:20px;}
.kilepes{display:block;float:right;width:70px;padding:0;border-radius:4px;background:transparent url(../images/login_button.png) no-repeat center;/*background-size:100%;*/color:#fff;font-size:13px;text-align:center;}
.admin-ikon{display:block;float:right;width:30px;margin-right:10px;padding:0;border-radius:4px;background:transparent url(../images/login_button.png) no-repeat center;/*background-size:100%;*/color:#fff;font-size:13px;text-align:center;}
.main-box{margin-right:0;}
select{width:100%;}
.temp{width:100%;}
.wind{width:100%;}
.pr-0{padding-right:15px;}
.vadkamera-lista{height:13px;}
.vadkamera-szuro{height:13px;}
.vadallomany-szuro{height:13px;}
.vadkamera-kep{height:13px;}
.ho-es-szelterkep{height:13px;}
.holdkep{height:13px;}
.text-right{text-align:unset;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) and (max-width:767px) {
.login-box{margin-top:5%;padding-top:110px;}
.form-group{margin-bottom:5px;}
.main-box{margin-right:0;}
select{width:100%;}
.temp{width:100%;}
.wind{width:100%;}
.pr-0{padding-right:15px;}
.vadkamera-lista{height:15px;}
.vadkamera-szuro{height:15px;}
.vadallomany-szuro{height:15px;}
.vadkamera-kep{height:15px;}
.ho-es-szelterkep{height:15px;}
.holdkep{height:15px;}
.text-right{text-align:unset;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
.login-box{padding-top:120px;}
.vadkamera-lista{height:15px;}
.vadkamera-szuro{height:15px;}
.vadallomany-szuro{height:15px;}
.vadkamera-kep{height:15px;}
.ho-es-szelterkep{height:15px;}
.holdkep{height:15px;}
select{width:100%;}
.temp{width:100%;}
.wind{width:100%;}
.text-right{text-align:unset;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199px) {
.login-box{margin-top:10%;}
select{width:100%;}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
.pic-box{width:16.666%;}
}


#box_calendar {overflow: hidden; padding-left: 1px; padding-top: 1px;margin-left: auto; margin-right: auto; z-index: 1000;}
#box_calendar DIV.box_calendar_header {width: 247px; text-align: center; color: #FFFFFF; margin-right: 1px; margin-bottom: 1px; background: url("../images/login_button.png"); border-radius: 3px 3px 3px 3px;}
#box_calendar DIV.box_calendar_header A {display: block; text-align: center; color: #FFFFFF;}
#box_calendar DIV.box_calendar_footer {text-align: center; color: #FFFFFF; margin-right: 1px; margin-bottom: 1px; background: url("../images/login_button.png"); border-radius: 3px 3px 3px 3px;}
#box_calendar DIV.box_calendar_footer A {display: block; text-decoration: none; color: #FFFFFF;}
#box_calendar DIV.box_calendar_title {float: left; width: 30px; text-align: center; color: #FFFFFF; margin-right: 1px; margin-bottom: 1px; background: url("../images/login_button.png"); border-radius: 3px 3px 3px 3px;}
#box_calendar DIV.box_calendar_title A {display: block; text-decoration: none; color: #FFFFFF;}
#box_calendar DIV.box_calendar_title2 {float: left; width: 61px; text-align: center; color: #FFFFFF; margin-right: 1px; margin-bottom: 1px; background: url("../images/login_button.png"); border-radius: 3px 3px 3px 3px;}
#box_calendar DIV.box_calendar_title2 A {display: block; text-decoration: none; color: #FFFFFF;}
#box_calendar DIV.box_calendar_day {float: left; width: 30px; text-align: center; margin-right: 1px; margin-bottom: 1px; background-color: #e9dabb;}
#box_calendar DIV.box_calendar_day A {display: block; text-align: center; color: #000000;}
#box_calendar DIV.box_calendar_today {float: left; width: 30px; text-align: center; color: #FFFFFF; margin-right: 1px; margin-bottom: 1px; background: url("../images/login_button.png"); border-radius: 3px 3px 3px 3px;}
#box_calendar DIV.box_calendar_today A {display: block; text-align: center; color: #FFFFFF;}