﻿/*#region Information Popup Section*/


/*#loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite alternate;
    -webkit-animation: spin 1s ease-in-out infinite alternate;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}*/
.loader-registration{
    text-align:center;

}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #2e5f9d;
    width: 60px;
    height:60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: 40px auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#identomat_content {
    margin-top: 105px;
    justify-content: center;
    height: 650px !important;
}
.user-video-content-identomat {
    display: grid;
    grid-template-columns: minmax(295px, 490px);
    justify-content: center;
    grid-template-rows: 150px auto;
    margin-top: 20px;

}
#info_for_mob_change {
    text-align:justify;
    font-weight:bold;
    font-size:15px;
}
#identomat_change_mobile {
    display: grid;
    justify-content: space-around;
    margin-top: 50px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #D9D9D9 !important;
    border-radius: 15px !important;
    /* text-align: center; */
    height: 45px !important
}
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 5px 0 0 15px !important; 
    }


.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    width: auto;
    border-radius: 10px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    border-radius: 10px;
    width: 32px;
    justify-self: center;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 50% !important;
    height: 30px !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 1.8em !important;
    width: 80% !important;
    height: 35px !important;
}



#send_confirm_code {
    cursor: pointer;
    width: 150px;
    background-color: #31619E;
    border-radius: 15px;
    color: white;
    height: 60px;
    margin-top: 36px;
    border: none !important;
    font-size: 16px;
}

.btn-register-app button {
    cursor: pointer;
    width: 412px;
    background-color: #31619E;
    border-radius: 15px;
    color: white;
    height: 60px;
    margin-top: 36px;
    border: none !important;
    font-size: 16px;
}
#tin_identomat_register_app {
    width: 438px;
    height: 45px;
    border: 1px solid #D9D9D9 !important;
    border-radius: 15px;
    font-size: 18px !important;
    color: #000000;
    padding-left: 10px;
}

.registration-header-txt {
    text-align: center;
    margin: 20px;
    color: #31619E;
    font-size: 25px;
}

#identomat_register_app {
    display: grid;
    justify-content: center;
    margin-top: 100px;
}

.btn-register-app button {
    cursor: pointer;
    width: 450px;
    background-color: #31619E;
    border-radius: 15px;
    color: white;
    height: 60px;
    margin-top: 36px;
    border: none !important;
    font-size: 16px;
}

.app-list-div select {
    width: 450px;
    height: 50px;
    border-radius: 15px;
    margin-top: 10px;
    border: 1px solid #D9D9D9;
}

.btn-change-mobile-success button {
    cursor: pointer;
    width: 412px;
    background-color: #31619E;
    border-radius: 15px;
    color: white;
    height: 60px;
    margin-top: 36px;
    border: none !important;
    font-size: 16px;
}
.btn-connect-user-identomat button {
    cursor: pointer;
    width: 412px;
    background-color: #3CCC63;
    border-radius: 5px;
    color: white;
    height: 74px;
    margin-top: 7px;
    border: none !important;
    font-size: 16px;
}
.btn-connect-user-org button {
    cursor: pointer;
    width: 412px;
    background-color: #3CCC63;
    border-radius: 5px;
    color: white;
    height: 74px;
    margin-top: 7px;
    border: none !important;
    font-size: 16px;
}

    #change_buttons {
        display: grid;
        width: 400px;
        margin: auto;
        row-gap: 40px;
        margin-top: 50px;
    }
btn_open_change_password
#identomat_change_mobile {
    display: grid;
    justify-content: space-around;
    margin-top: 50px;
}
#identomat_change_password {
    display: grid;
    justify-content: space-around;
    margin-top: 50px;
}


#btn_open_new_app {
    background-color: #31619E;
    color: white;
    height: 60px;
    border-radius: 15px;
    padding: 10px;
    width: 400px;
}

.input-headers {
    display: flex;
    justify-content: space-between;
    width: 400px;
    margin: 15px 0px 10px;
    color: #31619E;
}
#change_buttons button {
    background-color: #31619E;
    color: white;
    height: 60px;
    border-radius: 15px;
    padding: 10px;
}
    .input-headers span {
        color: red !important
    }
    .content-header-identomat {
        font-size: 19px;
        display: flex;
        color: #31619E;
    }

