﻿/*=========================== 20210204 krakoss custom confirm ================================================ */
.confirm { z-index: 99999; }
.confirm_all { width: 100%; padding: 10px 20px; background: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 767px) {
    .confirm_all { max-width: 360px; }
}

.confirm_h1 { color: #2b8ff1; padding: 0px 10px 10px 10px; font-size: 19px; text-align: left; margin-top: 14px; margin-bottom: 14px; }
.confirm_text { font-size: 16px; line-height: 23px; padding: 0px 10px 10px 10px; margin-bottom: 14px; }
.confirm .confirminput { color: white; line-height: 46px; background-color: #e60f6f; padding: 0px 25px; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; cursor: pointer; border: 0px; }
    .confirm .confirminput.yes { margin-right: 50px; }
    .confirm .confirminput.no { background-color: #2b8ff1; }
    .confirm .confirminput:hover { background-color: #01305c; color: white; text-decoration: none; }
.confirm_fixed { position: fixed; width: 100%; height: 100%; background-color: rgba(1, 48, 92, 0.99); top: 0px; left: 0px; }
.confirm > div:last-of-type { min-width: 100px; }
    .confirm > div:last-of-type div:last-of-type { text-align: right; }

/*=========================== 20210204 krakoss custom confirm ================================================ */
/*=========================== 20210111 krakoss custom alert ================================================ */
.alertm_overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(1, 48, 92, 0.99); top: 0px; left: 0px; display: none; z-index: 99999; }
.alertm_all { z-index: 99999; width: 100%; padding: 10px 20px; background: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .alertm_all .floatLetf { width: 30%; float: left; height: 100px; }
    .alertm_all .alertm_wrapper .floatLetf .imgLogo { position: relative; border-radius: 50%; height: 80px; width: 80px; overflow: hidden; margin: 0 auto; -webkit-box-shadow: 0px 1px 3px 4px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 3px 4px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 3px 4px rgba(34, 60, 80, 0.31); top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); }
    .alertm_all .floatRight { width: 68%; float: right; height: 100px; padding-top: 20px; }

@media (min-width: 767px) {
    .alertm_all { max-width: 360px; top: 45%; }
        .alertm_all .floatLetf { width: 22%; }
        .alertm_all .floatRight { width: 74%; padding-top: 12px; }
}

.alertm_all a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; color: #0275d8; }
    .alertm_all a:hover { color: #222; }
.alertm_h1 { color: #2b8ff1; padding: 0px 10px 10px 10px; font-size: 19px; text-align: left; margin-top: 14px; margin-bottom: 14px; }
.alertm_text { font-size: 16px; line-height: 23px; padding: 0px 10px 10px 10px; margin-bottom: 14px; }
.alertm_but { color: white; line-height: 46px; background-color: #e60f6f; padding: 0px 25px; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; cursor: pointer; border: 0px; width: 75px; float: right; }
    .alertm_but:hover { background-color: #01305c; color: white; text-decoration: none; }

/*=========================== 20210111 krakoss custom alert ================================================ */
/*=========================== 20210204 krakoss alert_button под одну кнопку ================================================ */
.alert_button { z-index: 99999; }
.alert_button_all { width: 100%; padding: 10px 20px; background: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 767px) {
    .alert_button_all { max-width: 360px; }
}

.alert_button_h1 { color: #2b8ff1; padding: 0px 10px 10px 10px; font-size: 19px; text-align: left; margin-top: 14px; margin-bottom: 14px; }
.alert_button_text { font-size: 16px; line-height: 23px; padding: 0px 10px 10px 10px; margin-bottom: 14px; }
    .alert_button_text > ol { margin: 0; padding: 0px 0px 0px 30px; }
.alert_button .alert_buttoninput { color: white; line-height: 46px; background-color: #e60f6f; padding: 0px 25px; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; cursor: pointer; border: 0px; }
    .alert_button .alert_buttoninput.ok { margin-right: 10px; }
    .alert_button .alert_buttoninput:hover { background-color: #01305c; color: white; text-decoration: none; }
.alert_button_fixed { position: fixed; width: 100%; height: 100%; background-color: rgba(1, 48, 92, 0.99); top: 0px; left: 0px; }
.alert_button > div:last-of-type { min-width: 100px; }
    .alert_button > div:last-of-type div:last-of-type { text-align: right; }
/*=========================== 20210204 krakoss alert_button под одну кнопку ================================================ */

/*=========================== 20221010 krakoss showInformationWindow ================================================ */
.showInformationWindow_overlay { position: fixed; width: 100%; height: 100%; /*background-color: rgba(1, 48, 92, 0.99); */ top: 0px; left: 0px; display: none; z-index: 99999; }
.showInformationWindow_all { overflow-x: hidden; height: 90%; box-shadow: 0 0 15px #000; border: solid 1px #01305c; overflow-y: scroll; z-index: 99999; width: 90%; padding: 10px 20px; background: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 767px) {
    .showInformationWindow_all { max-width: 860px; }
}
/*=========================== 20221010 krakoss showInformationWindow ================================================ */
/*=========================== 20221027 krakoss pushWindow ================================================ */

.pushWindow_all { overflow-x: hidden; height: auto; box-shadow: 0 0 15px #000; border: solid 1px #01305c; overflow-y: hidden; z-index: 99999; padding: 10px 20px; background: #fff; position: fixed; top: 80px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*=========================== 20221027 krakoss pushWindow ================================================ */

