.img_fluid {
    width: 100%;
    height: 100%;
}

.show_ {
    display: block !important;
}

.tab_contents {
    display: none;
}
.h_100{
    height: 100%;
}
.main_class, body,html{
    width: 100%;
    height: 100%;
    position: relative;
    /* min-width: 1280px; */
}
.header_ {
    /* padding: 10px 0; */
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 10%;
    z-index: 400;
    padding: 0 14em;
}
.nav_block{
    display: flex;
    align-items: center;
    /* padding-top: .8em; */
    margin-top: -37px;
}
.logo_box {
    display: flex;
    align-items: center;
    width: 10%;
}

.top_nav_li {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #5f656c;
    margin-right: 25px;
    text-transform: uppercase;
    cursor: pointer;
}
.user_header .top_nav{
    margin-top: 19px;
    /* margin-right: 10px; */
}
.user_header .nav_block{
    margin-top: 0px;
}
.top_nav_li i {
    color: #eb0029;
    margin-right: 15px;
}

.top_nav_li:last-child {
    margin-right: 0px;
}


.arr_down {
    margin-left: 15px;
    margin-right: 0px !important;
    font-size: 16px;
}

.eng_li,
.email_li {
    font-family: 'BPG Nino Mtavruli';
}

.nav_li:last-child {
    margin-right: 0px;
}

.mob_icon,
.email_icon {
    margin-right: 15px;
    width: 14px;
}

.account_button {
    background: #343e73;
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 1em;
    padding: 10px 20px;
    width: 50%;
    margin-left: auto;
    border-radius: 50px;
    margin-top: 2em;
    cursor: pointer;
}

.user_icon {
    margin-right: 15px;
    width: 12px;
}

.profile_dropdown {
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    /* font-weight: bold; */
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 41px;
    padding: 10px;
    border-radius: 10px;
    background: rgb(236, 240, 246);
    z-index: 20;
    display: none;
}
.profile_list_group {
    border-bottom: 1px solid #e2e4ee;
    margin-bottom: 10px;
}
.profile_dropdown li {
    cursor: pointer;
    padding: 10px 0px;
    font-size: 0.8em;
    font-family: 'DejaVu Sans';
}

.profile_dropdown img {
    width: 15px;
    height: 15px;
    vertical-align: bottom;
    margin-right: 7px;
}

/* -------------------------------------- end header ------------------------------- */
.main_content_sec {
    /* min-height: calc(100vh - 213px);
    padding: 30px 0px; */
    position: fixed;
    top: 10%;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: 399;
}
.shape_bg .container{
    margin-top: 145px;
}

.shape_bg{
    height: 100%;
    margin: auto;
    width: calc(100% - 10em);
}
body {
    background-image: url('../img/bg/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    /* padding-bottom: 30px; */
}

.sheild_img_box {
    width: 400px;
    position: absolute;
    top: 15%;
    right: -26%;
    z-index: -1;
    display: none;
}

.main_title {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592;
    margin-bottom: 30px;
    text-align: center;
}
#registrationPage .main_title{
    margin-bottom: 15px;
}
.form_wrapper {
    border: 2px solid rgb(227, 230, 239);
    padding: 25px 35px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    /* width: 935px; */
    width: 45%;
    margin: auto;
}
.legal_form_drop{
    background: #ffffff;
    padding: 5px 0px;
    font-size: 0.8em;
    border-radius: 10px;
    box-shadow: 0px 10px 24.65px 4.35px rgba(52, 62, 115, 0.25);
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    position: absolute;
    z-index: 2;
    top: 75px;
    width: 100%;
}
.legal_form_drop li{
    padding: 5px ;
    cursor: pointer;
    font-family: 'DejaVu Sans';
    transition: all .3s linear;
    font-size: 0.8em;
}
.legal_form_drop li:hover{
    background: #004592;
    color: #fff;
}
.check_box_clients {
    margin-left: 25px;
}

.check_box_clients label {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592;
}

.clients_container {
    display: block;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
    margin-right: 45px;
}

.clients_container:last-child {
    margin-right: 0px;
}

.clients_check {
    position: absolute;
    top: -3px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #d4d8e9;
}

.clients_check::after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eb0029;
}

.clients_check::after {
    content: "";
    position: absolute;
    display: none;
}

.clients_container input#corporation {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.clients_container input#person {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.clients_container input#corporation:checked~.clients_check::after {
    display: block;
}

.clients_container input#person:checked~.clients_check::after {
    display: block;
}

.input_informations label {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #004592;
    margin-bottom: 12px;
    margin-left: 15px;
}

.input_informations input {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    padding: 10px 15px;
    border-radius: 50px;
    border: 2px solid #f1f4f8;
    width: 100%;
    outline: none;
    background: transparent;
    margin-bottom: 15px;
}
.input_informations input::placeholder{
    color: #afb2b5;
}
.input_informations select {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    padding: 20px;
    border-radius: 50px;
    border: 2px solid #f1f4f8;
    width: 100%;
    outline: none;
    background: transparent;
    margin-bottom: 15px;
}
#corporationForm .pins_container{
    margin-bottom: 13px;
}
#corporationn-content.input_informations input,
#corporationn-content .input_informations select {
    padding: 10px;
}

.input_informations input::placeholder {
    font-family: 'DejaVu Sans';
    font-size: 1em;
    color: #afb2b5;
}

.check_box_gender {
    margin-left: 25px;
}

.check_box_gender label {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    margin-left: 0px;
}

.gender_container {
    display: block;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
    margin-right: 45px;
    margin-top: 13px;
}

.gender_container:last-child {
    margin-right: 0px;
}

.gender_check {
    position: absolute;
    top: -1px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #d4d8e9;
}

.gender_check::after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f45048;
}

.gender_check::after {
    content: "";
    position: absolute;
    display: none;
}

.gender_container input#male {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.gender_container input#female {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.gender_container input#male:checked~.gender_check::after {
    display: block;
}

.gender_container input#female:checked~.gender_check::after {
    display: block;
}

#gender_label {
    margin-bottom: 15px;
}

#personPassword {
    margin-top: 8px;
}

#corporationn-content .pins_container {
    font-size: 0.8em;
    margin-right: 10px;
}

#corporationn-content .pins_container:last-child {
    margin-right: 0px;
}

.pin_option {
    margin-bottom: 35px;
}

.check_box_pins label {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    margin-left: 0px;
}

.pins_container {
    display: block;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    margin-right: 24px;
}

.pins_container:last-child {
    margin-right: 0px;
}

.pins_check {
    position: absolute;
    top: -3px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #d4d8e9;
}

.pins_check::after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eb0029;
}

.pins_check::after {
    content: "";
    position: absolute;
    display: none;
}

.pins_container input#mobPin {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.pins_container input#personMobPin {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.pins_container input#emailPin {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.pins_container input#personEmailPin {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.pins_container input#mobPin:checked~.pins_check::after {
    display: block;
}

.pins_container input#personMobPin:checked~.pins_check::after {
    display: block;
}

.pins_container input#emailPin:checked~.pins_check::after {
    display: block;
}

.pins_container input#personEmailPin:checked~.pins_check::after {
    display: block;
}

.pin_option input {
    font-family: 'DejaVu Sans';
    font-size: 14px;
    color: #afb2b5;
    padding: 10px 15px;
    border-radius: 50px;
    border: 2px solid #f1f4f8;
    width: 100%;
    outline: none;
    background: transparent;
    padding-left: 135px;
}

.pin_option input::placeholder {
    font-family: 'DejaVu Sans';
    font-size: 14px;
    color: #afb2b5;
}

.get_pin {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #ffffff;
    background: #004592;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 125px;
    height: 37px;
    text-align: center;
    padding: 13px 0px;
    cursor: pointer;
}
#getPersonPin.get_pin{
    padding: 12px 0px;
}
#getCompanyPin.get_pin{
    padding: 12px 0px;
}
.have_account {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    cursor: pointer;
}

