body, html{
 width:100%;
 min-height:100%;
 position:relative;
 margin:0;
 padding:0;
 font-family:'trebuchet ms';
 background: url(/templates/pdd/css/img/cats.png);
}
*{
 box-sizing:border-box;
}
.new_kurs{
    width: 100%;
    background: orange;
    border: none;
    color: #FFF;
    font-size: 20px;
    padding: 40px 0;
    cursor: pointer;
    text-transform: uppercase;
    position:relative;
}
.new_kurs span{
    position: absolute;
    top: -5px;
    right: 15px;
    padding: 10px;
    font-size: 14px;
    color: #FFF;
    background: #ff0000;
    box-shadow: 1px 0 4px #000;
}
.driving_course-wrapper{
  width: 100%;  
  margin-bottom: 100px;
  padding:15px;
}
.driving_course-content{
  background:#FFF;
  padding: 15px;
}
.driving_course-content p{
  padding:0;
}
.driving_course-border{
    padding: 15px;
    line-height: 100%;
    width: 100%;
    animation: rotate 3s infinite linear;
    -webkit-animation: rotate 20s infinite linear;
}

@-webkit-keyframes rotate {
  from {
    background-position: -100%;
  }
  to { 
    background-position: 0px;
  }
}

@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to { 
    background-position: 0px;
  }
}

