/* latin-ext */ 
@font-face {
	font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v5/y7lebkjgREBJK96VQi37Zqg5eI2G47JWe0-AuFtD150.woff2) format('woff2');
}


::-webkit-scrollbar {
	width: 0px;
}

::-webkit-scrollbar-button {
	width: 10px;
	height: 5px;
} 

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
	background-color: #545454;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #545454;
}

body {	font-family: 'AvenirR', 'Open Sans', sans-serif;	margin: 0px;	padding: 0px;	background-color: #F5F5F5;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: repeat;
background-size: cover;
background-position: center top; 
background-attachment: fixed;}
div {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
input, textarea, select {font-family: 'AvenirR', 'Open Sans', sans-serif;}
select{-webkit-appearance: none;  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC"); background-position: right 18px top 15px; background-repeat: no-repeat;}}

 textarea:focus {    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32); outline: none; background:white;}

.a{-webkit-transition-property: all;	-webkit-transition-duration: 200ms;	-moz-transition-property: all;	-moz-transition-duration: 200ms;	transition: all 200ms ease-in-out;}

.container { width: 1254px;  margin: 0 auto; background: #517BBD; border-radius: 2px; position:relative;}
.container .left {position:relative; float:left;}

.mainMenu {  width: 250px;  float: left;  font-size: 10pt;}
.mainMenu .mainBtn {color: #FFF;padding: 10px 15px;margin: 10px 0px 10px 10px;cursor: pointer;  border-radius: 2px 0 0 2px;}
.mainMenu .mainBtn:hover {background-color: rgba(237, 237, 237, 0.1);}
.mainMenu .mainBtn.active {background-color: #FFF; color:#517BBD;}
.mainMenu .mainBtn.active:hover {background-color: #FFF;}

.sideMenu {  width: 250px;  position:absolute; bottom: 0; font-size: 8pt;}
.sideMenu .mainBtn {color: rgba(255, 255, 255, 0.7);padding: 10px 15px;margin: 10px 0px 10px 10px;cursor: pointer;  border-radius: 2px 0 0 2px;}
.sideMenu .mainBtn:hover {background-color: rgba(237, 237, 237, 0.1);}
.sideMenu .mainBtn.active {background-color: #FFF; color:#517BBD;}
.sideMenu .mainBtn.active:hover {background-color: #FFF;}
.sideMenu i {margin-right: 10px;}

.top .logo{float:left}
.top {width: 1254px; margin: 0 auto; height: 100px; font-size: 10pt;position:relative;}
.top .userMin {float:right; padding: 5px 0px 10px 10px;margin: 12px 10px; overflow: hidden; height: 60px;}
.top .userMin .userPhoto {  border-radius: 50%; background-color: #517BBD;  width: 42px;  height: 42px;  background-size: cover;  background-position: center;  float: left;  margin-top: 10px;}
.top .userMin .userName {float:left;padding: 5px 0 0 10px;  max-width: 168px;   margin-top: 14px;  font-size: 12pt;}
.top .user {z-index: 9999; overflow: hidden;height: 0px;position: absolute;right: 10px;width: 324px;padding: 0 0 0 10px;;background: #FFF; border-radius: 2px; top:10px;}
.top .userMin:hover .user{height: 118px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);color: black;}
.top .userMin:hover .user .userPhoto{opacity: 1;}
.top .user .userName {padding: 5px 10px; font-size: 12pt; width: 252px; margin-top: 10px;  max-width: 252px;}
.top .user .userMail {float:left; padding: 0 10px;}
.top .user .btns {float:left; margin: 0 0 0 45px;}
.top .user .btns .mainBtn {float:left; margin: 10px 10px 0 0;   padding: 10px 10px; color:black; cursor:pointer;}
.top .user .btns .mainBtn:hover { background: #F4F4F4;}

.contentBreak{    width: 100%;    height: 80px;}
.content {    font-size: 10pt;  width: 1004px;  min-height: 240px; float:right; border-radius: 2px;  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.09);  background: #FFF; /* background-image: url('/admin/img/loader2.gif');  background-size: 120px;  background-repeat: no-repeat;  background-position: center 60px;*/  border-radius: 2px;  overflow: hidden;}
.content .in {  overflow: hidden;  width: 1004px;    min-height: 240px;    padding: 10px;    background:white;    border-radius: 2px;}

.content h1 {   font-size: 18pt;margin-top: 0;font-weight: 100;text-transform: uppercase;}
.content h1.full {   width: 100%;clear: both;}
.content h2 {height: 14pt;  margin: 0 0 30px 0;font-weight: 100;text-transform: uppercase;}
.content p {margin: 0;padding: 0 0 20px 0;text-align: justify;line-height: 28px; max-width: 500px;}
.content .in a {color:black;} 

.btn {float: right;color: #FFF;padding: 10px 15px;margin: 0px 0px 10px 10px;cursor: pointer;border-radius: 2px;background: #517BBD;}
.btn.red {background: #DC4437;}
.btn.green {background: #7DAD60;}
.btn.grey {background: #F4F4F4; color:black;}
.btn:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32); }

.content .in .previewPhotoTop {width: 1004px;height: 120px;background-size: cover;background-position: center;margin: -10px 0px 0 -10px;}
.clear{    clear:both;}
.clear.h10{ height: 10px !important}
.content .in #orderSaved{   display: none;  position: fixed;  left: 50%;  bottom: 20px;  width: 200px;  background: #517BBD;  padding: 10px 15px;  margin: 0 0 0 -10px;  text-align: center;  border-radius: 2px;  color: #FFF;  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32); }
.content .in #langSaved{ display: none; position: absolute;left: 50%;width: 250px;background: #517BBD;padding: 10px 15px;margin: -50px 0 0 -125px;text-align: center;border-radius: 2px;color: #FFF;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}

i.red {color: #DC4437;}
i.green {color: #7DAD60;}

.content table {width: 100% ;border-collapse: collapse;}
.content tr:hover td {background:#F5F5F5; }
.content table tr td:first-child { border-radius: 5px 0 0 5px; }
.content table tr td:last-child { border-radius: 0 5px 5px 0; }
.content table tr td{padding: 8px; -webkit-transition-property: all;	-webkit-transition-duration: 200ms;	-moz-transition-property: all;	-moz-transition-duration: 200ms;	transition: all 200ms ease-in-out;}
.content table tr td.center{text-align: center;}

.content .in .returnBack {font-size: 10pt;text-transform: none;float: left;color: #FFF;padding: 10px 15px; margin: 0 10px 15px 0px; cursor: pointer;border-radius: 2px;background: #517BBD;}
.content .in .returnBack:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32); }

.content .line {    width: 100%;}

.content .clear {    clear:both;    height: 0px;}
.content .line.text .label{    float: left;width: 280px;text-align: right;padding: 10px 10px;}
.content .line.text .input{   float: left;width: 700px;position: relative;}
 input:hover{    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
 input:focus {    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32); outline: none; background:white;}
 input {    padding: 12px 10px;border-radius: 2px;border-style: none;background: #F4F4F4;width: 680px;}
 
 select:hover{    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
 select:focus {    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32); outline: none; background:white;}
 select {    padding: 12px 10px;border-radius: 2px;border-style: none;background-color: #F4F4F4;width: 680px;}
.content .line.text .help{float: left;color: #808080;padding: 0px 10px 20px 10px;margin-left: 280px;}

.cover .oknoNote .line.text .label{  width: 100%;   text-align: center;}
.cover .oknoNote .line.text .input{  width: 100%;}
.cover .oknoNote .line.text .input input{      width: 480px;}
.cover .oknoNote .line.text .input select{  width: 100%;}

.content .line.text .warning{    float: left;width: 700px;color: #FFF;padding: 0 10px;border-radius: 2px;overflow: hidden;height: 0px;margin: 10px 0 0 280px;}
.content .line.text .smallWarRed {    top: 10px;    right: 10px;    color:#DC4437;    position:absolute;    display:none;}
.content .line.text .smallWarGreen {    top: 10px;    right: 10px;    color:#7DAD60;    position:absolute;}
.content .line.text .warning.red {background: #DC4437;}
.content .line.text .warning.active{    padding: 10px;    height: 38px; margin-bottom: 10px;}

.content .line.text select{padding: 12px 10px;border-radius: 2px;border-style: none;background-color: #F4F4F4;width: 700px;}
.content .line.text select:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}

.content .line.text textarea{padding: 12px 10px;border-radius: 2px;border-style: none;background: #F4F4F4;width: 680px;height: 75px;}
.content .line.text textarea:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}

.content .line.text .option{background: #F4F4F4;width: 120px;border-radius: 2px; float:left;}
.content .line.text .option:hover{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.content .line.text .option .in{padding: 12px;height: auto;min-height: 0px;width: 65px;text-align: center;color: #FFF; cursor: pointer;}
.content .line.text .option .val1{background: #7DAD60;}
.content .line.text .option .val0{background: #DC4437; margin-left: 55px;}
.content .line.text .optionWithVal{width: 550px;  float: left;  margin: 0 0 0 10px;}

.content .line.modOption .option{background: #F4F4F4;width: 200px;border-radius: 2px;}
.content .line.modOption .option:hover{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.content .line.modOption .option .in{padding: 10px;height: auto;min-height: 0px;width: 120px;text-align: center;color: #FFF; cursor: pointer;}
.content .line.modOption .option .val1{background: #517BBD;}
.content .line.modOption .option .val0{background: #517BBD; margin-left: 80px;}

.content .line.image .nahled {background-position: center; background-color: #517BBD;width: 120px;height: 120px;background-size: cover;border-radius: 100px;float: left;margin: 0 10px 0 0;}
.content .line.image .imageBtn {float: left;color: #FFF;padding: 10px 15px;margin: 0 10px 0 0;cursor: pointer;border-radius: 2px;background: #517BBD;}
.content .line.image .imageBtn:hover{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.content .line.image .input{float: left;width: 570px;position: relative;margin-top: 36px;}
.content .line.image .input input{width: 218px;}
.content .line.image .input .help {float: left;color: #808080;padding: 10px 10px 30px 10px;}
.content .line.image .label{   float: left;width: 280px;text-align: right;padding: 42px 10px 10px 10px;}
.content .line.image .nahled .notify {margin: 25px;width: 70px;background: #FFF;height: 70px;border-radius: 39px;overflow: hidden;text-align: center;font-weight: bold;font-size: 11pt;padding: 18px 0 0 0;opacity: 0; line-height: 24pt;}
.content .line.image .nahled.enter {width: 100px;height: 100px;margin: 10px 20px 10px 10px;}

.content .formSubmit {float: right;color: #FFF;padding: 10px 15px;margin: 0 0px 10px 0;cursor: pointer;border-radius: 2px;background: #517BBD;width: 100px;text-align: center;}
.content .formSubmut:hover{    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}

.content.login{      width: 320px;  float: none;  margin: 0 auto;}
.content.login .err{padding: 15px;color: #FFF;width: 320px;margin: -10px 0 10px -10px; }
.content.login .in{    width:320px;} 
.content.login .loginPhoto {background: #517BBD;width: 120px;height: 120px;border-radius: 120px;background-size: cover;background-position: center;margin: -5px auto 5px;box-shadow: 0 -3px 10px -2px rgba(0, 0, 0, 0.32);}
.content.login .loginName {color: black;font-size: 12pt;padding: 5px 0 10px 0;}
.content .content.login {box-shadow: none;}

.loginForm input {    width:280px; margin: 0 0 10px 0;}
.loginForm .submit {   width: 160px;background: #517BBD;color: #FFF;font-weight: bold;margin: 0 70px;}
.content.login p{    color: #B5B5B5;padding: 0; text-align:center;}
.content.login p a {     color: #B5B5B5;}

.err{padding: 15px 15px;  color: #FFF;    margin: -10px 0 10px -10px;  width: 1004px; }
.err.red{background: #DC4437;}
.err.green{background: #7DAD60;}
.err.yellow{background: #FFB329;}
.err img{}
.err.big {  background-image: url(/admin/img/bigErr.png);  background-position: 104% -32px;  background-size: 13%;  background-repeat: no-repeat;}


.content .in .line .btns{float: right;height: 100%;position: relative;}

.content .in .line{width: 100%;clear: both;margin-bottom: 10px;}
.content .in .dataLine{  width: 1004px;  margin: 0 0 0 -10px;  padding: 10px 10px 0;}
.content .in .dataLine:hover {/*background: #F4F4F4;*/ box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2); }
.content .in .dataLine .data{float: left;width: 576px;  padding: 10px 0 10px 10px;}
.content .in .dataLine .icon{width: 55px;height: 55px;border-radius: 50px;background-size: cover;background-position: center;float: left;background-color: #517BBD;}
.content .in .dataLine .data .name{font-size: 12pt;}
.content .in .dataLine .data .notes{  float: left;  width: 283px;  padding: 0 5px 5px 0;}

.content .in .line.small{margin-bottom: 0px;}
.content .in .line.small .data{float: left;width: 600px;padding: 10px;}
.content .in .line.small .data .name{font-size: 12pt;}


.content .in .dataLine .drag{background-image: url(../img/drag.png);opacity: 0;width: 100%;height: 100%;background-color: #517BBD;background-size: cover;border-radius: 50%;}
.content .in .dataLine:hover .drag{opacity: 0.8;}

.content .in .line.photo{margin-bottom: 5px; background:white;}
.content .in .line.photo .photoData{float: left;width: 320px;padding: 10px;font-size: 10pt;text-align: justify;}
.content .in .line.photo .title {font-size:12pt;}
.content .in .line.photo .photoIcon{width: 55px;height: 55px;border-radius: 50px;background-size: cover;background-position: center;float: left; background-color: #517BBD;}
.content .in .line.photo .btns .btn{margin-top: 11px;}

.content .in .detailTable{margin: 0 0 38px 0;}
.content .in .detailTable .line{}
.content .in .detailTable .line .label{float: left;text-align: right;padding: 10px;}
.content .in .detailTable .line .data{font-size: 12pt;float: left;padding: 8px;}
.content .in .detailTable .line.one .label{width: 20%;}
.content .in .detailTable .line.one .data{width: 80%;}
.content .in .detailTable .line.two .label{width: 20%;}
.content .in .detailTable .line.two .data{width: 30%;}
.content .in .detailTable .line.top .photo{width: 100px;height: 100px;float: left;margin: 0px 13px 0px 145px;background-size: cover;background-position: center;border-radius: 100px;}
.content .in .detailTable .line.top .title{font-size: 20pt;margin: 33px 0;float: left;}
.content .in .detailTable .line.top .title .small{font-size: 10pt;color: #808080;display: block;}
.content .in .detailTable .line .text {font-size: 12px;}
.content .in .detailTable .line .data .videoBlok {overflow: hidden;height: 100px;border-radius: 2px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);width: 730px;}
.content .in .detailTable .line .data .videoBlok .in {padding: 0;margin-top: -18px;}
.content .in .detailTable .line .data .videoBlok img{height: 137px;}
.content .in .detailTable .detailLogo {  background-color: #517BBD; width: 160px;  height: 160px;  background-size: cover;  border-radius: 50%;  margin: -160px 0 0 -80px;}
.content .in .detailTable .tag {  font-size: 10pt;  margin: -8px 5px 14px 0;}

.adminApprove{}

.selectTypeOfRegistration{clear:both;margin-bottom: 25px;}
.selectTypeOfRegistration .blok{width: 236px;text-align: center;float: left;}
.selectTypeOfRegistration .blok.info{width: 275px;text-align: right;}
.selectTypeOfRegistration .typeOfRegBtn{border-radius: 2px;color: #FFF;background: #517BBD;padding: 10px;cursor: pointer;}
.selectTypeOfRegistration .typeOfRegBtn:hover{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.selectTypeOfRegistration .typeOfRegBtn.active{background: #7DAD60;}
.selectTypeOfRegistration .blok .line{padding: 5px;border-width: 0 0 1px 0;border-style: solid;border-color: #F4F4F4;}
.selectTypeOfRegistration .blok .line.last{padding: 5px;border-width: 0 0 0   0;border-style: solid;border-color: #F4F4F4;}
.selectTypeOfRegistration .fa-times{color: #DC4437;}
.selectTypeOfRegistration .fa-check{color: #7DAD60;}



.oknoAccept{width: 350px;height: auto;background: #FFF;border-radius: 2px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);left: 50%;top: 50%;  padding: 10px 10px 0 10px;position: absolute;margin: -250px 0 0 -175px;}



.cover {    position: fixed;    background: url(../img/cover.png);    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    top: 0;    z-index: 9999;    display:none;    font-size: 10pt;}
.cover .in .circle {background-color: #517BBD;margin: 0 auto 10px auto; width: 120px; height: 120px; border-radius: 50%; background-size: cover; background-position: center;}
.cover .in p {margin: 0 0 20px 0; text-align: center;}
.cover .in h1 {font-weight: normal; font-size: 14pt; margin: 0 0 20px 0;  text-align: center;}


.cover .oknoFile {width: 720px;
height: 400px;
background: #FFF;
border-radius: 2px;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);
left: 50%;
top: 50%;
position: absolute;
margin: -200px 0 0 -310px;}
.cover .oknoFile h2{font-family: 'AvenirR', 'Open Sans', sans-serif;
font-weight: normal;
margin: 0;
font-size: 10pt;
background: #517BBD;
color: white;
padding: 13px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.cover .close{cursor:pointer; float: right;background: #DC4437;width: 24px;height: 24px;text-align: center;margin: 10px;color:white;border-radius: 2px;padding: 2px;}
.cover .close:hover{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}

.cover .fileSpace{clear: both;
width: 720px;
height: 375px;
overflow: scroll;
padding: 10px 0px 10px 10px;
margin-top: 0px;
}
.oknoFile {overflow: hidden;}
.oknoFile h1{font-family: 'AvenirR', 'Open Sans', sans-serif;font-weight: normal;margin: 0;font-size: 10pt;background: #517BBD;color: white;padding: 13px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}


.fileSpace{clear: both;width: 994px;margin-top:10px;}
.fileSpace .box{float: left;width: 132px;height: 146px;overflow: hidden;margin: 0 10px 10px 0;border-radius: 2px;}
.fileSpace .box.active{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.fileSpace .box:hover{background:#F4F4F4;}
.fileSpace .box .icon{width: 100px;height: 100px;background-size: cover;background-position: center;background-color: #517BBD;border-radius: 100px;margin: 5px auto;}
.fileSpace .box .data{text-align: center; padding: 0 4px;}
.fileSpace .box .info{display: none;}

.content .in .dataLine.photoBig .drag{background-image: url(../img/drag.png);opacity: 0;width: 40%;height: 40%;margin: 30% auto;background-color: #517BBD;background-size: cover;border-radius: 50%;}
.content .in .dataLine:hover .drag{opacity: 0.8;}
.content .in .dataLine.photoBig .name {font-size:12pt; display:none;}
.content .in .dataLine.photoBig .icon{  margin: 0 0 10px 0; width: 120px;height: 120px;border-radius: 60px;background-size: cover;background-position: center;float: left; background-color: #517BBD;}
.content .in .dataLine.dragableLine {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;width: 984px;box-sizing: content-box;}
.content .in .dataLine.dragableLine.ui-sortable-helper {background: white;}
.content .in .dataLine.dragableLine:hover {box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);}
.content .in .dataLine.dragableLine.a {-webkit-transition-property: box-shadow;	-webkit-transition-duration: 200ms;	-moz-transition-property: box-shadow;	-moz-transition-duration: 200ms;	transition: box-shadow 200ms ease-in-out;}

.filePrew {height: 0px; overflow: hidden;width: 1004px;margin: 0 0 0 -10px;background-color: rgba(255, 255, 255, 0.9);}
.filePrew.onTop {height: 100px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.filePrew.onTop {height: 100px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.filePrew.onTop.moving {
position: fixed;
top: 57px;
}
.filePrew .in {height: 100px;min-height: 100px;width: 800px;float: left; background:none;}
.filePrew .icon{width: 80px;height: 80px;background-size: cover;background-position: center;background-color: #517BBD;border-radius: 100px;margin: 0 10px 0 0;float: left;}
.filePrew .data{text-align: left;float: left;font-size: 12pt;width: 600px;margin: 5px 0;}
.filePrew .info{float: left;width: 475px;}
.filePrew .info div {padding: 2px 0;float: left;overflow: hidden;height: 22px; width: 150px;}
.filePrew .info .link{width: 400px;}
.filePrew .info .icon{display:none}
.filePrew .info .size{}
.filePrew .info .type{}
.filePrew .info .date{}
.filePrew .btn {margin: 30px 10px 0 0!important;}

.bottom {width: 1254px;margin: 10px auto;font-size: 8pt; padding: 0 0 10px 0;}
.bottom a {color:black;}



.oknoNote{width: 520px;height: auto;background: #FFF;border-radius: 2px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);left: 50%;top: 50%;  padding: 10px 10px 0 10px;position: absolute;margin: -300px 0 0 -260px;}

.oknoNote .in p {margin: 10px 10px 30px 10px;}
.oknoNote .in .btnAno {float: right;color: #FFF;padding: 10px 15px;margin: 0px 0px 10px 10px;cursor: pointer;border-radius: 2px;background: #517BBD;width: 80px;text-align: center;margin-right: 10px;font-size: 10pt;}
.oknoNote .in .btnNe {background: #DC4437;float: right;color: #FFF;padding: 10px 15px;margin: 0px 0px 10px 10px;cursor: pointer;border-radius: 2px;width: 80px;text-align: center;font-size: 10pt;}
.oknoNote .in textarea {margin: 10px 10px 5px 10px;padding: 12px 10px;border-radius: 2px;border-style: none;background: #F4F4F4;width: 460px;height: 75px;}
.oknoNote .in textarea:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.oknoNote h1 {font-weight: normal; font-size: 14pt; margin: 0 0 20px 0;  text-align: center;}


.cover .clear {    clear:both;    height: 0px;}
.cover .line{ padding:10px 0 0 0;}
.cover .line.text .label{    float: left;width: 170px;text-align: right;padding: 10px 10px;}
.cover .line.text .input{   float: left;width: 330px;position: relative;}
.cover .line.text .input input {width: 300px;}
.cover .line.text .help{float: left;color: #808080;padding: 0px 10px 20px 10px;}

.cover .priceEdit .line.text .help{padding: 0px 10px 20px 170px;}

.cover .line.text .warning{    float: left;width: 320px;color: #FFF;padding: 0 10px;border-radius: 2px;overflow: hidden;height: 0px;margin: 10px 0 0 170px;}
.cover .line.text .smallWarRed {    top: 10px;    right: 20px;    color:#DC4437;    position:absolute;    display:none;}
.cover .line.text .smallWarGreen {    top: 10px;    right: 20px;    color:#7DAD60;    position:absolute;}
.cover .line.text .warning.red {background: #DC4437;}
.cover .line.text .warning.active{    padding: 10px;    height: 38px; margin-bottom: 10px;}

.oknoPass{width: 500px;height: auto;background: #FFF;border-radius: 2px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);left: 50%;top: 50%;position: absolute;margin: -135px 0 0 -250px;}
.oknoPass .in p {margin: 10px 10px 30px 10px;}
.oknoPass .in .btnAno {float: right;color: #FFF;padding: 10px 15px;margin: 0px 0px 10px 10px;cursor: pointer;border-radius: 2px;background: #517BBD;width: 80px;text-align: center;margin-right: 10px;font-size: 10pt;}
.oknoPass .in .btnNe {background: #DC4437;float: right;color: #FFF;padding: 10px 15px;margin: 0px 0px 10px 10px;cursor: pointer;border-radius: 2px;width: 80px;text-align: center;font-size: 10pt;}

.noteSpace {width:994px;}
.noteSpace .newNote {padding: 0 !important; box-shadow: none !important;}
.noteSpace .newNote  textarea {padding: 12px 10px;
border-radius: 2px;
border-style: none;
background: #F4F4F4;
width: 218px;
height: 75px;
margin: 0 0 5px 0;}
.noteSpace .newNote  textarea:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.noteSpace .newNote .btn{}
.noteSpace .note{float: left;
                 position:relative;
                 min-height: 80px;
width: 238px;
background: white;
padding: 10px;
margin: 0 10px 10px 0;
box-shadow:0 2px 10px -2px rgba(0, 0, 0, 0.32);
position: relative;}
.noteSpace .note:hover{}
.noteSpace .note:hover .over{background: rgba(255, 255, 255, 0.8);
opacity: 1;}
.noteSpace .note p{padding: 0; 
word-break: break-all;
font-size: 10pt;
line-height: 22px;}
.noteSpace .note .over{position: absolute;
                       overflow: hidden;
width: 100%;
height: 100%;
margin: -10px;
opacity: 0;}
.noteSpace .note:hover .over .btn{margin: 20px 0 0 -35px;opacity: 1;}
.noteSpace .note .over .btn{left: 50%;
position: absolute;
opacity: 0;
margin: -30px 0 0 -35px;}
.noteSpace .note .info{color: rgb(148, 148, 148);
text-align: right;}


 


.networkLost{background: #DC4437;color: white;margin-top: -60px;}
.networkLost img {height: 50px;margin: 20px;}
.networkLost p {margin: -10px 0 20px 0 !important;text-align: center;}

 
 


.oknoNetwork{width: 500px;
height: auto;
border-radius: 2px;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);
left: 50%;
top: 50%;
position: absolute;
margin: -60px 0 0 -250px;}



.statistics {}
.statistics .chart{width: 1004px;margin: 0 0 0 -4px;}
.statistics .chart .col{float: left;width: 32px;}
.statistics .chart .col .space{height: 300px;position: relative;}
.statistics .chart .col .space .val{overflow: hidden; height: 0px; position: absolute;bottom: 0;background: #517BBD;width: 22px;left: 5px;text-align: center;color: white;border-radius: 2px;padding: 4px 0 6px 0;font-size: 7pt;}
.statistics .chart .col .space:hover .val{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.statistics .chart .col .date{text-align: center;}
.statistics .chart .col .datefull{display:none;}

 .mover{position: absolute;top: 0; z-index: 9999; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);height: 58px;width: 100px;padding: 2px 7px;border-radius: 2px;opacity: 0;background: white;
-webkit-transition-property: opacity;	-webkit-transition-duration: 200ms;	-moz-transition-property: opacity;	-moz-transition-duration: 200ms;	transition: opacity 200ms ease-in-out;}
 .mover .val{font-size: 16pt;}
 .mover .date{font-size: 10pt;}


.statistics .devices {width: 600px;height: 100px;margin-top: 40px;float: left;}
.statistics .devices .title{}
.statistics .devices .device .percents{float:left;font-size: 22pt;padding: 0 10px;width: 110px;}
.statistics .devices .device .text{float: left;padding: 0 10px;}
.statistics .devices .device{width: 200px;height: 50px;float: left;}
.statistics .devices .device .icon{float:left; background: #517BBD;color: white;width: 60px;height: 60px;border-radius: 60px;text-align: center;font-size: 28pt;padding: 3px;}

.statistics .time{float:left}
.statistics .time .circle{background: #517BBD;
width: 80px;
height: 80px;
border-radius: 61px;
margin: 34px 0 4px 0;
text-align: center;
color: white;
font-size: 22pt;
padding: 19px 0px;}
.statistics .time .title {width: 180px;}

.statistics .realtime{float: left;
margin: 0 0 0 30px;}
.statistics .realtime .num{background: #517BBD;
width: 80px;
height: 80px;
border-radius: 61px;
margin: 34px 0 4px 0;
text-align: center;
color: white;
font-size: 22pt;
padding: 19px 0px;}
.statistics .realtime .text{width: 160px;}

.statistics .pages{float: left;width: 600px;margin: 35px 0 0 0;}
.statistics .pages .page{height: 42px;}
.statistics .pages .page .title{float: left;
height: 30px;
width: 475px;
padding: 10px;}
.statistics .pages .page .percents{float: right;
height: 30px;
width: 125px;
font-size: 16pt;}

.statistics .countries{float: left;width: 384px;margin: 35px 0 0 0;}
.statistics .countries .country{height: 52px;}
.statistics .countries .country .icon{float: left;
height: 40px;
width: 40px;
background-size: cover;
border-radius: 40px;
background-position: center;}
.statistics .countries .country .title{float: left;
height: 40px;
width: 250px;
padding: 10px;}
.statistics .countries .country .percents{float: right;
height: 40px;
width: 65px;
font-size: 16pt;}



 .tag{background: rgb(244, 244, 244);
float: left;
padding: 10px 15px;
margin: 0 5px 5px 0;
cursor:pointer;
color: black;
border-radius: 2px;}
 .tag.aktivni{color: white;
background: #517BBD;}
 .tag:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);    
}



.loadMore{color: #FFF;
padding: 10px 15px;
cursor: pointer;
border-radius: 2px;
background: #517BBD;
width: 150px;
margin: 20px auto 0 auto;
text-align: center;}
.loadMore:hover{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.loadMore.nonactive{color: black; background: #E2E2E2; cursor: default;}

.loadMore.nonactive:hover{box-shadow: none;}
.preppendThere {  text-align: center;  font-size: 17pt;  color: #517BBD;  padding: 10px;}
.preppendThere img {height: 120px;}

.content .in .btn .icon {
    background-color:black;
width: 20px;
height: 20px;
display: inline-block;
background-size: cover;
position: relative;
border-radius: 10px;
margin: 0 -5px 0 -5px;
background-position: center;
}

.btn.min .icon {
margin: -5px -5px -5px -5px;
}

.ckEditorPlus {
    background: #517BBD;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin: 8px 0 0 921px;
  z-index: 8888;
  position: absolute;
  color: #FFF;
  padding: 11px;
  text-align: center;
  font-size: 14pt;
}
.ckImagePlus {
      background: #F4F4F4;
  padding: 10px;
  margin: 0 -10px 10px -10px;
  width: 1004px !important;
}
.ckEditorPlus .helpMe {
   width: 210px;
  padding: 10px;
  background: #FFF;
  margin: 10px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);
  text-align: center;
  display: none;
  color: #000;
  font-size: 10pt;
}
.ckEditorPlus:hover .helpMe {
    display: block;
}

.selectChangeOwner select{
    padding: 12px 10px;border-radius: 2px;border-style: none;background: #F4F4F4;  margin: 10px;  width: 480px;
}

.selectChangeOwner select:hover{
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);
}


.content .in .tabBlok {display:none;}
.content .in .tabBlok.aktivni{ display:block;}
.content .in .tabs{    clear: both;
  width: 1004px;
  height: 58px;
  box-shadow: 1px 6px 10px -8px #6F6F6F;
  overflow: hidden;
  padding: 20px 0 0 10px;
  margin: 0 0 20px -10px;}
.content .in .tabs .tab{float: left;padding: 10px 15px;background: #F5F5F5;border-radius: 2px 2px 0 0;margin: 0 5px 0 0;color: black;cursor: pointer;}
.content .in .tabs .tab:hover{  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.content .in .tabs .tab.aktivni{background: #517BBD;color: white;}


.topPhoto {
  height: 145px;
  background-size: cover;
  background-position: center;
  margin: -10px -10px 10px -10px;
}

.formstars {  border-radius: 2px;  border-style: none;  background: #F4F4F4;  width: 700px; overflow:hidden;}
.formstars:hover {  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32);}
.formstars .s-in{  float: left;  width: 20%;  text-align: center;  padding: 10px;  border-radius: 3px;}
.formstars .s-in:hover{  box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.2);}
.formstars .s-in.aktivni{  background-color: #517BBD;  color: #FFF;}


.formstars .ds-in{  float: left;  width: 100px;  text-align: center;  padding: 10px;  border-radius: 3px;}
.formstars .ds-in:hover{  box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.2);}
.formstars .ds-in.aktivni{  background-color: #517BBD;  color: #FFF;}
 
.oknoNote table {width: 100%;}
.oknoNote table input{    font-size: 10pt;
    padding: 10px 10px;
       width: 90px;}

.oknoNote .datepicker2 {    padding: 0;
    margin: 0 0 10px 0;
}

.oknoNote .datepicker2 input{    width: 228px !important;}

table .btn {
    margin: -5px 0 -5px 5px;
    padding: 5px 8px;
}