/*BASE CLASSES*/
html, body {
    height: 100%;
}
.pad_space {
    padding-bottom: 20px;
}
.pad_space_top {
    padding-top: 20px;
}
.pad5 {
    padding-bottom: 5px;
}
.base_box {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -62px;
}
.footer_push {
    height: 60px;
}
.footer_box  {
    height: 40px;
}
/*END BASE CLASSES*/
/*\backend\protected\views\site\
INDEX.PHP*/
.i_title_ {
    padding-top: 10%;
}
.i_title h1 {
    margin-top: 0;
}
.i_btn_box {
    padding: 15px;
}
.i_big_btn {
    display: inline-block;
    width: 390px;
    height: 252px;
    margin: 5px;
}
.i_btn_first {
    background-image: url(../img/addAtm-1.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.i_btn_first:hover {
    background-image: url(../img/addAtm-2.jpg);
}
.i_btn_second {
    background-image: url(../img/manageAtm-1.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.i_btn_second:hover {
    background-image: url(../img/manageAtm-2.jpg);
}
/*\backend\protected\views\site\
END INDEX.PHP*/
/*LOGIN*/
.login_btn_box {
    padding-top: 10px;
}
/*end LOGIN*/
/*Admin*/
.adm_ctrl_box {
    padding-right: 0!important;
}
.adm_table_box {
    overflow-x: auto;
    position: relative;
}
.adm_table {
    width: 1108px;
}
/*end Admin*/
/*Step pages*/
.next_btn_box {
    text-align: right;
}
.amount_box {
    position: relative;
}
/*Step pages*/
#viewATM .btn-warning{
    margin-left: 0;
}
.input_add_check {
    position: relative;
}
.add_check_box {
    position: absolute;
    right: 26px;
    top: 2px
}
.for_error_pos .form-group {
    position: relative;
}
.for_error_pos .form-group a[data-toggle="tooltip"] {
    position: relative;
    top: -5px;
}
.add_check_box_error {
    right: 31%!important;
    position: absolute!important;
}
@media (max-width: 1000px) {
    .for_error_pos .form-group a[data-toggle="tooltip"] {
        right: 20px;
        top: 32px;
    }
    .add_check_box_error {
        top: 4px!important;
    }
}
.info_in {
    position: static!important;
}
.teble_msg table {
    border: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 20px;
}
#atm-grid table tr.odd {
    background-color: #eeeeee;
}
.line_sp {
    padding-bottom: 4px;
}
/*clearfix*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* Хак для IE 6 и 7 */
}
.sig_input{
    width: auto;
    display: inline-block;
}
/*Table*/
.atm_table th, .atm_table td {
    padding: 8px!important;
}
.atm_table th {
    background-color: #f7f7f7;
    vertical-align: middle!important;
}
.table-curved {
    /*border-collapse: separate;*/
}
.table-curved {
    border: solid #ccc 1px;
    border-radius: 6px;
    /*border-left:0px;*/
    /*border-top: 0;*/
}
.table-curved td, .table-curved th {
    border: 1px solid #ccc;
    /*border-top: 1px solid #ccc;*/
}
/*.table-curved th {*/
/*border-top: none;*/
/*}*/
/*.table-curved th:first-child {*/
/*border-radius: 6px 0 0 0;*/
/*}*/
/*.table-curved th:last-child {*/
/*border-radius: 0 6px 0 0;*/
/*}*/
/*.table-curved th:only-child{*/
/*border-radius: 6px 6px 0 0;*/
/*}*/
/*.table-curved tr:last-child td:first-child {*/
/*border-radius: 0 0 0 6px;*/
/*}*/
/*.table-curved tr:last-child td:last-child {*/
/*border-radius: 0 0 6px 0;*/
/*}*/
.table_separator th, .table_separator td {
    border-top: 2px #d3d3d3 groove!important;
}
.atm_table_mobile .white_tr th,
.atm_table_mobile .white_tr td {
   /* background-color: #FFFFFF!important;*/
}
.atm_table_mobile .black_tr th,
.atm_table_mobile .black_tr td {
   /* background-color: #ececec !important; */
}
.atm_pull_right {
    float: right;
}
/*end Table*/
.row_:before, .row_:after {
    content: " ";
    display: table;
}
.row_:before, .row_:after {
    content: " ";
    display: table;
}
.row_:after {
    clear: both;
}
.atm_alert {
    padding: 7px 15px;
}
 

@media (min-width: 992px){
    .modal-xl {
        width: 900px;
    }
}
@media (min-width: 1100px){
    .modal-xl {
        width: 1000px;
    }
}
@media (min-width: 1302px){
    .modal-xl {
        width: 1200px;
    }
}