.head_txt {
    text-align: center;
    margin-bottom: 30px;
    font-size: 19px;
    font-weight: bold;
}

.container-blur {
    filter: blur(3px);
}
.active-button {
    background-color: #077248;
    color: white;
    height: 60px;
    border-radius: 15px;
    padding: 10px;
}
.info-content {
    font-size: 16px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 9px;
    width: 606px;
    margin-top: 75px;
    margin-left: auto !important;
    margin-right: auto !important;
}

    .info-content .close {
        color: black;
        float: right;
        cursor: pointer;
        font-size: 33px;
        vertical-align: bottom;
        margin-top: -1px;
    }

#working_hours {
    margin-top: 30px;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: justify;
}

#working_hours_eng {
    margin-top: 30px;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center;
}

    .info-content > div:not([class]):not([id]) {
        margin-top: 8px;
    }

    .info-content div:first-child div:last-child {
        display: grid;
        justify-self: end;
    }

.inline-icon {
    vertical-align: text-top;
    font-size: 21px !important;
    color: #1D67A7;
}

.info-content div:nth-child(2) {
    margin-top: 14px;
    margin-bottom: 15px;
}

#modal_instruction .modal-content {
    justify-content: center;
    width: 35%;
    border-radius: 8px;
}

#modal_instruction .modal-header {
    background-color: white;
    color: black;
    font-weight: bold;
    border-radius: 8px;
}

#modal_instruction .close {
    color: black;
    margin-top: 10px;
    font-size: 33px;
}

#modal_instruction .instruction-text {
    display: grid;
    justify-content: center;
    justify-items: center;
    padding: 35px 27px;
    border-bottom: 1px solid lightgray;
}

#modal_instruction .icons span {
    margin: 30px 16px 0px;
    color: black;
    font-size: 42px;
}

#modal_instruction .description {
    font-size: 14px;
}

#modal_instruction .modal-footer {
    width: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: end;
    padding: 40px 20px;
}

    #modal_instruction .modal-footer div p {
        display: block;
        color: black;
        font-size: 14px;
        padding-left: 25px;
    }

#modal_instruction .btn-close {
    background-color: #31619E;
    border-radius: 8px;
    width: 167px;
    height: 45px;
    color: white;
}

#modal-footer div {
    justify-self: center;
    align-self: center;
}

.instruction-grid-identomat {
    display: grid !important;
    margin-top:15px;
}

.instruction-grid {
    display: grid !important;
}
.instruction-grid-org {
    display: grid !important;
    width: 400px;
    text-align: justify !important;
}

.instruction-grid, .instruction-grid-identomat div:first-child {
    font-size: 21px;
}

.instruction-grid, .instruction-grid-identomat > div {
    font-size: 29px;
    color: #2F2F2F;
}

.instruction-grid, .instruction-grid-identomat > .description {
    color: #868686;
    font-size: 16px !important;
}

.instruction-grid, .instruction-grid-identomat > .icons img {
    /*margin-right: 22px !important;*/
}
/*#endregion  */
/*#region Main Page Section*/
#main_page {
    justify-content: center !important;
    margin-bottom: 50px;
}

.header-txt {
    display: flex;
    column-gap: 20px;
    background-color: lightgray;
    height: 163px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8%;
    background-repeat: round;
    font-size: 32px;
    background-image: url(../images/header-bg.jpg);
    justify-content: space-between;
}

.header-txt {
    font-size: 24px !important;
    height: 105px !important;
}

#choose_content {
    display: grid;
    grid-template-areas:
        "a b"
        "d e"
        "c h"
        "g f";
    column-gap: 30px;
    justify-content: center;
    justify-items: center;
}

#open_modal_identomat {
    grid-area: g;
    margin: 30px 30px;
    color: #31619E;
}

#open_modal_owner {
    grid-area: d;
    margin: 30px 30px;
    color: #31619E;
}

#open_modal_trusted {
    grid-area: e;
    margin: 30px 30px;
    color: #31619E;
}

#open_modal_non_resident {
    grid-area: f;
    margin: 30px 30px;
    color: #31619E;
}