.gradient {
  background: rgb(48,255,144); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(48,255,144,1) 0%, rgba(237,45,237,1) 25%, rgba(201,152,38,1) 50%, rgba(48,255,230,1) 75%, rgba(48,255,144,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(48,255,144,1)), color-stop(25%,rgba(237,45,237,1)), color-stop(50%,rgba(201,152,38,1)), color-stop(75%,rgba(48,255,230,1)), color-stop(100%,rgba(48,255,144,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(48,255,144,1) 0%,rgba(237,45,237,1) 25%,rgba(201,152,38,1) 50%,rgba(48,255,230,1) 75%,rgba(48,255,144,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(48,255,144,1) 0%,rgba(237,45,237,1) 25%,rgba(201,152,38,1) 50%,rgba(48,255,230,1) 75%,rgba(48,255,144,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(48,255,144,1) 0%,rgba(237,45,237,1) 25%,rgba(201,152,38,1) 50%,rgba(48,255,230,1) 75%,rgba(48,255,144,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(48,255,144,1) 0%,rgba(237,45,237,1) 25%,rgba(201,152,38,1) 50%,rgba(48,255,230,1) 75%,rgba(48,255,144,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30ff90', endColorstr='#30ff90',GradientType=1 ); /* IE6-9 */

}
.driving_course H3{
    display:block;
    margin:0;
    padding:0;
    text-align:center;
    margin-bottom:15px;
}

.allowance-block{
    padding: 15px;
    box-shadow: 1px 0 4px #ccc;
    border-radius: 4px;
    margin: 15px;
    background: url(/profile/img/all.jpg) #FFF;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-left: 230px;
}
.allowance-block p{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
}
.allowance-block button{
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    background: green;
    border-radius: 4px;
    border: 1px solid #102d10;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 1px 0 4px #000;
    transition: 0.2s;
}
.allowance-block button:hover{
    box-shadow:none;
}
.allowance-block form{
    margin:0;
}
.vote_wrap{
  position: fixed;
  top: 10%;
  width: 100%;
}
#vote_window{
    width:600px;
    max-width:80%;
    margin:25px auto;
    background: #FFF;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 1px 0 24px #C0C0C0;
  
}
#vote_window p{
    padding: 0;
    margin: 0;
    font-size: 1.5em;
    font-style: italic;
}
#vote_window p span{ 
    color: navy;
    display: block;
    margin-bottom: 25px;
    text-decoration: underline; 
}
#vote_window label{
    display: block;
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 1.2em;
    color: dodgerblue;
 
}
.auth{
 width:800px;
 max-width:100%;
 margin:0 auto;
 background:#FFF;
 padding:25px;
 height:100%;
}
.auth H1{
  text-align:center; 
  color:#666;
}
.auth input{
 width:100%;
 margin-top:15px;
}
.schedule, .cash_table{
 width:100%;
 border-collapse:collapse;
}
.schedule td, .schedule th, .cash_table td, .cash_table th{
 font-size:12px;
 padding:3px 6px;
 border:1px solid #E5E5E5;
}

.auth input[type="text"], .auth input[type="password"]{
 padding:10px 15px;
 font-size:16px;
}
.auth input[type="submit"]{
 background:#000082;
 padding:15px 20px;
 font-size:16px;
 border:none;
 cursor:pointer;
 color:#FFF;
}
.info{
 padding:15px;
 text-align:center;
 border:2px solid DodgerBlue;
 border-radius:15px;
}
.error{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 padding:15px 20px;
 background:red;
 color:#FFF;
 text-align:center;
 margin:0;
}


#main{
 width:1280px;
 position:relative;
 max-width:100%;
 margin:0 auto;
 min-height:100%;
 overflow-y:auto;
 background:url("img/pbg.png") 0% 0 / 100% 100% no-repeat #FFFFFF;
}
#menu{
 position:absolute;
 width:30%;
 min-height: 100%;
 background:#2C2984;
 margin:0;
 padding:0;
 list-style:none;
}
#menu a{
      color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    height: 100px;
    padding: 15px;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
    overflow:hidden;
}
#menu span{
 display:block;
 font-size:22px;
 color:#000;
}
.add{
 bottom:0;
 position:absolute;
 left:0;
 width:100%;
}
#menu .med{
 background:#FAA902;
}
#menu .plan{
 background:#FF0000;
}
#menu .med, #menu .plan{
  color:#FFFFFF;
  display:block;
  font-size:24px;
  padding: 10px;
  text-decoration:none;
  width:100%;
  border-radius:15px;
  text-align:center;
  height:auto;
}
.active{
 background:#AACBFF;
}
#content{
 padding-left: 30%;
 min-height: 100%;
}
.block{
 width:100%;
 padding:15px 35px;
}
.top_info{
 height:100px;
 background:#999;
 font-size: 12px;
}
.top_block{
 width:33%;
 padding:15px;
 float:left;
 max-height:100%;
 overflow-y:auto;
}
.top_block_big{
 width:66%;
 padding:15px;
 float:left;
}
.top_block_big div{
 width:50%;
 float:left;
 padding-right:10px;
}
/*.top_block_big div:nth-last-child(1){
 width:100%;
 float:left;
}*/
.top_block_big span{
 float:right;
 color:#FFF;
}
.top_block form{
 margin:0;
 padding:0;
}
.top_block a{
 display:block;
 text-decoration:none;
 color:#000;
 font-weight:bold;
 margin-bottom:5px; 
 cursor:pointer;
}
.act{
 color:FFF!important;
}

.teachers{
 background:url('/profile/img/op.png');
 width:40%;
 margin:15px;
 float:left;
}
.teachers_title{
 background:#999;
 text-align:center;
 padding:15px;
 color:#FFF;
}
.worker{
 padding:10px;
 color:#2C2984;
 font-weight:bold;
}
.worker span{
 display:block;
 color:#000;
 padding-top:5px;
}
.buttons{
 float:left;
 width:52%; 
 padding:15px 0;
}
.buttons a{
 color:#FFFFFF;
  display:block;
  padding:48px 30% 40px 40px;
  width:100%;
  margin-bottom:15px;
  text-decoration:none;
  font-size:20px;
}
.button1{
 background:url('/profile/img/icon1.png') right center / auto 100% no-repeat;
 background-color:#94C4FF;
}

.button2{
 background:url('/profile/img/icon2.png') right center / auto 100% no-repeat;
 background-color:#2C2984;
}

