/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30-Jul-2019, 11:00:32
    Author     : Oren
*/
@media screen and ( min-width:679px) {
    
}
@media screen and ( max-width:678px) {
    
    
    .main-container > section .container {    max-width: 90%;}
    .form-control { max-width:100%;}
    .contactSubmit button { max-width:90%;}
   
    .swal-modal {    max-width: 90vw;}
    
    
    /* STUDENT PAGES */
    .st-page {}
    .st-page .container {min-height:0px;}
    .st-page .main-container > section .container { overflow-x:hidden; max-width:100%;  }
    
    .st-page nav #thehelp {
    width: auto;
    margin-top: 30px;
    font-size: 16px;
        text-indent: 1px;
}

.st-page .hdr-s-content .right-nav a  { font-size:16px;}

    .st-page nav #thehelp img { display:none;}
    .st-page header .logo img {
    height: 24px;
    margin-top: 0px;
}
.st-page #rel { width:100%; padding-bottom:18px}
.st-page .acirc { width:90vw; height:90vw;}
    .st-page  .hdr-s-content   .right-nav {       margin-top:-8px ;float: right;  font-size:16px;   max-width: calc(100vw - 77px);    margin-right: 7px;}
    .st-page .hdr-s-content .right-nav .ml { margin-right: 14px;    padding-right: 14px;    ;}
    .st-page #list {
    overflow: auto;
    padding: 0px;
    max-height: calc(95vh - 155px);
        background: #f3f3f3aa;
    direction: ltr;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    
    width: 100%;
    height: 95px;
    overflow: visible;
   padding-top:3px; border-top:1px solid #cdcdcd;
    z-index:2000;
}

.st-page .smiles3 {
    background-size: 40px auto;
    min-height: 30px;
    background-position: right 5px top 5px;
}
.st-page .main-container > .main-section h1 { font-size: 38px;min-height:44px;line-height: 125%;  padding-right:45px;}
.st-page .main-container > .main-section h1 .btn {
    margin-top: 9px;
    font-size: 15px !important;
    padding: 3px;
    margin-left: -7px;
}


.st-page .acirc .gender-f:after,.st-page  .acirc .gender-m:after {
    
    left: calc(50% - 25px);
    top: calc(50% - 25px); 
    width: 50px;
    height: 50px; 
}
.st-page #stat.stage0-stat {
    margin-top: 0px;
    z-index: 2222;
    position: fixed;
    top: 84px;
    left: 34px;
    margin-left:0px;
}
.st-page #stat.stage0-stat p , .st-page #stat.stage0-stat p span { font-size:12px;}
.st-page #stat.stage0-stat p { text-align:left; padding-left:14px;}
.st-page #stat.stage0-stat button {     left: -44px;    padding: 12px 30px;    border: none;    font-size: 17px;}
.st-page .kd6row  { text-align:center;position :relative;}

 
.st-page #list .kd6row > label {
    position: absolute;
    bottom: -15px;
    width: auto;
    float: none;
    right: 0px;
    right:auto;
    font-size: 30px;
}
.st-page .kd6row + .kd6row { display:none;}
.st-page .list-title { display:none;}
.st-page .kd6row .drg label { display:none;}

.st-page .kd6row.gender-f > label {padding-right: 31px; background:url(/images/mob-drg-f.png) no-repeat top right ; background-size:auto 33px;}
.st-page .kd6row.gender-m > label { padding-right: 31px;background:url(/images/mob-drg-m.png) no-repeat top right ; background-size:auto 33px;}

.st-page #list a[next], .st-page #list a[prev] {
    font-size: 20px;
    padding: 3px;
    font-size: 53px;
    line-height: 60px;
    position: absolute;
    right: 0px;
    top: 5px;
    font-family: cursive;
    width:30px;    text-align: center;
}

.acirc .fc-info, .acirc .drg, .kd6row .drg { touch-action: none; }

/* FORM */

.st-page  .q1-1.q1 label {
    padding-bottom: 15px;
}

.st-page #list a[prev] {left:0px; right:auto;}
.st-page #form { padding:10px; margin: 10px 0px;}
.st-page #form > div > label {    font-size: 20px;     margin-bottom: 11px; max-width:100%;}
.st-page #form > div .chk-wrapper label { margin-bottom:0px;}
.st-page #form .kd6row > label { width:100%;}
.st-page  #form > div > span { float:none; max-width:100%;}
.st-page  #form .kd6row .drg {  height:30px;}
.st-page   #form  .chk-wrapper {max-width:100%; width:100%;}
}