#main_page button {
    background-color: #31619E;
    padding: 14px;
    color: white;
    font-size: 17px;
    width: 300px;
    height: 95px;
    border-radius: 12px;
}


#main_page #choose_content_title {
    display: flex;
    margin-top: 90px;
    margin-bottom: 35px;
    justify-content: center;
    font-size: 20px;
    color: #777777;
}

.connect-to-chat {
    display: grid;
    justify-items: center;
    padding-right: 50px;
    cursor: pointer;
}

    .connect-to-chat span {
        font-size: 35px !important;
        color: #31619E;
    }

    .connect-to-chat p {
        font-size: 16px !important;
    }
/*#endregion */
/*#region Header Section*/
#header_logo_and_navigation {
    display: grid;
}
/*#header_instruction span:first-child {
    vertical-align: middle;
    margin-right: 7px;
    line-height: 10px;
    color: #31619E;
}
#header_instruction span:last-child {
    color: #31619E;
}*/

#header_instruction {
    display: flex;
    font-family: 'firago-regular';
    justify-content: space-evenly;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 3px;
    margin-right: 10px;
    column-gap: 2px;
}

    #header_instruction > :first-child {
        color: #31619E !important;
        font-size: 30px !important;
    }

#insturction_geo, #insturction_eng {
    cursor: pointer;
}

.header-grid-container {
    display: grid;
    grid-template-columns: 180px auto 250px;
    text-align: center;
    align-items: center;
    height: 67px;
    border-bottom: 1px solid #EAEAEA;
}

#back_to_main_page {
    font-size: 28px;
    cursor: pointer;
    color: #707070;
}

#header_content_title {
    color: #777777;
}
/*#endregion*/
/*#region Form Elements Section*/
.hide {
    display: none !important;
}

.issuer-attorney-title {
    margin: 40px 0px 20px 0px;
    font-weight: bolder;
}

.floating-label {
    font-size: 15px !important;
}

input::placeholder {
    font-size: 9px !important;
}

.dv_agree span {
    font-size: 12px !important
}
.dv_agree_new span {
    font-size: 12px !important
}


.trusted-person-title {
    margin: 15px 0px;
    font-weight: bolder;
}

#info_for_trusted_person {
    padding: 20px 40px;
    background-color: #F7F1DF;
    margin-left: auto;
    margin-right: auto;
    width: 683px;
    margin-top: 32px;
    font-size: 14px;
    border-radius: 4px;
}

    #info_for_trusted_person p {
        color: #B95811;
        font-weight: bold;
        margin-bottom: 5px;
    }

.content-header {
    display: grid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 40px;
    border-bottom: 0px !important;
    align-items: center;
    color: #777777;
}
.content-header-org {
    align-items: center;
    color: #31619E;
    padding-left: 28px;
    font-size: 20px;
}
.content-header-trusted {
    align-items: center;
    color: #31619E;
    padding-left: 35px;
    font-size: 20px;
}
.user-video-content {
    display: grid;
    /*grid-template-columns: minmax(295px, 575px);*/
    grid-template-columns: minmax(295px, 430px);
    justify-content: center;
    grid-template-rows: 50px auto;
    margin-top: 20px;
}
.user-video-content-identomat {
    display: grid;
    grid-template-columns: minmax(295px, 430px);
    justify-content: center;
    grid-template-rows: 50px auto;
    margin-top: 20px;
}



.user-content-grid {
    border-top: 0px !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: grid;
    grid-template-columns: minmax(295 px, 575 px );
    grid-row-gap: 10px;
}

.video-player-box {
    justify-self: center;
    text-align: center;
    position: relative;
}

.volume-meter {
    display: grid;
    grid-template-columns: 34px 358px 96px;
}

    .volume-meter div:first-child {
        align-self: center;
    }

.microphone-content {
    align-self: center;
}

.user-form-box div {
    position: relative;

}

#chk_agree_id, #chk_trusted_agree_id, #chk_trusted_agree_id_new, #chk_agree_non_resident_id, #chk_agree_non_resident_id_new, #chk_agree_id_new {
    width: 20px;
    height: 21px;
    justify-self: left;
    grid-row: 1/2;
    margin-right: 13px;
    vertical-align: middle;
}
#chk_trusted_agree_id > span{
    width:400px !important;
}
    #chk_trusted_agree_id_new > span {
        width: 400px !important;
    }
