/*******************************************************************************
 *  This file is part of GSG-Project - a utility for teacher info exhange.     *
 *  Copyright (C) 2020-23  Miha Kitič <miha.kitic@mksp.si>                     *
 *                                                                             *
 *  This program is free software: you can redistribute it and/or modify       *
 *  it under the terms of the GNU General Public License as published by       *
 *  the Free Software Foundation, either version 3 of the License, or          *
 *  (at your option) any later version.                                        *
 *                                                                             *
 *  This program is distributed in the hope that it will be useful,            *
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of             *
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the              *
 *  GNU General Public License for more details.                               *
 *                                                                             *
 *  You should have received a copy of the GNU General Public License          *
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.      *
 ******************************************************************************/

.errorlist {
    position: relative;
    top: 10px;
}
.errorlist > li { font-size : 16px; }

input {
    border           : 1px solid transparent;
    border-bottom    : 1px dotted black;
    border-radius    : 0px;
    transition       : background-color 0.5s;
    width            : 100%;
    text-align       : center;
    font-size        : 16px;
}

select {
    position         : relative;
    top              : 3px;
    width            : 100%;
    background-color : transparent;
    text-align       : center;
    font-size: 16px;
    border: 4px solid transparent;
    outline: none;
}
input[type=checkbox] { width:16px; height:16px;  }

.label-underwrite { font-size : 9px; min-height: 13px; float: left; width : 100%; }
.label-left       { font-size : 16px !important; position : relative; top : 13px; }

.gender-selector li > label { width : 50px; }
.gender-selector li > label > input { width : 12px; }

.suggestion-cover > div {
    position  : absolute;
    right     : 20px;
    color     : blue;
    font-size : 90%;
}

/*
.fieldWrapper input.emso-field,
.fieldWrapper input.birth-place-field,
.fieldWrapper input.birth-country-unlisted,
.fieldWrapper input.citizenship-unlisted,
.fieldWrapper input.address,
.fieldWrapper input.city,
.fieldWrapper input.municipality-unlisted,
.fieldWrapper input#id_city,
.fieldWrapper input#id_caretaker_full_name,
.fieldWrapper input.email {
    text-align   : left !important;
    padding-left : 20px;
}
*/
@media (min-width: 768px) {
    .fieldWrapper input.emso-field,
    .fieldWrapper input.birth-place-field,
    .fieldWrapper input.birth-country-unlisted,
    .fieldWrapper input.citizenship-unlisted,
    .fieldWrapper input.address,
    .fieldWrapper input.city,
    .fieldWrapper input.municipality-unlisted,
    .fieldWrapper input#id_city,
    .fieldWrapper input#id_caretaker_full_name,
    .fieldWrapper input.email {
        text-align   : left !important;
        padding-left : 20px;
    }
}

@media (min-width: 768px) {
    .program-selection-section { width : 90%; }
}

/** Exam term selector */
#exam-term-selection > div:first-child  { width : 100%; }
#exam-term-selection > div:nth-child(2) { width : 100%;              margin-top:15px; }
#exam-term-selection > div:nth-child(3) { width : 25px;              margin-top:15px; }
#exam-term-selection > div:nth-child(4) { width : calc(100% - 25px); margin-top:15px; }

@media (min-width: 1200px) {
    #exam-term-selection > div:first-child  { width : 340px; }
    #exam-term-selection > div:nth-child(2) { width : calc(100% - 460px); margin-top:unset; }
    #exam-term-selection > div:nth-child(3) { width : 40px;               margin-top:unset; text-align : center; }
    #exam-term-selection > div:nth-child(4) { width : 80px;               margin-top:unset; text-align : center; }
}