#corporationn-content .have_account {
    margin-top: 15px;
}

.enter_button {
    background-color: #f7847e;
    box-shadow: 0px 8px 16px 0px rgba(254, 70, 58, 0.58);
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #ffffff;
    width: 230px;
    height: 43px;
    border-radius: 50px;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    border: none !important;
    outline: none !important;
    transition: all .3s linear;
}
.enter_button:hover{
    background-color: #e56c67;
}
.enter_button:hover .arrow_box{
    background-color: #f7847e;
}
#corporationn-content .enter_button {
    margin-left: auto;
    /* margin-top: 30px; */
    /* padding-left: 120px; */
    width: 100%;
}
#corporationn-content .submit_text {
    margin-top: 0px;
}
#personn-content .enter_button{
    /* padding-left: 126px; */
    width: 100%;
}
#personn-content .submit_text {
    margin-top: 0px;
}
#personn-content .have_account {
    margin-top: 15px;
}
.arrow_box {
    border-radius: 50%;
    background-color: #e56c67;
    padding: 11px;
    position: absolute;
    top: 3px;
    right: 4px;
}
.input_informations{
    position: relative;
}
.star {
    position: absolute;
    right: 3%;
    top: 0;
    font-size: 22px;
    color: #eb0029;
}
/* --------------------------------- end main content ----------------- */
.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 10%;
    z-index: 400;
    padding: 0 14em;
    background: #5c5866;
}

.footer_block {
    /* padding: 0px 105px; */
    margin:1.5% auto;
    align-items: center;
}

.foot_logo {
    width: 114px;
    display: none;
}
.foot_nav{
    /* border-left: 1px solid #686572; */
    height: 100%;
    margin-left:20px;
    padding-left: 20px;
    /* padding-top:8px; */
}
.foot_nav li {
    margin-right: 9px;
    font-size:0.8em;
    color: #bc8887;
    font-family: 'BPG Nino Mtavruli';
}

.foot_nav li::before {
    content: '\2022';
    color: #eb0029;
    font-weight: bold;
    display: inline-block;
    width: 1em;
}

.foot_nav li:first-child::before {
    display: none;
}

.foot_nav li:last-child {
    margin-right: 0px;
}

.footer_middle {
    margin-right: 55px;
}
.soc_icons{
    transition: all .3s linear;
}
.soc_icons.fac:hover{
    background:#3b5998;
    /* border-color: #3b5998; */
}
.soc_icons.fac:hover i{
    color:#fff;
}
.soc_icons.linkd:hover{
    background:#0092ff;
    /* border-color: #0092ff; */
}
.soc_icons.linkd:hover i{
    color:#fff;
}
.subscribe_box {
    border-radius: 50px;
    border: 2px solid #686572;
    position: relative;
    width: 380px;
    height: 50px;
    margin: auto;
}

.foot_email_icon {
    border-radius: 50%;
    background-color: rgb(156, 153, 162);
    position: absolute;
    width: 37px;
    height: 37px;
    padding: 10px;
    top: 4px;
    left: 5px;
}

.foot_email_icon img {
    width: 17px;
    height: 15px;
}

.subscribe_input {
    outline: none;
    border: none;
    background: transparent;
    border-bottom: 2px solid rgb(244, 83, 75);
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    color: #ffffff;
    padding-left: 9px;
    padding-bottom: 9px;
    position: absolute;
    bottom: 5px;
    left: 40px;
    width: 87%;
}

.subscribe_input::placeholder {
    color: #ffffff;
}

.foot_send_icon {
    border-radius: 50%;
    background-color: rgb(244, 80, 72);
    position: absolute;
    width: 38px;
    height: 38px;
    right: 5px;
    bottom: 5px;
    padding: 10px;
}

.footer_right,
.footer_middle{
    margin-top: 0px;
}

.soc_icons {
    border-radius: 50%;
    border: 2px solid #95929c;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 7px 0;
    margin-right: 15px;
}

.speed_tester {
    background: #ffffff;
    color: #5c5866;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    padding: 10px 0px;
    width: 150px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease;
}
.speed_tester:hover {
    background: #004592;
    color: #eb0029;
}

.speed_icon {
    margin-right: 15px;
}

.copyright {
    font-family: 'DejaVu Sans';
    font-size:0.8em;
    /* margin-top: 15px; */
    color: #9c99a2;
}

.footer_bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    pointer-events: none;
}

/* ----------------------------- end footer-------------------- */
.message_block {
    border-radius: 50%;
    background-color: #eb0029;
    /* box-shadow: 0px 8px 13px 0px rgba(240, 73, 65, 0.58); */
    box-shadow: 0px 8px 13px 0px rgba(235, 0, 41,0.58);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 39;
    bottom: 128px;
    right: 20px;
    padding: 13px;
    cursor: pointer;
    transition: all .3s ease;
}
.message_block:hover {
    background-color: #004592;
    /* box-shadow: 0px 8px 13px 0px rgba(52, 62, 115, 0.25); */
    box-shadow: 0px 8px 13px 0px rgba(0, 69, 146, 0.25);
}

/* ----------------------------------------------------------------- */
#sign_in_wrapper .form_wrapper {
    width: 390px;
    margin: auto;
}

#sign_in_wrapper .enter_button {
    width: 100%;
    padding-left: 43%;
}

.padlock_img_box {
    position: absolute;
    top: -34px;
    left: 52%;
    z-index: -1;
    display: none;
}
/* #sign_in_wrapper .input_informations label{
    font-weight: bolder;
} */
.padlock_img_box svg image {
    width: 270px;
    height: 450px;
}
.submit_text{
    margin-top: 4px;
}
.not_account {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    cursor: pointer;
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
}

.psw_boxs {
    font-family: 'DejaVu Sans';
    font-size: 16px;
    color: #babcbe;
}

.psw_boxs .save_container {
    font-size: 0.8em;
}

.recover_psw {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #babcbe;
    cursor: pointer;
    margin-bottom: 20px;
    /* font-weight: bold; */
    transition: all .3s linear;
}
.recover_psw:hover{
    color: #343e73;
    /* font-weight: bold; */
}

.save_container {
    display: block;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
    margin-right: 20px;
    margin-left: 17px;
}

.psw_boxs  .save_container:hover{
    color: #343e73;
    /* font-weight: bold; */
}
.save_container input#save_psw {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.save_check {
    position: absolute;
    top: 1px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #d4d8e9;
}

.save_check::after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eb0029;
    content: "";
    position: absolute;
    display: none;
}

.save_container input#save_psw:checked~.save_check::after {
    display: block;
}
.loggin_error{
    font-family: 'DejaVu Sans';
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    color: #e24c45;
    display: none;
}
/* ---------------------------------- end sign in ---------------------- */
#recover_psw_wrapper .form_wrapper {
    width: 390px;
    margin: auto;
}

#recover_psw_wrapper .enter_button {
    width: 100%;
    padding-left: 40.6%;
}
#recover_psw_wrapper .shape_bg .container{
    margin-top: 80px;
}
#recover_psw_wrapper .main_title{
    margin-bottom: 15px;
}
#recover_psw_wrapper .check_box_pins label{
    font-size: 0.8em;
}

.cancel_ {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    cursor: pointer;
    text-align: center;
    margin-top: 25px;
}

/* ------------- end recover password ------------- */
.navigation_ {
    margin-top: 1em;
}

.nav_li a {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592 !important;
    display: block;
    padding: 10px 0;
    margin-right: 20px;
    transition: all .3s linear;
    position: relative;
}

.nav_li a::after {
    content: '';
    border-bottom: 2px solid #eb0029;
    transform: scale(0);
    display: block;
    transition: all .3s linear;
    margin-top: 10px;
}