.user-form-box-identomat div {
    position: relative;
}

.user-form-box {
    display: grid;
    justify-content: center;
    grid-template-columns: minmax(314px, 488px);
}
.user-form-box-trusted {
    display: grid;
    justify-content: center;
    grid-template-columns: minmax(314px, 430px);
}


.required-input-fullname, .required-input-personalId, .required-input-mobile, .required-input-org-tin {
    position: absolute;
    top: 16px;
    right: 10px;
    color: red;
    font-size: 23px;
}

.required-input-passport_number, .required-input-address {
    position: absolute;
    top: 16px;
    right: 10px;
    color: red;
    font-size: 23px;
}

#identomat_change_password input {
    width: 400px;
    height: 50px;
    align-self: center;
    justify-self: center;
    border: 1px solid #D9D9D9 !important;
    border-radius: 15px;
    padding-left: 10px;
    /*font-family: 'firago-medium';*/
    font-size: 18px !important;
    color: #000000;
}

#identomat_change_mobile input {
    width: 400px;
    height: 50px;
    align-self: center;
    justify-self: center;
    border: 1px solid #D9D9D9 !important;
    border-radius: 15px;
    padding-left: 10px;
    /*font-family: 'firago-medium';*/
    font-size: 18px !important;
    color: #000000;
}
.user-form-box-identomat input {
    width: 400px;
    height: 50px;
    align-self: center;
    justify-self: center;
    border: 1px solid #D9D9D9 !important;
    border-radius: 15px;
    padding-left: 10px;
    font-size: 18px !important;
    color: #000000;
}
.user-form-box-org input {
    width: 400px;
    height: 50px;
    align-self: center;
    justify-self: center;
    border: 1px solid #E8E8E8 !important;
    padding-left: 10px;
    font-size: 18px !important;
    color: #000000;
    border-radius: 10px;
}

.user-form-box input {
    width: 98%;
    height: 42px;
    padding-top:15px;
    align-self: center;
    justify-self: center;
    border: 1px solid #E8E8E8 !important;
    padding-left: 10px;
    font-size: 18px !important;
    color: #000000;
 
}

.user-form-box-trusted input {
    width: 400px;
    height: 50px;
 
    align-self: center;
    justify-self: center;
    border: 1px solid #E8E8E8 !important;
    padding-left: 10px;
    font-size: 18px !important;
    color: #000000;
}


#in_user_mobile_org, #in_email_org, #in_email_trusted {
    width: 230px !important;
}
#in_trusted_person_mobile {
    width: 230px !important;
}

#in_trusted_person_full_name {
    border-radius: 10px;
}
#in_trusted_person_id, #in_email_trusted {
    border-radius: 10px;
}
#in_issuer_attorney_person_id_or_tin {
    border-radius: 10px;
}

#in_trusted_person_mobile {
    border-radius:10px;
}



#in_non_resident_tin {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#in_non_resident_full_name {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
    top: 8px;
    bottom: 10px;
    left: 5px;
    font-size: 11px;
    opacity: 1;
    font-family: 'NotoSansGeorgian-Medium' !important;
}

 /*new checkboxes here*/
.dv_agree_identomat, .dv_agree_identomat_new, .dv_agree, .dv_agree_new, .dv_agree_org, .dv_agree_org_new, .dv_agree_trusted, .dv_agree_trusted_new {
    text-align: justify !important;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: 18px;
    color: #A3A3A3;
    font-family: 'NotoSansGeorgian-Medium' !important;
}

.dv_agree {
    margin: 13px 0 30px 0;
    color: #868686;
    font-size: 15px;
}
.dv_agree_new {
    margin: 13px 0 30px 0;
    color: #868686;
    font-size: 15px;
}
/*new checkboxes here*/
.dv_agree_org {
    margin: 13px 0 30px 0;
    color: #868686;
    font-size: 15px;
    width: 400px;
}
.dv_agree_org_new {
    margin: 13px 0 30px 0;
    color: #868686;
    font-size: 15px;
    width: 400px;
}
    .dv_agree_identomat {
        margin: 13px 22px 30px 0;
        color: #868686;
        font-size: 12px;
    }
