/* 
    Created on : 12.2.2015, 22:46:06
    Author     : Ondrej Paluch
*/

.container > .well.well-dark.well-transparent {
  /*  background-color: #fff;*/
  background-color: transparent;
}

.normal-readonly[readonly]{
    cursor: inherit;
    background-color: inherit;
    opacity: inherit;
}

.noselect{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header-title-subtitle {
    vertical-align: top;
    font-size: 23px;
    line-height: 26px;
}

.header-title-info-time {
    vertical-align: top;
    font-size: 17px;
    line-height: 22px;
}

#googleMap
{
    width: 100%;
    height: 375px;
}

@media (min-width: 768px){
    #predvolba{
        width: 23%;
        display: inline;
        border-radius: 0px;
        margin-left: 0px;
        padding-right: 2px;
        padding-left: 2px;
    }

    #telefon
    {
        /*width: 75.5%;*/
        width: 98%;
        display: inline;    
    }
   
}

@media (max-width: 767px){
    .heslo-input-group
    {
        margin-right: -15px;       
    }

    button.zabudnute-heslo{
        margin-top: 2px;
    }

}

.has-error .input-group-addon.zabudnute-heslo
{
    color: #a94442;
    background-color: #f2dede;
}
.has-error div,
.has-error a
{
    color: #a94442;
}

.input-group-addon.zabudnute-heslo
{
    padding-left: 20px;
    border-radius: 15px;
    color: white;
    cursor: pointer;
    width: 70%;
}