.nav_li a:hover::after {
    transform: scale(1);
}

.hello_user_name {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #282b3d;
    padding: 10px 0;
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
}

.user_account {
    margin-left: 20px;
    cursor: pointer;
}

.hello_user_img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 10px;
}

.hello_user_img img {
    border-radius: 50%;
}

/* ------------- end navigaton --------------- */
.left_menu_bar {
    width: 10%;
    border: 2px solid rgb(227, 230, 239);
    border-radius: 20px;
    text-align: center;
    background: #ffffff;
    margin-right: 1em;
    height: 95%;
    overflow-y: auto;
    overflow-x: hidden;
}

.left_menu_bar_boxs {
    border-bottom: 2px solid rgb(227, 230, 239);
    /* padding: 40px 0px; */
    cursor: pointer;
    color: #676b86;
    transition: all .3s linear;
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left_menu_bar_boxs a{
    width: 100%;
}
.left_menu_bar_boxs:last-child {
    border-bottom: none;
}

.left_menu_bar_boxs:hover {
    background: #004592;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color: #ffffff;
}

.left_menu_bar_boxs:first-child:hover {
    background: #004592;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}

.left_menu_bar_boxs:last-child:hover {
    background: #004592;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.left_menu_bar_active {
    background: #004592;
    border-color: #004592;
    color: #ffffff;
}

.left_img_box {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: auto;
}

.xxx {
    background-image: url('../img/icons/sms_.png');
}

.globusi {
    background-image: url('../img/icons/globusi.png');
}

.cellPhone {
    background-image: url('../img/icons/cellPhone.png');
}

.printer {
    background-image: url('../img/icons/payments.png');
}
.printer{
    width: 55px;
}
.folder {
    background-image: url('../img/icons/folder.png');
}

.left_menu_bar_boxs:hover .xxx {
    -webkit-mask-image: url('../img/icons/sms_.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_boxs:hover .globusi {
    -webkit-mask-image: url('../img/icons/globusi.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_boxs:hover .cellPhone {
    -webkit-mask-image: url('../img/icons/cellPhone.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_boxs:hover .printer {
    -webkit-mask-image: url('../img/icons/payments.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_boxs:hover .folder {
    -webkit-mask-image: url('../img/icons/folder.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_active .xxx {
    -webkit-mask-image: url('../img/icons/sms_.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_active .globusi {
    -webkit-mask-image: url('../img/icons/globusi.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_active .cellPhone {
    -webkit-mask-image: url('../img/icons/cellPhone.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_active .printer {
    -webkit-mask-image: url('../img/icons/payments.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_active .folder {
    -webkit-mask-image: url('../img/icons/folder.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: #ffffff;
}

.left_menu_bar_boxs p {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    padding-top: 20px;
}

/* -------------- end left menu bar ---------------- */
.main_content_block {
    height: 100%;
    /* margin: 2em auto auto auto; */
    margin: auto;
    width: calc(100% - 28em);
}
.middle_content_block {
    /* margin-right: 5px;
    width: 100%; */
    margin-right: 1em;
    width: 65%;
}
.middle_button_wrapper {
    margin-left: 9px;
}
.content_title {
    font-size: 0.8em;
    font-family: 'BPG Nino Mtavruli';
    color: #004592;
    margin-bottom: 15px;
    padding-top: 15px;
    margin-left: 10px;
}

.middle_buttons {
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s ease;
}

.middle_buttons_active {
    background: #004592;
    /* box-shadow: 0px 8px 16px 0px #004592; */
    color: #ffffff;
    border: 1px solid #004592;
}

.middle_buttons:hover {
    background: #004592;
    /* box-shadow: 0px 8px 16px 0px #004592; */
    color: #ffffff;
    border: 1px solid #004592;
}

.send_new_message_wrapper {
    background-color: rgba(247, 248, 251, .6);
    margin-top: 15px;
    border-radius: 12px;
    height: 82%;
    margin-left: 9px;
    margin-right: 9px;
}

.send_new_message_header {
    width: 100%;
    background-image: url("../img/bg/layer43.png");
    padding: 10px 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.header_actions p {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592;
}
.send_new_message_wrap{
    height: 100%;
}
.send_new_message_content {
    padding: 10px;
    height: 71%;
    overflow-y: auto;
}
.to_addresse_box{
    width: 275px;
    margin-left: 10px;
}
.to_addressee {
    outline: none;
    border: none;
    background: transparent;
    width: 100%;
    border-bottom: 1px solid #98999c;
    padding: 10px 0px;
    font-family: 'DejaVu Sans';
    font-size: 12px;
    color: #004592;
    height: 40px;
}

.to_addressee::placeholder {
    font-style: italic;
    font-family: 'DejaVu Sans';
    font-size: 1em;
}

.dialpad {
    position: absolute;
    bottom: 10px;
    right: -35px;
    cursor: pointer;
}

.send_text_block {
    width: 100%;
    /* position: absolute; */
    bottom: 10px;
    left: 15px;
    margin-top: 30px;
}

.send_text_actions {
    width: 98%;
    background: #fff;
    border-radius: 22px;
    padding: 5px 0px;
}

#send_text {
    resize: none;
    outline: none;
    border: none;
    border-radius: 22px;
    width: 60%;
    padding-left: 20px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    position: relative;
    color: #004592;
}

.send_message_btn {
    background-color: rgb(244, 80, 72);
    box-shadow: 0px 8px 16px 0px rgba(254, 70, 58, 0.58);
    font-size: 0.8em;
    color: #ffffff;
    width: 155px;
    height: 40px;
    border-radius: 50px;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    margin-left: 48px;
    font-family: 'BPG Nino Mtavruli';
}

.send_message_btn .submit_text{
    margin-top: 0px;
}
.send_arrow_box {
    border-radius: 22px;
    background-color: rgb(221, 48, 40);
    position: absolute;
    top: 3px;
    right: 3px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 43px;
}
.send_message_btn:hover{
    background-color: rgb(221, 48, 40);
}
.send_message_btn:hover .send_arrow_box{
    background-color: rgb(244, 80, 72);
}
#chose_contacts {
    width: 100%;
    height: 40px;
    border: none;
    display: block;
    margin-right: 10px;
    outline: none;
    position: relative;
    border-left: 2px solid #f1f4f8;
    color: #004592;
    /* -webkit-appearance: none; */
    cursor: pointer;
    padding-left: 10px;
    /* margin-left: 90px; */
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
}

.select_box {
    width: 17%;
    /* margin-right: 10px; */
}

/* .select_box::before {
    content: url('../img/icons/arr_down.png');
    position: absolute;
    top: 10px;
    right: -9px;
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
} */

.symbol_box {
    margin-top: 10px;
    margin-left: 25px;
    font-style: italic;
}

.symbol_box p {
    font-family: 'DejaVu Sans';
    font-size: 14px;
    color: #5f656c;
    margin-right: 15px;
}

/* --------------- end middle content send new message_wrapper ---------------- */
.right_messages_block {
    background: #ffffff;
    /* width: 385px; */
    width: 25%;
    height: 82%;
    margin-top: 91px;
    /* overflow-y: scroll; */
    border-radius: 10px;
}
.chat_messages_wrapper{
    height: 73%;
    overflow-y: auto;
    overflow-x: hidden;
}
.right_block_active {
    transform: translateY(0px);
    opacity: 1;
}

.messages_header_top_actions {
    background: #004592;
    padding: 12px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.message_title {
    margin-left: 5px;
    margin-top: 1px;
    margin-right: 10px;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #ffffff;
}
.search_new_contacts_form{
    width: 192px;
}
#search_contacts {
    outline: none;
    border: none;
    border-radius: 22px;
    padding: 10px;
    background: #4b7bb1;
    color: #ffffff;
    width: 100%;
    font-size: 0.8em;
    font-family: 'DejaVu Sans';
}

#search_contacts::placeholder {
    color: #a9aeca;
    font-style: italic;
}

.search_icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.messages_header_bottom_actions {
    padding: 10px;
    border-bottom: 1px solid #e2e4ee;
}

.add_new_contact {
    position: absolute;
    bottom: -85px;
    right: 10px;
    width: 35px;
    height: 35px;
    border: 1px solid #d4d8e9;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    background: #fff;
    display: none;
}

.add_new_contact img {
    width: 20px;
    height: 20px;
}

.check_all_container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 0.8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    font-family: 'DejaVu Sans';
    color: #5f656c;
}

.check_all_container input#checkAll {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.check_all_span {
    position: absolute;
    top: -1px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #d4d8e9;
}

.check_all_span::after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #004592;
}

.check_all_span::after {
    content: "";
    position: absolute;
    display: none;
}

.check_all_container input#checkAll:checked~.check_all_span::after {
    display: block;
}
.right_mess_btns{
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s ease;
    outline: none;
    /* border: none; */
}
.right_mess_btns:hover{
    background: #525c94;
    color: #ffffff;
    border: 1px solid rgb(52, 62, 115);
}
.right_mess_btns_active{
    background: rgb(52, 62, 115);
    color: #ffffff;
    border: 1px solid rgb(52, 62, 115);
}
.recived{
    margin-right: 10px;
}
.delete_box {
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    cursor: pointer;
    transition: all .3s ease;
}
.delete_box img{
    margin-right: 5px;
}
.delete_button {
    align-items: center;
}

.chat_message_box {
    padding: 12px 10px;
    cursor: pointer;
}

.chat_message_box:hover {
    background: #e2e4ee;
}
.chat_message_box_act {
    background: #e2e4ee;
}
.chat_message_info{
    width: 100%;
}
.check_message_container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #5f656c;
    margin-bottom: 20px;
}

.check_message_container input.check_message {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.check_message_span {
    position: absolute;
    top: -1px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #d4d8e9;
}

.check_message_span::after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #004592;
}

.check_message_span::after {
    content: "";
    position: absolute;
    display: none;
}

.check_message_container input.check_message:checked~.check_message_span::after {
    display: block;
}

.chat_message_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.chat_message_img img {
    border-radius: 50%;
}

.chat_from {
    margin-left: 5px;
}

.chat_name,
.chat_mob {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #282b3d;
}

.chat_text {
    margin-top: 5px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #5f656c;
}

/* ------------- end right wrapper ------------ */
.all_contacts_wrapper {
    background-color: rgba(247, 248, 251, .6);
    /* width: 708px; */
    margin-top: 15px;
    border-radius: 12px;
    height: 82%;
    margin-left: 9px;
    margin-right: 9px;
}
.middle_content_wrapper{
    background-color: rgba(247, 248, 251, .6);
    margin-top: 15px;
    border-radius: 12px;
    height: 82%;
    padding: 10px;
}
.contacts_header_actions {
    padding: 10px;
}

.add_new_contact_box {
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    cursor: pointer;
    transition: all .3s ease;
}
.add_new_contact_box img{
    margin-right: 5px;
}
.add_contact_button {
    align-items: center;
}

.contacts_container {
    /* padding: 0px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 84%; */
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%;
    padding: 10px 15px;
}

.search_contact_form input {
    border: none;
    outline: none;
    width: 355px;
    height: 40px;
    border-radius: 29px;
    border: 2px solid rgb(210, 218, 232);
    padding-left: 35px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    background: transparent;
}

.search_contact_form input::placeholder {
    font-style: italic;
}

.blue_search {
    position: absolute;
    top: 9px;
    left: 10px;
    cursor: pointer;
    z-index: 1;
    width: 15px;
    height: 15px;
}

.contact_card {
    border: 2px solid rgb(226, 228, 238);
    background: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 10px 5px;
    margin-bottom: 30px;
    min-height: 250px;
}

.contact_check_box {
    position: absolute;
    top: 10px;
    left: 10px;
}

.cancel_adit_contact,
.contact_edit {
    border: 1px solid rgb(212, 219, 233);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    padding: 3px 0px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}

.contact_edit img{
    width: 15px;
    height: 15px;
}
.cancel_adit_contact img{
    width: 10px;
    height: 10px;
}
.contact_img_box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: auto auto 30px auto;
}

.contact_img_box img {
    border-radius: 50%;
    object-fit: cover;
}

.contact_name {
    text-align: center;
    font-family: "DejaVu Sans";
    font-size: 0.8em;
    color: #282b3d;
    font-weight: bold;
    margin-bottom: 15px;
}

.contact_number {
    font-size: 0.8em;
    color: #bfc1c3;
    font-family: "DejaVu Sans";
    text-align: center;
}

.divider {
    margin: 15px auto;
    width: 100%;
    height: 1px;
    background: #e2e4ee;
}

.card_message_send_btn {
    background: #eb0029;
    text-align: center;
    width: 67%;
    height: 36px;
    line-height: 35px;
    border-radius: 22px;
    color: #ffffff;
    cursor: pointer;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    transition: all .3s ease;
    margin: auto;
}
.card_message_send_btn:hover{
    background: #004592;
}
.contact_add_btn,
.contact_update_btn {
    background: #343e73;
    text-align: center;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 22px;
    color: #ffffff;
    cursor: pointer;
    font-family: "BPG Nino Mtavruli";
    font-size: 0.8em;
    transition: all .3s ease;
}
.contact_add_btn:hover,
.contact_update_btn:hover {
    background: #f45048;
    
}
.contact_update_btn{
    width: 100%;
}
.edit_inputs {
    outline: none;
    width: 100%;
    height: 33px;
    border-radius: 29px;
    /* padding: 15px; */
    border: 2px solid rgb(210, 218, 232);
    margin-bottom: 10px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    padding-left: 10px;
}

.edit_contact_avatar::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
}

.upload_box {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.whiteCam {
    border-radius: 0 !important;
}

.file_upload {
    display: none;
}
.add_contact_popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 700;
}
.add_contact_box {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    padding: 20px 30px;
    width: 465px;
    margin: 150px auto auto auto;
}
.add_contact_title{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    margin-bottom: 15px;
}
.add_contact_img{
    width: 160px;
    height: 100%;
    border-radius: unset;
    margin: unset;
    margin-right: 35px;
}
.add_contact_img img{
    border-radius: unset;
}
.add_contact_img::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    border-radius: unset;
    display: none;
}
.add_contact_img:hover::after{
    display: block;
}
.add_contact_img:hover .upload_box{
    display: block;
}
.add_contact_img .upload_box{
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    display: none;
}
.add_contacts_buttons{
    margin-top: 10px;
    justify-content: center;
}
.cancel_add_contact_btn{
    text-align: center;
    width: 125px;
    height: 40px;
    line-height: 40px;
    border-radius: 22px;
    border: 1px solid #e4e5ef;
    color: #343e73;
    cursor: pointer;
    font-family: "BPG Nino Mtavruli";
    font-size: 0.8em;
    margin-right: 15px;
    /* background: #f45048; */
    transition: all .3s ease;
    /* color: #fff; */
    line-height: 37px;
}
.cancel_add_contact_btn:hover{
    background: #f45048;
    color: #ffffff;
    border-color: #f45048;
}
/* ---------------------- end all contacts --------------------- */
.number_parameter_wrapper {
    background-color: rgba(247, 248, 251, .6);
    margin-top: 15px;
    border-radius: 12px;
    height: 82%;
    margin-right: 9px;
    margin-left: 9px;
}

.number_parameter_header_actions {
    padding: 10px;
}

.number_parameter_header_actions .search_contact_form input {
    width: 31%;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    height: 35px;
    padding-left: 25px;
}

.number_parameter_container {
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%;
    padding: 10px 15px;
}

.parameter_box {
    padding: 7px 9px;
    background: #ffffff;
    border: 2px solid rgb(212, 219, 233);
    border-radius: 10px;
    margin-bottom: 30px;
}

.parameter_edit_main_box {
    padding: 7px 9px;
    background: #ffffff;
    box-shadow: 0px 10px 24.65px 4.35px rgba(52, 62, 115, 0.25);
    border-radius: 10px;
    margin-bottom: 30px;
}

.block_first {
    margin-bottom: 25px;
}

.block_first h1 {
    /* font-family: 'BPG Nino Mtavruli'; */
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #004592;
}

.parameter_close_btn {
    border: 1px solid rgb(212, 219, 233);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    /* padding: 12px 0px; */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.parameter_close_btn img{
    width: 10px;
    height: 10px;
    padding-right: 1px;
}
.server_block,
.psw_block {
    margin-bottom: 15px;
}

.server,
.password {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #004592;
    font-weight: bold;
}
.username_value,
.server_value,
.password_value {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #767777;
}
.password_value input{
    border: none;
    border: none;
    outline: none;
    text-align: right;
    border-bottom: 1px solid rgb(210, 218, 232);
    width: 100%;
    padding-right: 5px;
    font-size: 0.8em;
}
.change_psws {
    border: none;
    outline: none;
    width: 100%;
    height: 30px;
    border-radius: 29px;
    /* padding: 15px; */
    border: 2px solid rgb(210, 218, 232);
    margin-bottom: 10px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    padding-left: 11px;
}
.change_psw_txt{
    color: #5cb85c;
    text-align: center;
    margin-top: 20px;
    font-size: 0.8em;
    font-family: 'DejaVu Sans';
    display: none;
}
.update_parameters_btn {
    border: none;
    outline: none;
    /* background: #343e73; */
    color: #ffffff;
    text-align: center;
    width: 100%;
    /* height: 40px; */
    height: 35px;
    border-radius: 29px;
    cursor: pointer;
    font-size: 0.8em;
    font-family: 'BPG Nino Mtavruli';
    margin-top: 10px;
    background: #eb0029;
    transition: all .3s ease;
}

.update_parameters_btn:hover {
    background: #004592;
}

/* ---------------- end number parameter wrapper -------------- */
.extraction_wrapper {
    background-color: rgba(255, 255, 255, 1);
    margin-top: 15px;
    border-radius: 12px;
    height: 82%;
    padding: 10px 0px;
    margin-left: 9px;
    margin-right: 9px;
}

.extraction_header_actions {
    padding: 5px;
    border: 1px solid #e2e4ee;
    border-radius: 50px;
    background: #ffffff;
    width: 98%;
}

.extraction_form .select_box {
    width: 17%;
    margin-left: 20px;
}
.extraction_form .select_box::before{
    right: 15px;
}
.selects {
    width: 100%;
    height: 40px;
    border: none;
    display: block;
    margin-right: 10px;
    outline: none;
    position: relative;
    /* -webkit-appearance: none; */
    cursor: pointer;
    font-size: 0.8em;
    font-family: 'DejaVu Sans';
    /* font-family: 'BPG Nino Mtavruli'; */
    color: #343e73;
    padding: 0px 5px;
}
.extraction_numbers  {
    font-family: 'DejaVu Sans';
}
.extraction_box {
    width: 15% !important;
}

.datapicker_box {
    width: 32%;
    margin-right: 10px;
}

.datapicker_box input {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    cursor: pointer;
    padding-left: 10px;
}

.calendar_icon {
    position: absolute;
    top: 8px;
    right: 65px;
}

.agree_btn {
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    background: #eb0029;
    color: #ffffff;
    border: none;
    outline: none;
    border-radius: 22px;
    width: 142px;
    height: 36px;
    margin-left: 129px;
    transition: all .3s ease;
    /* line-height: 38px; */
}
#mainExtractionPage .agree_btn{
    margin-left: 130px;
}
.agree_btn:hover {
    background: #004592;
}
.extraction_content_wrapper{
    height: 100%;
}
.extraction_table_container {
    padding: 10px;
    height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
}
.extraction_table_container thead{
    border-bottom: 1px solid #e2e4ee;
}

table {
    width: 100%;
}

th,
td {
    padding: 10px 0px;

}

thead th {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    font-weight: bold;
    color: #343e73;
    height: 60px;
}
.seconds{
    text-align: center;
}
.tbody_ tr{
    border-bottom: 1px solid #e2e4ee;
}

.tbody_ td {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #5f656c;
    height: 37px !important;
}
.total_price_box{
    /* display: none; */
    opacity: 0;
}
.total_price_box ul{
    display: flex;
    align-items: center;
}
.sec_ul{
    margin-top: 10px;
}
.full_cost {
    /* font-family: 'BPG Nino Mtavruli'; */
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    margin-right: 10px;
    font-weight: bold;
}
.bonus_ {
    /* font-family: 'BPG Nino Mtavruli'; */
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    margin-right: 10px;
    font-weight: bold;
}

.extraction_bottom_content {
    padding: 0px 10px;
}

.total_sum {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    font-weight: bold;
}
.bonus_sum {
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    font-weight: bold;
}

.extraction_download_box {
    margin-right: 30px;
}

.download_title {
    /* font-family: 'BPG Nino Mtavruli'; */
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color:  rgb(244, 80, 72);
    transition: all .3s ease;
    font-weight: bold;
}

.download_title:hover {
    color: #343e73;
}
.extraction_file_downloader_boxs {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 12px 0px;
    cursor: pointer;
}

.xlsx_box {
    margin-left: 12px;
}

.pdf_box {
    margin-left: 10px;
}

/* ------------- end extraction --------------- */
.big_chat_content {
    padding: 10px;
    height: 315px;
    overflow-y: scroll;
}

.big_chat_header_actions {
    width: 100%;
    background-image: url('../img/bg/layer43.png');
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.big_chat_content .divider {
    margin: 15px auto;
}

.chat_contact_img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
}

.chat_contact_img img {
    border-radius: 50%;
    object-fit: cover;
}

.chat_contact_name,
.chat_contact_num {
    font-family: 'DejaVu Sans';
    font-size: 16px;
    color: #616161;
    margin-right: 5px;
}

.chat_date {
    background: #e2e4ee;
    text-align: center;
    width: 175px;
    height: 35px;
    color: #828283;
    border-radius: 50px;
    padding: 10px 0px;
    margin: auto;
    font-family: 'DejaVu Sans';
    font-size: 14px;
}

#send_message_form .send_arrow_box {
    position: unset;
    cursor: pointer;
}

#send_message_form #send_message_text {
    resize: none;
    outline: none;
    border: none;
    border-radius: 22px;
    width: 65%;
    padding-left: 20px;
    font-family: 'BPG Nino Mtavruli';
    font-size: 16px;
    position: relative;
}