.dv_agree_identomat_new {
    margin: 13px 22px 30px 0;
    color: #868686;
    font-size: 12px;
}
.dv_agree_trusted {
    margin: 13px 18px 30px 0;
    color: #868686;
    font-size: 15px;
}
.dv_agree_trusted_new {
    margin: 13px 18px 30px 0;
    color: #868686;
    font-size: 15px;
}
    .dv_agree_trusted span {
        grid-row: 1/2;
        color: #868686;
        font-size: 12px !important;
        font-family: 'NotoSansGeorgian-Medium';
    }
.dv_agree_trusted_new span {
    grid-row: 1/2;
    color: #868686;
    font-size: 12px !important;
    font-family: 'NotoSansGeorgian-Medium';
}

.dv_agree_identomat input[type=checkbox] {
    width: 20px;
    height: 21px;
    justify-self: left;
    grid-row: 1/2;
    margin-right: 13px;
    vertical-align: middle;
}
.dv_agree_identomat_new input[type=checkbox] {
    width: 20px;
    height: 21px;
    justify-self: left;
    grid-row: 1/2;
    margin-right: 13px;
    vertical-align: middle;
}


    #btn_connect_identomat:disabled {
        background-color: #DBDBDB;
        color: white;
    }

    .dv_agree input[type=checkbox] {
        width: 20px;
        height: 21px;
        justify-self: left;
        grid-row: 1/2;
        margin-right: 13px;
    }
.dv_agree_new input[type=checkbox] {
    width: 20px;
    height: 21px;
    justify-self: left;
    grid-row: 1/2;
    margin-right: 13px;
}

.dv_agree span {
    grid-row: 1/2;
    color: #868686;
    font-size: 15px !important;
    font-family: 'NotoSansGeorgian-Medium';
}
.dv_agree_new span {
    grid-row: 1/2;
    color: #868686;
    font-size: 15px !important;
    font-family: 'NotoSansGeorgian-Medium';
}


.btn-connect-user {
    justify-self: center;
    padding-bottom: 34px;
}

#btn_connect_user:disabled {
    background-color: #DBDBDB;
    color: white;
}

#btn_connect_non_resident:disabled {
    background-color: #DBDBDB;
    color: white;
}

#btn_connect_trusted_person:disabled {
    background-color: #DBDBDB;
    color: white;
}
#btn_connect_trusted_person {
    width:430px!important;
}
.instruction-grid-trusted {
    display: grid;
    
}
.btn-connect-user button {
    cursor: pointer;
    width: 440px;
    background-color: #3CCC63;
    border-radius: 5px;
    color: white;
    height: 74px;
    margin-top: 7px;
    border: none !important;
    font-size: 16px;
}

.user-response-box {
    justify-self: center;
}

.response-content {
    width: 100%;
    height: 75px;
    background-color: white;
    border-radius: 10px;
    font-size: 15px;
    color: #CB824D;
    justify-self: center;
    align-self: center;
    display: grid;
}

.response-text {
    justify-self: center;
    align-self: center;
    position: relative;
}

.green_dot {
    display: block;
    position: absolute;
    left: -20px;
    top: 2px;
}

.btn-hang-up-in-call img {
    border-radius: 10px;
}
/*#endregion*/

.send-code {
    width: 140px;
    height: 50px;
    margin: auto;
    text-align: center;
    background-color: #2e5f9d;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 20px;
    font-size:13px;
}
#btn_send_sms_code :disabled {
    cursor: not-allowed;
    opacity: .8;
}
.confirm-code-btn {
    width: 155px;
    height: 50px;
    margin: auto;
    text-align: center;
    background-color: #2e5f9d;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 20px;
}
.resend-button {
    width: 200px;
    height: 50px;
    background-color: #2e5f9d;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
}
#in_mobile_identomat, #in_email_identomat {
    width: 230px !important;
}
#in_mobile_code_trusted, #in_email_code_trusted {
    border-radius: 10px;
}
.input-group {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
#in_mobile_code, #in_email_code, #in_mobile_code_org, #in_email_code_org, #in_mobile_code_trusted, #in_email_code_trusted {
    max-width: 160px !important;
}