.input-group-addon.zabudnute-heslo:hover
{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.vysledok_rezervacie{
    font-size: 26px;
    text-align: center;
    margin: 0px;    
}

.info_rezervacia{
    color: #00aa00;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
}

.info_rezervacia a
{
    margin-bottom: 5px;
}


.password-description.text-success
{
    color: #3c763d;
}

.password-conditions-wrap .condition {
    color: #D9534F;
    font-size: 14px;
    
}

.password-conditions-wrap .condition.checked {
    color: #0ca792;
}

.password-conditions-wrap .condition .custom-checkbox {
    border-radius: 50%;
    border: 1px solid #D9534F;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 6px;
}

.password-conditions-wrap .condition.checked .custom-checkbox {
    background-image: url(/img/icons/ok-32.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    background-color: #0ca792;
    border: 1px solid #0ca792;
}

.password-conditions-wrap input {
    cursor: default;
    pointer-events: none;
}

.krok
{
    display: none;
}



/**blikanie tlacitka poslat kod*/
@keyframes red_btn_blink {
    from {background-color: #D9534F;}
    to {background-color: #e9635F;}
}

.form-group-sm textarea.form-control
{
    height: 50px;   
}

@media (max-width: 767px){
    .form-horizontal .form-group.form-group-sm textarea.form-control
    {
        height: 36px;
    }
}

.vygenerovat-kod.btn-danger
{
  -webkit-animation: red_btn_blink .5s steps(5, start) infinite;
  -moz-animation:    red_btn_blink .5s steps(5, start) infinite;
  -o-animation:      red_btn_blink .5s steps(5, start) infinite; 
  animation:         red_btn_blink .5s steps(5, start) infinite;
}

@-webkit-keyframes red_btn_blink {
  from {background-color: #D9534F;}
    to {background-color: #f9737F;}
}
@-moz-keyframes red_btn_blink {
  from {background-color: #D9534F;}
    to {background-color: #f9737F;}
}
@-o-keyframes red_btn_blink {
  from {background-color: #D9534F;}
    to {background-color: #f9737F;}
}
@keyframes red_btn_blink {
  from {background-color: #D9534F;}
    to {background-color: #f9737F;}
}

.text-veriftel-title
{
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

#modal-choose-mobiloperator .text-title
{
    font-weight: bold;
    font-size: 19px;
}

#modal-choose-mobiloperator .list-operators
{
    margin-top: 20px;
}

#modal-choose-mobiloperator .list-operators-item
{
    text-align: center;
    padding-top: 10px;
}

#modal-choose-mobiloperator .list-operators img
{
    height: 60px;
    cursor: pointer;
}

#modal-choose-mobiloperator .list-operators span
{
    line-height: 35px;
    cursor: pointer;
    text-decoration: underline;
}

#modal-verif-registration .text-veriftel-alternativ-hint
{
    text-align: center;
    margin-top: 10px;
}

#modal-verif-registration .text-veriftel-alternativ-hint a 
{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

#modal-alter-verification .text-veriftel-title
{
    line-height: 28px;
}
#modal-alter-verification .text-veriftel-title a 
{
    text-decoration: underline;
    cursor: pointer;
}
#modal-alter-verification .text-alter-verif-waiting
{
    text-align: center;    
    font-size: 18px;
}

#modal-alter-verification .text-alter-verif-waiting b,
#modal-alter-verification .text-alter-verif-waiting a
{
    color: red;
}

#modal-alter-verification .loader-verif-waiting
{
    text-align: center;
}

#modal-alter-verification .loader-verif-waiting img.loader
{
    content: url('/img/circle_preloader2.GIF');
    padding-right: 20px;
}

#modal-alter-verification .loader-verif-waiting .loader-text
{
    
}

#modal-alter-verification .hint-alter-verif
{
    padding: 6px;
    display: inline-block;
}

.kontakt_firma
{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.kontakt_firma span
{
    white-space: nowrap;
}

.btn-navigate-maps {
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    background-color: #48C2F3;
    font-size: 21px;
    cursor: pointer;
}

.new-password-hint
{
    color: red;
    font-size: 16px;
}

.subtitle-div-rezdetails
{
    text-align: center;
}

.header-title-podnadpis-onerow
{
    line-height: 48px;
    font-size: 26px;
}

.link-res-details
{
    text-decoration: underline;
    font-size: 16px;
}

.btn-danger.blinking{
    -webkit-animation: bgblink 1s;  /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;  /* Chrome, Safari, Opera */
}
@-webkit-keyframes bgblink {
    from {background-color: #d9534f;}
    to {background-color: #f9736f;}
}
@keyframes bgblink {
    from {background-color: #d9534f;}
    to {background-color: #f9736f;}
}

.stepwizardReservation {
    padding-bottom: 5px;
    padding-top: 0px;
    margin-top: -14px;
    /*padding-left: 15px;
    color: #555;*/
    margin-bottom: -14px;
}

.well.well-dark.well-transparent{
    margin-top: -18px;
    border: none;
}



.well .wrapper-registration{
    background-color: white;
    border-color: #49C1F3;
    border: 1px solid #49C1F3;
    padding: 19px;
    border-radius: 10px 10px 10px 10px;
}

.well.well-light
{
    margin-top: -18px;
    border: none;
}

span.glyphicon-ok{
    font-size: 44px;
    color: #09d409;
    text-align: center;
}

.icon{
    text-align: center;
    margin-top: -49px;
}

.btns-code-verify button
{
    margin-top: 6px;
}

.btns-code-verify .col
{
    padding-left: 0px;
}

#kod
{
    max-width: 200px;   
}

.kod-ajax-message
{
    padding-left: 15px;
}

#btn-repeat-send-code
{
    font-size: 18px;
    cursor: pointer;
    text-decoration: underline;
}

@media (max-width: 350px){
 .stepwizardReservation{
    margin-bottom: -9px;       
    }
}

@media (max-width: 350px){
 .stepwizardReservation{
    margin-bottom: -9px;       
    }
}

@media(max-width: 768px){
    .container > .well{
        padding: 0px;
    }
    .stepwizardReservation{
    margin-top: 5px;       
    }    
}

.captcha-elements
{
    margin-bottom: 5px;
}

.captcha-elements #captcha-image
{
    width: 100%;
    max-width: 200px;
}

.captcha-elements .captcha-refresh
{
    font-size: 29px;
    vertical-align: bottom;

}

.form-group input[name='captcha_code']
{
    max-width: 200px;
}


#ajax-loader {
    position: fixed;
}

.cl-data{
    font-weight: bold;
}

/*skrytie horneho menu kvoli prehladnosti*/
.navbar .container .navbar-collapse,
.navbar-header button.navbar-toggle-rezervujsi
{
    display: none !important;
}

.hide-elements{
    display: none;
}

.wr-bt-continue-spr-line{
    display: none;
}

.inp-btn-wr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.inp-btn-wr [type="password"]{
    position: relative;
}

.intl-tel-input{
    display: block;
    width: 100%;
}

.btn.btn-continue{
    background-image: none;
    padding-left: 20px;
    padding-right: 15px;
    margin-left: -18px;
    border-radius: 0 15px 15px 0;
    text-decoration: underline;
    font-weight: bold;
}

.wrapper .container{
    width: 800px;
}

@media(max-width: 810px){
    .wrapper .container{
        width: 750px;
    }
}

@media(max-width: 810px){
    .wrapper .container{
        width: 100%;
    }
}
@media(max-width: 767px){
    .form-body{
        /*width: 270px;*/
        width: 350px;
    }

    .btn.btn-continue{
        display: none;
    }

    .wr-bt-continue-spr-line{
        display: block;
    }

    .intl-tel-input{
        width: 274px;
    }
}


@media(max-width: 400px){
    .form-body{
        width: 270px;
    }

    .intl-tel-input{
        width: auto;
    }
}

@media(max-width: 315px){
    .form-body{
        /*width: 270px;*/
        width: 255px;
    }

    .intl-tel-input{
        width: 179px;
    }
}