#send_message_form .chose_contacts {
    width: 100%;
    height: 40px;
    border: none;
    display: block;
    margin-right: 10px;
    outline: none;
    position: relative;
    border-left: 2px solid #f1f4f8;
    color: #343e73;
    -webkit-appearance: button;
    cursor: pointer;
    padding-left: 10px;
}

.chat_img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
}

.chat_img img {
    border-radius: 50%;
    object-fit: cover;
}

.chat_text_content {
    background: #ffff;
    padding: 10px;
    border-radius: 10px;
    width: 300px;
    height: auto;
    word-break: break-word;
}

.chat_text_content .chat_contact_num {
    font-size: 14px;
}

.send_messages .arr_ {
    transform: rotate(180deg);
}

.send_messages .chat_name,
.send_messages .chat_text {
    text-align: right;
}
.send_messages{
    margin-bottom: 10px;
}
.recived_messages{
    margin-bottom: 10px;
}
/* ------------ end big chat ------------- */
.middle_button_actions .check_all_container{
    font-size: 1em;
    margin-right: 15px;
}
.checked_pay_btn{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    background: #ffffff;
    cursor: pointer;
    background: #eb0029;
}
.services_container{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 10px 0px;
}
#documentsPage .services_container{
    height: 98%;
}
.services_main_box{
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 24.65px 4.35px rgba(52, 62, 115, 0.15);
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 10px;
}
.service_check_box .check_message_span::after{
    background: #eb0029;
}
.services_left_box{
    width: 180px;
    padding: 15px;
}
.services_left_box img{
    width: 60px;
    display: block;
    margin: auto;
}
.services_main_box .contact_check_box{
    top: 20px;
    left: 20px;
}
.services_left_box p{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #676b86;
    text-align: center;
    margin-top: 15px;
}
.services_list_group  {
    border-bottom: 1px solid #e2e4ee;
    margin-bottom: 10px;
}
.services_right_box{
    padding: 20px 10px;
    width: 100%;
    height: auto;
    border-left: 2px solid #e2e4ee;
}
.services_list_left{
    font-family: 'DejaVu Sans';
    /* font-family: 'BPG Nino Mtavruli'; */
    font-size: 0.8em;
    color: #343e73;
    /* line-height: 1.3; */
    margin-bottom: 10px;
}
.services_list_right{
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #5f656c;
    margin-bottom: 10px;
}
.balance{
    color: #2bad4d !important;
}
.amount {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 25px;
    padding: 5px;
    display: flex;
    align-items: center;
    width: 164px;
}
.refresh{
    border-radius: 50%;
    /* background: rgb(52, 62, 115); */
    background: #eb0029;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px 5px;
    margin-right: 5px;
    cursor: pointer;
    transition: all .3s ease;
}
.refresh:hover{
    background: #004592;
}
.amount_inner{
    color: #eb0029;
    margin-left: 16px;
}
.service_buttons{
    margin-top: 15px;
}
.change_package{
    color: #343e73;
    font-family: 'BPG Nino Mtavruli';
    /* font-family: 'DejaVu Sans'; */
    font-size: 0.8em;
    /* margin-right: 15px; */
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s linear;
}
.balance_up{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    /* font-family: 'DejaVu Sans'; */
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    background: #004592;
    border: 1px solid #004592;
    cursor: pointer;
    transition: all .3s linear;
}
.change_package:hover,
.balance_up:hover{
    background: #eb0029;
    border-color: #eb0029;
    color: #ffffff;
}
#servicesPage .check_all_container{
    font-size: 0.8em;
}
.package_popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 600;
}
.package_popup .pin_option{
    margin-bottom: 0px;
}
.package_popup_box{
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    width: 860px;
    height: auto;
    padding: 35px 20px 10px 20px;
    /* padding: 40px 30px; */
    margin: 30px auto auto auto;
}
.package_title{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    margin-bottom: 15px;
}
.package_card{
    border: 2px solid rgb(226, 228, 238);
    background: rgb(255, 255, 255);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    transform: translate(0px,0px);
    transition: all .3s linear;
    min-height: 235px;
}
#servicesList{
    padding-top: 10px;
    max-height: 480px;
    overflow-y: auto;
}
.services_icon{
    width: 50px;
    height: 50px;
    margin: auto auto 20px auto;
}
.package_card:hover{
    transform: translate(0px,-5px);
    border-color:rgb(52, 62, 115);
}
.package_card.package_card_active{
    /* border-color: #f45048; */
    border-color:#004592;
}
.packageActive{
    border-color: #f45048;
}
.package_name{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #343e73;
    text-align: center;
    margin-bottom: 15px;
}
.package_name span{
    font-size: 0.8em;
    color: #01c001;
    margin-top: 5px;
    display: block;
}
.activation{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    margin-right: 15px;
    border-radius: 22px;
    padding: 12px 0px;
    background: #004592;
    cursor: pointer;
    text-align: center;
    transition: all .3s linear;
    margin: 20px auto auto auto;
    width: 55%;
    height: 36px;
}
.activation:hover{
    background: #eb0029;
}
.package_popup .divider{
    height: 2px;
    margin-top: 30px;
}
.get_pin_title{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592;
    margin-right: 20px;
}
.package_middle_info .check_message_span::after{
    background: #eb0029;
}
.package_middle_info .check_message_container{
    margin-right: 20px;
}
.pin_error{
    color: #f45048;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    position: absolute;
    top: -15px;
    left: 10px;
    display: none;
}
.cancel_package_btn{
    text-align: center;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 22px;
    border: 1px solid #e4e5ef;
    color: #004592;
    cursor: pointer;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    margin-right: 15px;
    margin-left: 80px;
    transition: all .3s ease;
}
.cancel_package_btn:hover{
    background: #eb0029;
    color: #fff;
}
.package_bottom_ {
    align-items: center;
}
.finish_package_btn{
    background: #004592;
    text-align: center;
    width: 150px;
    height: 40px;
    line-height: 43px;
    border-radius: 22px;
    color: #ffffff;
    cursor: pointer;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    transition: all .3s ease;
}
.finish_package_btn:hover{
    background: #eb0029;
}
.payment_popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 600;
}
.payment_popup_box{
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    width: 1000px;
    height: auto;
    padding: 40px 70px;
    margin: 150px auto auto auto;
}
.payment_title{
    font-family: 'BPG Nino Mtavruli';
    font-size: 40px;
    color: #343e73;
    margin-bottom: 15px;
}
.service_price_title{
    font-family: 'BPG Nino Mtavruli';
    font-size: 1em;
    color: #343e73;
    margin-bottom: 15px;
}
.payment_items_box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 25.5px 4.5px rgba(52, 62, 115, 0.1);
    margin-bottom: 10px;
}
.payment_items_left{
    width: 100px;
    padding: 15px;
}
.payment_items_left img{
    width: 50px;
    display: block;
    margin: auto;
}
.payment_items_right{
    padding: 20px 40px;
    width: 100%;
    height: auto;
    border-left: 2px solid #e2e4ee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment_popup_box .cancel_adit_contact{
    position: unset;
}
.payment_item_box{
    margin-top: -10px;
}
.payment_service{
    font-family: 'BPG Nino Mtavruli';
    font-size: 1em;
    color: #343e73;
}
.payment_item_title{
    font-family: 'BPG Nino Mtavruli';
    font-size: 1em;
    color: #343e73;
    text-align: center;
}
.payment_item_inner{
    font-family: 'DejaVu Sans';
    border: 1px solid rgb(226, 228, 238);
    border-radius: 25px;
    padding: 10px 20px;
    text-align: center;
    color: #f45048;
}
.payment_btn{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    cursor: pointer;
    background: #f45048;
    width: 200px;
    text-align: center;
}
.cancel_payment_btn{
    color: #343e73;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
}
.status_red{
    color: #eb0029 !important;
}
.status_green{
    color: green !important;
}
.product_name{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #676b86;
    margin-bottom: 15px;
}
/* -----------end service---------- */
.documents .extraction_table_container{
    overflow: unset;
}
.download_documents_box{
    cursor: pointer;
    justify-content: flex-end;
}
.download_documents_box img{
    margin-right: 15px;
}
.download_document_txt{
    font-family: 'BPG Nino Mtavruli';
    font-size: 1em;
    color: #5f656c;
    transition: all .3s ease;
}
.download_document_txt:hover{
    color: #e24c45;
}
#acceptancePage .extraction_header_actions{
    padding: 2px 10px;
    width: 100%;
}
#acceptancePage .datapicker_box{
    width: 32%;
    margin-left: 10px;
}
#acceptancePage .agree_btn{
    width: 142px;
    height: 36px;
}
#invoicePage .extraction_header_actions{
    padding: 2px 10px;
    width: 100%;
}
#invoicePage .datapicker_box{
    width: 32%;
    margin-left: 10px;
}
#invoicePage .agree_btn{
    width: 142px;
    height: 36px;
}
/* -------- end invoice --------- */
#mainExtractionPage .extraction_header_actions{
    width: 98%;
}
#mainExtractionPage .extraction_box{
    width: 30% !important;
}
#mainExtractionPage .datapicker_box{
    width: 32%;
    margin-left: 40px;
}
#mainExtractionPage .extraction_wrapper{
    height: 88%;
}
/* ------- end main extraction ---------- */
.profile_card_box{
    padding: 40px 35px;
    width: 100%;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 10px 25.5px 4.5px rgba(52, 62, 115, 0.15);
}
.profile_img_box{
    /* width: 73%; */
    height: 200px;
    border-radius: 10px;
    /* margin: auto; */
}
.profile_img_box img{
    object-fit: cover;
    border-radius: 10px;
}
.middle_content_wrapper{
    margin-left: 9px;
    margin-right: 9px;
}
.change_profile_img{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #ffffff;
    background: #eb0029;
    border-radius: 22px;
    text-align: center;
    padding: 10px 0px;
    cursor: pointer;
    margin-top: 32px;
    /* width: 65%; */
    margin-left: 10px;
    transition: all .3s ease;
}
.change_profile_img:hover{
    background: #004592;
}
.user_name{
    /* font-size: 1em;
    font-family: 'DejaVu Sans';
    color: #282b3d;
    margin-bottom: 15px;
    text-transform: capitalize; */
    margin-right: 23px;
}
.profile_list_left{
    /* font-family: 'BPG Nino Mtavruli'; */
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #004592;
    margin-bottom: 10px;
}
.profile_list_right{
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #bfc1c3;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.profile_list_right input{
    text-align: right;
    border: none;
    /* border-bottom: 1px solid #000; */
    outline: none;
    font-family: 'DejaVu Sans';
    /* font-size: 0.8em; */
    width: 100%;
    color: #bfc1c3;
}
.address{
    width: 50%;
}
.birth_day,
.private_num,
.subscriber_num{
    margin-right: 23px;
}
.profile_action_buttons{
    margin-left: 7px;
    cursor: pointer;
}
.profile_actions_box{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
}
.profile_actions{
    display: flex;
    align-items: center;
}
.enter_password{
    border: none;
    outline: none;
    width: 190px;
    height: 36px;
    border-radius: 29px;
    padding-left: 15px;
    border: 2px solid rgb(210, 218, 232);
    font-family: 'DejaVu Sans';
    font-size: 14px;
    margin-right: 15px;
}
.cancel_profile{
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    margin-right: 15px;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s ease;
}
.cancel_profile:hover{
    background: #eb0029;
    color: #ffffff;
}
.save_profile{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    border-radius: 22px;
    padding: 10px 20px;
    background: #004592;
    cursor: pointer;
    transition: all .3s ease;
}
.save_profile:hover{
    background: #eb0029;
}
.change_password_inputs{
    border: none;
    outline: none;
    width: 190px;
    height: 36px;
    border-radius: 29px;
    padding-left: 15px;
    border: 2px solid rgb(210, 218, 232);
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    margin-right: 15px;
    color: #343e73;
}
.change_password_buttons_box{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}
.change_password_buttons{
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    cursor: pointer;
    height: 36px;
    border: none;
    outline: none;
    background: transparent;
    width: 155px;
    line-height: 36px;
}
.cancel_change_password{
    color: #004592;
    margin-right: 15px;
    border: 1px solid rgb(226, 228, 238);
    transition: all .3s linear;
}
.cancel_change_password:hover{
    background: #eb0029;
    color: #ffffff;
}
.save_new_password{
    color: #ffffff;
    background: #004592;
    transition: all .3s linear;
}
.save_new_password:hover{
    background: #eb0029;
}
.pass_err_txt{
    font-family: 'BPG Nino Mtavruli';
    font-size: 14px;
    color: #eb0029;
    position: absolute;
    top: -15px;
    display: none;
}
/* ---------- end profile --------------- */