input:disabled{
    cursor:not-allowed;
}
/*new checkboxes here*/
.dv_agree_org > span {
    font-size: 12px !important;
    letter-spacing: 0.3px;
}
dv_agree_org_new > span {
    font-size: 12px !important;
    letter-spacing: 0.2px;
}
/*#region Responsive Section*/
@media (min-width:911px) {
    #info_popup {
        position: fixed;
        top: 28%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 790px;
        box-shadow: 0 5px 30px rgba(0,0,0,0.30);
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
        border-radius: 12px;
        padding-top: 21px;
        padding-bottom: 42px;
    }

        #info_popup.active {
            visibility: visible;
            opacity: 1;
            transition: 0.5s;
            margin-top: 125px;
        }
}

@media (min-width:1136px) {

    .hide-in-mobile-desktop {
        display: none;
    }
}

@media (max-width:911px) {
    #info_popup.active {
        visibility: visible;
        opacity: 1;
        height: 100vh;
    }

    .info-content {
        row-gap: 27px !important;
    }

    #info_popup {
        position: absolute;
        top: 0px;
        width: 100%;
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
        padding-top: 21px;
    }
}

@media (min-width:593px) {
    #video_player {
        height: 375px;
        width: 500px;
        border-radius: 10px;
    }

    #user_video {
        height: 375px;
    }
}

@media (max-width:593px) {
    .btn-hang-up-in-call img {
        width: 62px;
    }

    .vol_meter img {
        width: 90%;
    }

    .logo {
        grid-column: 1/2;
    }

    .user-video-content {
        margin-top: 20px;
    }

    /* .volume-meter {
        display: none;
    }*/

    #video_player {
        width: 80%;
    }

    .content-header {
        border: none;
        padding-left: 5px
    }

    .user-content-grid {
        grid-row-gap: 17px;
        border: none;
    }

    .volume-meter {
        grid-template-columns: 25px 150px auto;
        padding-left: 6px !important;
        font-size: 13px !important;
    }

    .user-form-box {
        grid-template-columns: minmax(295px, 1fr);
        padding: 0px 10px;
    }

    input:focus ~ .floating-label,
    input:not(:focus):valid ~ .floating-label {
        top: 1px;
        bottom: 10px;
        left: 5px;
        font-size: 15px;
        opacity: 1;
    }

    .user-form-box input {
        height: 50px !important;
        font-size: 18px !important;
    }

    .btn-connect-user {
        width: 100%;
    }

        .btn-connect-user button {
            height: 54px;
            width: 100%;
        }

    .green_dot {
        left: -8px !important;
        top: 3px !important;
    }

    #txt_response_text {
        padding-left: 9px;
    }
}

@media (max-width:935px) {


    .user-video-content {
        margin-top: 5px;
    }
}