.button3{
 background:url('/profile/img/icon3.png') right center / auto 100% no-repeat;
 background-color:#999999;
}
.clr{
 clear:both;
}
.board_title{
 text-align:center;
 color:#2C2984;
 font-size:40px;
}
.board{
 margin:25px;
 background:#FFF;
 max-height:300px;
 overflow-y:auto;
}
.exams{
 width:Calc(100% - 30px);
 border-collapse:collapse;
 margin:15px;
}
.exams td, .exams th{
 padding:5px 10px;
 border:1px solid #E5E5E5;
 background:#FFF;
}
.some-msg{
 padding:15px;
}
.add-med{
 border-radius:15px;
 padding:15px;
 border:1px solid #E5E5E5;
 width:Calc(100% - 30px);
 background:#FFF;
 margin:15px;
}
.add-med label{
 font-size:12px;
}
.add-med input{
 width:100%;
 padding:5px 10px;
}
.exam{
 width:100%;
}
.vk-main{
 margin:0 auto;
 width:800px;
 font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
 font-size: 11px;
 line-height: 1.182;
 font-weight: normal;
 -webkit-font-smoothing: subpixel-antialiased;
}
.vk-main span{
 margin:0;
}
.vk-logo{
 background-color:#527498;
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
 padding:15px;
 height:15px;
}
.vk-exit{
  background:none;
  border:none;
  color:#E8EFF7;
  float:right;
  font-weight:bold;
  height:44px;
  margin-top:-36px;
  cursor:pointer;
  width:60px;
}
.vk-exit:hover{
 background-color:#426286;
}
.vk-logo img{
  float:left;
  margin-top:-10px;
  margin-left:-5px;
  width:130px;
}
.vk-logo input[type="text"]{
  background-image:url("/templates/pdd/images/vk-lupa.png");
  background-position:2% 50%;
  background-repeat:no-repeat;
  border:1px solid #4F7094;
  border-radius:3px;
  margin-left:10px;
  margin-top:-6px;
  padding:5px 5px 5px 20px;
  width:130px;
  color:#7c90a8;
}
#vk-menu{
 float:left;
 width:150px;
} 
.vk-logo input[type="text"]::-webkit-input-placeholder {color:#7c90a8;}
.vk-logo input[type="text"]::-moz-placeholder          {color:#7c90a8;}/* Firefox 19+ */
.vk-logo input[type="text"]:-moz-placeholder           {color:#7c90a8;}/* Firefox 18- */
.vk-logo input[type="text"]:-ms-input-placeholder      {color:#7c90a8;}

#vk-menu ul{
 padding-left:5px;
}
#vk-menu li{
  border-radius:2px;
  color:#2B587A;
  font-size:11px;
  padding:4px 6px;
  cursor:pointer;
}
#vk-menu li:hover{
 background-color:#e1e7ed;
}
.vk-menu-active{
 font-weight:bold;
}
#vk-menu a{
 color:#2B587A;
 text-decoration:none;
}