.add_new_cont_img_box{
    width: 35px;
    height: 29px;
    border-radius: 50%;
    border: 2px solid #e2e4ee;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.add_new_cont_img_box img{
    display: block;
    width: 15px;
    height: 15px;
}



.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(52, 62, 115);
  border-right: 1.1em solid rgba(52, 62, 115);
  border-bottom: 1.1em solid rgba(52, 62, 115);
  border-left: 1.1em solid rgb(244, 80, 72);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
select:focus{
    box-shadow: none;
    outline: none;
}

.check_sms_box{
    position: absolute;
    position: absolute;
    top: 8px;
}
.right_sms_check{
    right: 0;
}
.left_sms_check{
    left: 8px;
}
.delete_pupup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    display: none;
    z-index: 2000;
}
.delete_pop_active {
    display: block;
}
.delete_pop_content{
    -webkit-box-shadow: 1px 0px 10px #a2a2a2;
    box-shadow: 1px 0px 10px #a2a2a2;
    width: 300px;
    height: auto;
    margin: 50px auto auto auto;
    background: white;
    border-radius: 10px;
    padding: 10px;
}
.delete_question {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: 'BPG Nino Mtavruli';
}
.delete_pop_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup_btns {
    border: none;
    outline: none !important;
    padding: 8px 20px;
    cursor: pointer;
    background: transparent;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'DejaVu Sans';
}
.green_btn {
    background: #28a745;
    margin-right: 10px;
}
.red_btn {
    background: #eb0029;
}
.header_actions{
    position: relative;
}
.delete_sms_{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer;
}
.delete_sms_ img{
    width: 19px;
    height: 19px;
}
.items_parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.service_selects{
    width: 60%;
}
/* .delete_pupup  .package_card{
    max-height: 285px;
    overflow-y: auto;
} */