@media (max-width:445px) {
    .select2-container--default .select2-selection--single {
        width: 260px;
        margin-left: 50px;
    }
    .select2-container--open .select2-dropdown--below {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 250px !important;
        margin-left: 50px;
    }
    .send-code {
        margin: 15px 50px;
    }
    .dv_agree_org > span {
        font-size: 12px !important;
    }
    .contact-header-org{
        font-size:17px !important;
    }
    #in_mobile_identomat, #in_email_identomat {
        width: 270px !important;
    }
    #in_mobile_code, #in_email_code {
        max-width: 100px !important;
    }
    .resend-button {
        width: 110px;
    }
    .confirm-code-btn {
        margin: 20px 45px;
    }
    .user-form-box-identomat input {
        width: 270px !important;
        margin-left: 50px;
        }
    .user-form-box-org input {
        width: 270px !important;
        margin-left: 50px;
    }
    .user-form-box-trusted input {
        width: 270px !important;
        margin-left: 50px;
    }
    .dv_agree_identomat {
        width: 275px !important;
        margin-left: 55px !important;
    }
    .dv_agree_identomat_new {
        width: 275px !important;
        margin-left: 55px !important;
    }
    .dv_agree_trusted {
        width: 275px !important;
        margin-left: 55px !important;
    }
    .dv_agree_trusted_new {
        width: 275px !important;
        margin-left: 55px !important;
    }
    /*new checkboxes here*/
    .dv_agree_org {
        width: 275px !important;
        margin-left: 55px !important;
    }
    .dv_agree_org_new {
        width: 275px !important;
        margin-left: 55px !important;
    }

    .dv_agree_identomat input {
    
    margin-left:5px !important;
    }
    .dv_agree_identomat_new input {
        margin-left: 5px !important;
    }
    .info-content {
        width: 90% !important;
    }
    .content-header-identomat {
        font-size: 15px !important;
        justify-content: center;
    }
    .content-header-org {
        font-size: 15px !important;
        justify-content: center;
    }
        #instruction_txt {
        font-size: 13px;
    }
    #change_buttons {
        width: 250px;
    }
    #identomat_change_mobile input {
        width: auto;
    }

    .input-headers {
        width: 270px;
        margin-left: 50px;
        font-size:14px !important;
    }

    #send_confirm_code {
        width: 130px;
        margin-left: 50px;
        height: 50px;
        font-size: 15px;
    }

    #identomat_change_mobile input {
        margin-left: 50px;
        width: 230px;
    }

    .btn-change-mobile-success button {
        cursor: pointer;
        width: 250px;
        margin-left: 50px;
    }
    #insturction_geo {
        font-size: 13px;
    }
   
#insturction_eng {
        font-size: 13px;
  }
    .dv_agree_identomat{
        margin-left:16px;
    }
    .dv_agree_identomat_new {
        margin-left: 16px;
    }
    .dv_agree_identomat span {
        font-size: 12px !important;
    }
    .dv_agree_identomat_new span {
        font-size: 12px !important;
    }
    #chk_agree_identomat{
        width:20px !important;
    }
    #chk_agree_identomat_new {
        width: 20px !important;
    }
    #chk_trusted_agree_id {
        width: 20px !important;
        margin-left:0px !important;
    }
    #chk_trusted_agree_id_new {
        width: 20px !important;
        margin-left: 0px !important;
    }

    /*ORG*/
    #chk_agree_id {
        width: 20px !important;
        margin-left: 10px !important;
    }
    #chk_agree_id_new {
        width: 20px !important;
        margin-left: 10px !important;
    }
    #btn_connect_identomat {
        width: 270px;
        margin-left: 55px;
    }
    .btn-register-app button {
        width: 250px !important; 
        margin-left: 70px !important;
    }
    #tin_identomat_register_app {
        width: 250px !important;
        margin-left: 70px !important;
    }
    .instruction-grid-identomat {
        text-align: justify;
        margin-left: 65px !important;
        width: 275px !important;
    }
    #in_user_mobile_org {
        width: 270px !important;
    }
    #in_email_org {
        width:270px!important;
    }
    .btn-connect-user-org button {
        width: 270px;
        margin-left: 55px;
    }
    #btn_connect_trusted_person {
        width: 270px !important;
        margin-left: 55px;
    }
    .instruction-grid-org {
        text-align: justify;
        margin-left: 55px !important;
        width: 270px !important;
    }
    #in_mobile_code, #in_email_code, #in_mobile_code_org, #in_email_code_org, #in_mobile_code_trusted, #in_email_code_trusted {
        max-width: 120px !important;
    }
    #in_trusted_person_mobile {
        width: 270px !important;
    }
    #in_email_trusted {
        width: 270px !important;
    }
    .issuer-attorney-title {
        text-align: center !important;
    }
    .trusted-person-title {
        text-align: center !important;
    }
    .instruction-grid-trusted {
        width: 275px !important;
        margin-left: 55px !important;
    }
 }
