/*
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 : 2018.04.16., 22:47:36
    Author     : Krisztián
*/

.contactform{padding: 0 20px;}
.contactform .fieldrow {display:block;width:100%;margin:10px 0;border-radius:5px 0 0 5px}
.contactform .fieldrow >* {display: block;width: 100%;padding: .375rem .75rem;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.contactform .textbox textarea{height:120px;border-radius:5px 0 0 5px}
.contactform input.error{border:1px solid #d80007;}
.contactform input.error::placeholder{color:#d80007}
.contactform textarea.error{border:1px solid #d80007;}
.contactform textarea.error::placeholder{color:#d80007}


/*DatePicker*/
.datepicker.datepicker-dropdown.dropdown-menu{    padding: 7px!important;font-size: 1.1em!Important;}
.datepicker.datepicker-dropdown.dropdown-menu th,
.datepicker.datepicker-dropdown.dropdown-menu td{padding:7px}

#training-form {width:70%; padding:20px 0;position:relative}
#training-form input,
#training-form select{padding:5px;outline:none;border:1px solid #ccc;width:100%}
#training-form .col-form-label {text-align:right}
#training-form #elearning{position:absolute;width:30%;right:-40%;cursor:pointer}
#training-form #iselearning{margin:0 0 0 20px;background:#bfac26;color:#fff;text-align:center;position: relative;border: 2px solid #fff;border-radius: 5px;padding:10px}
#training-form #elearning:hover #iselearning{background:#b19c07;}
#training-form #elearning.active #iselearning{background: #dc3545;}
#training-form #elearning.active #iselearning:after{content:"✓";width:10px;height:10px;position: absolute; font-weight: bold;right: 13px;top: 15px;font-size: 22px;}

.swal2-content .errorsummary {font-size:12px;color:#f00;text-align:left;list-style: square;    padding: 10px 20px;  margin: 20px;}

.select2-choices{background: #ececec!Important;    padding: 5px!Important;outline:none!Important}
.select2-search-choice{padding: 4px 10px 7px 15px!Important;    box-shadow: none!Important;    background: #fff!Important;color: #4e5d78!Important}

.formbox{width: 80%;padding: 20px;background: #e8e8e8;border: 1px solid #ccc;}
.formbox .control-group{width:100%}

#QaSform .search{padding:10px;margin:15px 0px;    background-image: url(../images/icon-search.png);
    background-position: right 10px center!Important;
    background-repeat: no-repeat;
    border: 3px solid #939393;}

    #QaSform .checkbox input:checked + label {    background: #4e5d78;
        color: #fff;}

    #QaSform .checkbox label{    background: #c0c0c0;
        padding: 12px 20px;
        margin:0 5px 0 0;
        line-height: 1em;
        font-size: 1.2em;cursor:pointer}

        #QaSform .checkbox label:hover{opacity:.6}        
    #QaSform .checkbox input{display:none}
.searchblock {
    padding: 10px;
    margin: 15px 0;
     border: 1px solid #939393;
         font-size: 1.4em;
}
b.highlight{background:#77808f;color:#fff}




.switch {padding:20px;margin:20px 0;    text-align: justify;border:1px solid #ccc;background:#eee}
.switch ol{ padding: 0 0 0 20px;}
.switch li{margin-bottom:12px}
.switch h2{margin:25px 0}
.switch .control-group{margin-left: 100px;}
.switch label.error,
.switch label.error a{color:#f00}
.switch .alert {    border: 1px solid #fb4c4c; border-radius: 0;    color: #771b1b;    margin: 10px 0;    background: #f7aaaa;}
.switch .alert.alert-error ul { font-size: .9em; background: transparent;color: #a11;
}
.switch .form-actions{margin: 20px -20px -20px -20px;    padding: 20px;    text-align: center;    background: #ccc;}
.switch .form-actions .btn{margin:auto!Important}