.products__{
    max-height: 560px;
    overflow-y: auto;
}
.modal_body .pin_option{
    margin-bottom: 0px;
}
.products__ .package_card:hover{
    transform: translate(0px,0px);
}
.numbers_block{
    padding-bottom: 15px;
}
.voip_filter label{
    font-size: 0.8em;
    font-family: 'BPG Nino Mtavruli';
    margin-bottom: 10px;
    color: #343e73;
}
.number_table{
    padding: 10px 0px;
    max-height: 440px;
    overflow-y: auto;
}
.number_table thead th{
    height: unset;
}
.delete_pop_content{
    max-height: 740px;
    overflow-y: auto;
}
.modal_ {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999;
  }
  .modal_content {
    background: #ffffff;
    color: #000;
    border-radius: 10px;
    padding: 35px 20px 10px 20px;
    /* max-width: 900px; */
    max-width: 890px;
    height: auto;
    margin: 30px auto;
    position: relative;
    box-shadow: 1px 0px 10px #a2a2a2;
  }
  .modal_step_block {
      display: none;
    }
  .close__pop {
    font-size: 21px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-weight: bolder;
    color: #004592;
  }
.modal_footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
/* .modal_footer button{
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    padding: 7px 20px;
    border-radius: 10px;
} */
.prev_btn{
    color: #343e73;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s linear;
    outline: none;
}
.next_btn{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    background: #004592;
    border: 1px solid #004592;
    cursor: pointer;
    transition: all .3s linear;
    outline: none;
}
#finish{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    background: #004592;
    border: 1px solid #004592;
    cursor: pointer;
    transition: all .3s linear;
}
#finish:hover{
    background: #eb0029;
    border-color: #eb0029;
}
#category_box{
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    width: 31%;
}
.chose_button_act{
    background: #eb0029;
}
.number_table tbody tr{
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #004592;
    border-bottom: 1px solid #e2e4ee;
}
#voip,
#numSearch,
#numCost,
#updateNums{
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
}
.modal_footer .next_btn{
    background: #004592;
}
.modal_footer .next_btn:hover{
    background: #eb0029;
    border-color: #eb0029;
}
.modal_footer .prev_btn:hover{
    background: #eb0029;
    color: #fff;
}
#acceptancePage .calendar_icon,
#invoicePage .calendar_icon {
    right: 45px;
}