@media (max-width:360px) {

    #in_mobile_code, #in_email_code, #in_mobile_code_org, #in_email_code_org, #in_mobile_code_trusted, #in_email_code_trusted {
        max-width: 90px !important;
    }
    #in_mobile_identomat, #in_email_identomat {
        width: 240px !important;
    }
    #in_mobile_identomat, #in_email_identomat {
        width: 240px !important;
    }
    .input-headers {
        width: 240px;
    }
    .dv_agree_identomat {
        width: 265px !important;
        margin-left: 40px !important;
    }
    .dv_agree_identomat_new {
        width: 265px !important;
        margin-left: 40px !important;
    }
    .instruction-grid-identomat {
        margin-left: 40px !important;
        width: 270px !important;
    }
    #btn_connect_identomat {
    
        margin-left: 40px;
    }
    #in_user_mobile_org {
        width: 240px !important;
    }
    #in_email_org {
        width: 240px !important;
    }
    /*new checkboxes here*/
    .dv_agree_org {
        width: 260px !important;
        margin-left: 45px !important;
    }
    .dv_agree_org_new {
        width: 260px !important;
        margin-left: 45px !important;
    }
    .instruction-grid-org {
        margin-left: 40px !important;
        width: 260px !important;
    }
    .dv_agree_trusted {
        margin-left: 40px !important;
        width: 260px !important;
    }
    .dv_agree_trusted_new {
        margin-left: 40px !important;
        width: 260px !important;
    }
    .btn-connect-user-org button {
        width: 270px;
        margin-left: 40px;
    }
    #btn_connect_trusted_person {
        margin-left: 40px;
    }
    .instruction-grid-trusted {
        margin-left: 40px !important;
    }
    .user-form-box-identomat input {
        width: 240px !important;
        margin-left: 45px;
    }
    .user-form-box-org input{
        width: 240px !important;
        margin-left: 45px;
    }
    .user-form-box-trusted input {
        width: 240px !important;
        margin-left: 45px;
    }
    #in_trusted_person_mobile {
        width: 240px !important;
    }
    #in_email_trusted {
        width: 240px !important;
    }
}
@media (max-width:1136px) {
    #modal_instruction .modal-content {
        width: 100% !important
    }
}

@media (max-width:678px) {

    .info-content {
        width: 100%;
    }

    .mobile-grid-content-after-connect {
        grid-template-columns: 200px auto !important;
        align-items: center !important;
        margin-left: 10px;
    }

    #modal_instruction .btn-close {
        height: 45px !important;
        font-size: 13px !important;
    }

    #modal_instruction .modal-footer div p {
        font-size: 12px !important;
    }

    #open_modal_trusted {
        margin-top: 0px !important;
    }

    .header-grid-container {
        text-align: start !important;
        grid-template-columns: 180px auto auto;
    }

    #info_for_trusted_person {
        padding: 20px 11px !important;
        width: 92% !important;
        margin-top: 10px !important;
    }

    .hide-in-mobile {
        display: none !important
    }

    .mobile-grid-content {
        grid-template-columns: 40px auto;
        align-items: center !important;
    }

    #mobile-header-instruction {
        display: block !important
    }

    #footer_instruction {
        display: flex;
        grid-template-columns: 1fr;
        justify-items: center;
        justify-content: center;
    }

    #mobile-header-instruction span:first-child {
        margin-right: 10px;
        vertical-align: middle;
        margin-right: 7px;
        line-height: 10px;
        color: #31619E;
    }

    #mobile-header-instruction span:last-child {
        color: #31619E;
    }

    #choose_content {
        grid-template-areas: "a""d""b""e""c""g""h""f" !important;
        align-self: center !important;
        row-gap: 11px !important;
        column-gap: 0px !important;
        justify-items: center !important;
    }

    #open_modal_identomat {
        grid-area: g;
        margin: 10px !important;
        color: #31619E;
    }

    #open_modal_owner {
        margin: 10px !important;
    }

    #main_page #choose_content_title {
        margin-top: 19px !important;
        margin-bottom: 20px !important;
        font-size: 15px !important;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.f{
    display: flex;
}

#c-content {
    width: 500px;
    border-radius: 8px;
}

#c-header {
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 10px;
    background-color: #2e5f9d;
}

#c-header-i {
    color: #ffffff;
    font-size: 30px;
    margin-top: 17px;
}

#c-body {
    margin-bottom: 27px;
}

#c-footer {
    display: flex;
    justify-content: end;
    padding-bottom: 12px;
    padding-right: 16px;
}

.c-footer-btn {
    width: 108px;
    height: 40px;
    background-color: #2e5f9d;
    color: white;
    border-radius: 10px;
}