#vk-right{
  float:right;
  margin-right:19px;
  padding:0 10px 15px;
  width:609px;
  min-height:500px;
  background:url("/templates/pdd/images/vk-border-left.png") 0% 50% repeat-y, url("/templates/pdd/images/vk-border-right.png") 100% 50% repeat-y, url("/templates/pdd/images/vk-border-bottom.png") 0% 100% repeat-x;
}
.vk-user-name-top{
  background-color:#E9EDF1;
  color:#607387;
  font-weight:bold;
  margin-left:-8px;
  padding:8px;
  width:609px;
}
.vk-student-info, .vk-student-detail{
 width:100%;
 border-collapse:collapse;
}
.vk-student-detail td{
 background:#FFF;
 font-size:12px;
}
.vk-student-info TD{
 border:none;
 padding-top:10px;
 vertical-align:top;
}
.vk-active-link{
 border-radius:2px;
 color:#2B587A;
 font-size:11px;
 padding:4px 6px;
 cursor:pointer;
 margin-top:5px;
}
.vk-active-link:hover{
 background-color:#e1e7ed;
}
#vk-menu img{
 width:130px;
 margin-left:10px;
 margin-bottom:10px;
}
.vk-student-fio{
 display:block;
 color:#607387;
 font-weight:bold;
 margin:0;
}
.vk-services{
 border-bottom:1px solid #E6E6E6;
 padding:15px 0px;
}
.vk-service{
 color:#777777;
 margin-right:15px!important;
 cursor:pointer;
}
.vk-service:hover{
 border-bottom:1px solid;
}
.vk-active{
 color:#000;
 font-weight:normal;
 font-weight:bold;
 border-bottom:1px solid;
}
.vk-f, .vk-s{
 padding-top:5px!important;
}
.vk-f{
 color:gray;
 width:40%;
}
.vk-s{
 color:#496886;
}
.vk-small-head{
  background-color:#E9EDF1;
  color:#607387;
  font-weight:bold;
  padding:5px;
  margin:15px 0 5px;
}
.vk-small-head a{
 text-decoration:none;
 color:#607387;
}
.td-border{
 margin-top:15px;
}
.td-border TH, .td-border TD{
  border:1px solid #c0c0c0;
  text-align:center;
  padding:6px 3px;
  vertical-align:middle;
}
.td-border TH{
 background-color:#E9EDF1;
}
.vk-user-msg{
 line-height:20px;
}
.vk-add-med{
 margin-top:15px;
 padding:10px;
 border:1px solid #c0c0c0;
}
.vk-add-med legend{
 color:#607387;
}
.vk-add-med input{
 width:200px;
 padding:3px;
}
#addphoto{
 padding:5px;
 border:1px dashed #E9EDF1;
 display:none;
}
#addphoto span{
 float:right;
 cursor:pointer;
 margin-top:-5px;
}
#addphoto input[type="submit"]{
 border:none;
 color:#FFF;
 background:#607387;
 padding:6px 12px;
 margin-top:5px;
 font-size:11px;
 cursor:pointer;
}
#addphoto input[type="file"]{
 margin-top:10px;
 font-size:11px;
 background:#607387;
 max-width:169px;
}
.vk-error{
  background-color:red;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  margin:0 auto;
  padding:3px 0;
  text-align:center;
  width:800px;
}
.vk-info-block{
  background:#E9EDF1;
  border:1px solid #607387;
  color:#607387;
  float:left;
  height:50px;
  margin-right:17px;
  width:30%;
  text-align:center;
  font-size:16px;
  padding-top:30px;
  margin-bottom:15px;
}
.vk-last{

}
.vk-main p{
 padding-left:5px;
 font-size:11px;
 color:#607387;
}
.vk-noimg{
  background:url("/images/avatar/noimg.png");
  color:navy;
  font-size:70px;
  height:184px;
  padding-top:87px;
  text-align:center;
  background-size:100%;
}
.vk-many{
   box-sizing:border-box;
  margin:10px;
  overflow:hidden;
  padding:3px;
  width:45%;
}
.vk-ask-full{
 position:absolute;
 right:0;
 bottom:20%;
 width:200px;
 height:300px;
 background-color:#fff;
 border:1px solid #c0c0c0;
}
.vk-ask-small{
 position:absolute;
 right:0;
 bottom:0;
 width:200px;
 height:34px;
 background-color:#fff;
 border:1px solid #c0c0c0;
}
.vk-ask-header{
  background-color:#527498;
  padding:10px;
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  cursor: move;
} 
.vk-close{
  color:#FFFFFF;
  cursor:pointer;
  float:right;
  font-weight:bold;
  margin:0;
} 
p{
 padding:15px;
}
#ask select{
  border-bottom-color:#C0C0C0;
  border-bottom-width:1px;
  border-style:none none solid;
  padding:7px;
  width:200px;
  outline:none;
}
#ask textarea{
  border-bottom-color:#C0C0C0;
  border-bottom-width:1px;
  border-style:none none solid;
  height:186px;
  outline:none;
  padding:7px;
  width:186px;
  min-height:186px;
  max-height:186px;
  min-width:186px;
  max-width:186px;
}
.vk-ask-send{
  background:#607387;
  border:none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:11px;
  margin-top:5px;
  padding:6px 12px;
  width:190px;
}
.mail-result{
 text-align:center;
 font-size:12px;
 font-weight:bold;
 padding-top:10px;
}
.vk-success{
 color:#527498;
}
.vk-fail{
 color:red;
}
.vk-info-table{
 width:100%;
 border-collapse:collapse;
}
.vk-info-table TD{
 width:33%;
 padding:5px;
 border:none;
}
.vk-info-table IMG{
 width:100%;
 margin:0;
}
.vk-wall-date{
 color:#c0c0c0!important;
 margin-top:5px;
}
.vk-plus-msg{
 float:right;
 font-size:11px;
 color:#2B587A;
 font-weight:bold; 
}
.vk-chat-msg-1{
  float:right;	 
}
.vk-chat-msg-0{
  float:left;	 
}
.vk-chat-msg-1, .vk-chat-msg-0{
	color:#000;
	background-color:#E9EDF1;
	border-radius:5px;
	padding:5px;
	width:50%;
	margin-bottom:10px;
}
.vk-chat-msg-1 span, .vk-chat-msg-0 span{
	 display:block;
	 color:gray;
	 font-size:11px;
}
.vk-chat-msg-name-0, .vk-chat-msg-name-1{
  color:#607387;
  font-weight:bold;
  clear:both;
}
.vk-chat-msg-name-0{
   float:left;
}
.vk-chat-msg-name-1{
   float:right;
}
.vk-ul{
   
}
.vk-ul li{
   color:#607387;
   margin-bottom:10px;
   list-style-type:square;
}
.vk-img-item-back{
  float:left;
  margin-left:0 !important;
  margin-right:5px;
  width:20px !important;
}
.board{
 padding:15px;
 overflow-y:auto;
}
.day-header{
 font-weight:bold;
 margin-top:15px;
 padding:5px;
 border-bottom:1px solid #E5E5E5;
}
.day-item{
 padding:15px;
}
.gr{
 color:#E5E5E5;
}
.mob{
 display:none;
}
@media screen and (max-width: 799px){
  
 .allowance-block{
    background-size: 100% auto;
    background-position: center bottom;
    padding-left: 15px;
    padding-bottom: 235px;
    
 } 

 #menu{
  display:none;
 }
 .mob{
    left: 0;
    top: 0;
    display: block;
    padding: 15px;
    background: navy;
    position: fixed;
    width:auto!important;
    color:#FFF;
    cursor:pointer;
    width: 44px!important;
 }
 #content{
  padding-left:0;
 }
 div{
  width:100%!important;
  display:block;
  height:auto;
  float:none!important;
  box-sizing:border-box;
  clear:both;
  padding:15px;
  margin:0!important;
 }
 .button1, .button2, .button3{
  background-size:50%;
 }
 .top_info{
  height:auto;
 }
 .top_block{
  text-align:center;
 }
 .top_block a{
   display:block;
   padding:15px;
   border:1px solid #E5e5e5;
 } 
 .vis{
    position: fixed!important;
    top: 0;
    left: 0;
    width: Calc(100% - 44px)!important;
    display: block!important;
    height: 100%;
    overflow-y: auto;
 }
 table{
  margin:0!important;
 }
 #menu a{
  height:auto!important;
  font-size:14px!important;
 }
 #win_plan{
  top:0!important;
  left:0!important;
 }
}