#mainExtractionPage .calendar_icon {
    right: 50px;
}
#mainExtractionPage .select_box::before {
    right: 100px;
}
.finished_products{
    width: 415px;
    margin: auto;
    border-color: rgb(52, 62, 115);
}
.sms_info_txt{
    text-align: center;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #004592;
    border-bottom: 1px solid #e2e4ee;
    padding:15px 0px;
}
.pin_result{
    margin: 10px 0px;
    text-align: center;
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
    display: none;
}
.progress-bar {
    background: #f5f5f5;
    width: 100%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 8px;
    border-radius: 5px;
}
.progress {
    width: 0%;
    background: #eb0029;
    height: 100%;
    transition: all 0.3s linear;
    border-radius: 5px;
}
.progress_bar_info {
    text-align: center;
    margin: 10px auto;
    font-size: 0.8em;
    color: #004592;
    font-family: 'BPG Nino Mtavruli';
}

.porting_title{
    font-size: 0.8em;
    font-family: 'BPG Nino Mtavruli';
    color: #004592;
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}
.porting_info{
    font-size: 0.8em;
    font-family: 'DejaVu Sans';
    color: #004592;
    margin-bottom: 15px;
    line-height: 1.2;
}
.porting_group li{
    font-size: 0.8em;
    font-family: 'DejaVu Sans';
    color: #004592;
    margin-bottom: 15px;
    line-height: 1.2;
    position: relative;
    padding-left: 20px;
}
.porting_group li::before {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    /* font-family: 'Font Awesome 5 Free'; */
}
.close_porting{
    color: #343e73;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s linear;
    outline: none;
}
.datacomm_btn2{
    color: #343e73;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    border: 1px solid rgb(226, 228, 238);
    background: #ffffff;
    cursor: pointer;
    transition: all .3s linear;
    outline: none;
}
.close_porting:hover{
    background: #eb0029;
    border-color: #eb0029;
    color: #ffffff;
}
.datacomm_btn2:hover{
    background: #eb0029;
    border-color: #eb0029;
    color: #ffffff;
}
.continue_btn{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    background: #004592;
    border: 1px solid #004592;
    cursor: pointer;
    transition: all .3s linear;
    outline: none;
}
.continue_btn:hover{
    background: #eb0029;
    border-color: #eb0029;
    color: #ffffff;
}

.datacomm_btn1{
    color: #ffffff;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    border-radius: 22px;
    padding: 10px 20px;
    background: #004592;
    border: 1px solid #004592;
    cursor: pointer;
    transition: all .3s linear;
    outline: none;
}
.datacomm_btn1:hover{
    background: #eb0029;
    border-color: #eb0029;
    color: #ffffff;
}
.porting_tab_buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.person_btn{
    margin-right: 15px;
}
.porting_tab_btn_act{
    background: #eb0029;
    border-color: #eb0029;
    color: #ffffff;
}
#home_person{
    height: 565px;
    overflow-y: auto;
    overflow-x: hidden;
}
#home_person  label {
    margin-bottom: 10px;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592;
    position: relative;
}
#home_person label::before {
    content: '*';
    position: absolute;
    color: #bd3133;
    right: 0;
    top: 0;
    margin-right: -10px;
}
#home_person  input {
    margin-bottom: 10px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
}
#home_person  select {
    margin-bottom: 10px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
}
#home_copr{
    height: 565px;
    overflow-y: auto;
    overflow-x: hidden;
}
#home_copr  label {
    margin-bottom: 10px;
    font-family: 'BPG Nino Mtavruli';
    font-size: 0.8em;
    color: #004592;
    position: relative;
}
#home_copr label::before {
    content: '*';
    position: absolute;
    color: #bd3133;
    right: 0;
    top: 0;
    margin-right: -10px;
}
#home_copr  input {
    margin-bottom: 10px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
}
#home_copr  select {
    margin-bottom: 10px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
}
.porting_left{
    width: 30%;
    margin-right: 15px;
}
.porting_right{
    width: 70%;
}
.porting_left select{
    width: 100%;
}
.form-control:focus{
    box-shadow: unset;
    border-color: #004592;
}
.pdf_link{
    font-family: 'DejaVu Sans';
    color: #bd3133 !important;
}
#send_person_porting{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
#send_corp_porting{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.delete_pop_footer{
    margin-top: 10px;
}
.trash_icon{
    font-size: 1em;
    margin-right: 10px;
    color: #bd3133;
    cursor: pointer;
}
.hidden_details_box{
    width: 100%;
    border-bottom: 1px solid #e2e4ee;
    margin-bottom: 10px;
}
.hidden_details_btn{
    width: 100%;
    height: 30px;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: left;
    padding: 0px;
    font-family: 'DejaVu Sans';
    font-size: 0.8em;
    color: #343e73;
    font-weight: bold;
}
.hidden_datils_ {
    background: 0 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hidden_datils_ .services_list_left,
.hidden_datils_ .services_list_right{
    color: #343e7361 !important;
}
.hidden_datils_act{
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
}
.sort_down{
    position: absolute;
    font-size: 18px;
    top: 3px;
    right: 0;
}
.p2psms_middle_wrapper a{
    width: 100%;
    height: 100%;
}
.p2psms_middle_wrapper{
    flex-wrap: nowrap;
    /* overflow-x: auto; */
}
#p2psmsPage .middle_buttons{
    word-break: unset;
    white-space: nowrap;
    padding: 10px 17px;
}
.hidden_datils_ .services_list_group:last-child{
    border-bottom: unset;
}
.voip_act{
    background: #e2e4ee;
}
.num_port_pin{
    margin-top: 20px;
}
/* --------------- respon */
@media screen and (max-width:1870px){
    .header_ {
        padding: 0 2em;
        position: unset;
        height: unset;
    }
    .main_content_block{
        width: calc(100% - 4em);
    }
    .footer{
        padding: 0 2em;
    }
    .main_content_sec{
        position: unset;
    }
    .footer{
        position: unset;
        height: unset;
        padding: 10px;
    }
    .message_block{
        bottom: 70px;
    }
    .form_wrapper{
        width: 60%;
    }
    #p2psmsPage .middle_button_wrapper{
        overflow-x: auto;
    }
}
@media screen and (max-width:1520px){
    .main_content_sec{
        padding: 30px 0px;
        height: unset;
        min-height: calc(100vh - 155px);
    }
    #contactsWrapper .col-lg-3{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .nav_block{
        margin-top: 0px;
    }
    .form_wrapper{
        width: 100%;
    }
    .left_menu_bar{
        height: unset;
        overflow-y: unset;
        overflow-x: unset;
    }
    .left_menu_bar_boxs{
        /* padding: 20px; */
    }
    .send_new_message_wrapper{
        height: unset;
    }
    .send_new_message_content{
        height: 400px;
    }
    .right_messages_block{
        height: unset;
    }
    .send_text_block{
        /* margin-top: 0px; */
    }
    .send_new_message_wrap{
        height: 535px;
    }
    .main_content_block{
        height: 695px;
    }
    .search_contact_form input{
        width: 225px;
    }
    .main_class{
        min-width: 1260px;
    }
    .calendar_icon {
        right: 0px;
    }
    .number_parameter_container .col-lg-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width:1376px){
    .calendar_icon {
        right: -25px;
    }
    .select_box:first-child::before{
        right: -5px;
    }
    #noUser{
        padding-top: 25px;
    }
}