.copied{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15pt;
    color: lightcoral;
}
body {
    overflow: hidden;
    outline: none;
    font-family: OpenSans-Semibold;
}
a{
    text-decoration: none;
}


.page {
    position: static;
    height: 100%;
    width: 100%;
    background: red;
}

.top {
    position: relative;
    background: #c92020;
    width: 100%;
    height: 60px;
}

.center {

}

.center .left_block {
    height: 100%;
    float: left;
    margin-top: -60px;
    padding-top: 60px;
}


/*Стилі меню */

.menu {
    overflow: hidden;
}

.menu_open {
    width: 200px;
    margin-left: 0px;
    height: 100%;
    background: #d13636;
    float: left;
    transition: 1s all;
}

.menu_close {
    visibility: hidden;
    margin-left: -200px;
}

.menu ul {
    padding: 0px;
}

.menu li {
    list-style: none;
    padding: 10px;
    color: white;
    font-family: OpenSans-Semibold;
    font-size: 13pt;
    border-bottom: 0.1px solid rgba(255,255,255,0.2);
}

.menu li:hover{
    cursor: pointer;
    background: #f26f6f;
}

.menu a{
    text-decoration: none;
}
.menu a:hover{
    text-decoration: none;
}

.menu .active{
    background: #f26f6f;
}


.menu .input_find{
    background: transparent;
    border: 1px solid transparent;
    box-shadow: inset 0px 0px 0px white;
    color: white;
    font-size: 13pt;
}

.menu .input_find::-webkit-input-placeholder { color: #d9d9d9;}
.menu .input_find:-moz-placeholder { color: #d9d9d9; }
.menu .input_find::-moz-placeholder { color: #d9d9d9; }
.menu .input_find:-ms-input-placeholder { color: #d9d9d9; }

.menu .input-group{
    border-bottom: 1px solid white;
    margin: 10px;
}

.menu .input-group span{
    background: transparent;
    border: 1px solid transparent;
    color: white;

}

.center .right_block {
    height: 100%;
    overflow: auto;
    padding: 50px;
    background: #eef1f5;
    padding-bottom: 100px;
}

/*Кінець стілів меню */

/*Стилі верхнього меню */
.right_content{
    float: right;
    padding-top: 15px;
    padding-right: 20px;
}

#log_out_span{
    color: white;
    font-size: 23pt;
}
#log_out_span:hover{
    background: #f26f6f;
    cursor: pointer;
}

#drop_down_user_list{
    border-radius: 0px;
    border: 0px solid transparent;
    background: transparent;
    color: white;
    font-size: 15pt;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    margin-top: 5px;
}

.right_content .btn-group{
    margin-top: -14px;
    margin-right: 20px;
    border-radius: 0px;
}

.dropdown-menu{
    border-radius: 0px;
}
.dropdown-menu>li>a:hover{
    background: #f26f6f;
    color: white;
}
/*Кінець стилів верхнього меню */


.round_image {
    height: 50px;
    width: 50px;
    border-radius: 100px;
    border: 1px solid lightgray;
    display: inline-block;
    float: left;
}


.block_style{
    width: 100%;
    position: relative;
    display: inline-block;
    background: white;
    text-align: center;
    border: 1px solid lightgray;
    padding: 20px;
    transition: 1s all;
    margin-top: 10px;
}

.block_style_zoom:hover img{
    height: 250px;
    transition: 1s all;
    cursor: pointer;
    margin: -25px;
}

.block_style img{
    height: 200px;
    transition: 1s all;
}


h1{
    color: #666;
    font-family: OpenSans-Semibold;
    font-size: 26pt;
}


.info_block{
    padding: 20px;
    max-height: 130px;
    margin-bottom: 10px;
}

.info_block h2{
    text-align: right;
    color: white;
    font-size: 25pt;
}

.info_block h2 small{
    text-align: right;
    color: white;
    font-size: 15pt;
}

.form-control
{
    border-radius: 0px;
}


/*Інші блоки */
.error{
    position: absolute;
    top: -50px;
    width: 100%;
    background-color: #d13636;
    height: 50px;
    z-index: 99;
    color:white;
}

.error_in_template{
    position: relative;
}

.error_open{
    top: 0px;
    transition: 0.5s all ease-in-out;
}

.control{
    font-size: 18pt;
    text-align: center;
}

.contacts-list{
    text-align: center;
}
.contacts-list .contact{
    font-size: 15pt;
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid lightcoral;
    margin: 10px;
    position: relative;
    min-width: 100px;
}

.contacts-list .contact:hover .edit{
    opacity: 1;
    transition: 1s all ease-in-out;
}

.contacts-list .contact .edit{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    opacity: 0;
    transition: 1s all ease-in-out;
}

.contacts-list .contact .edit .editbtn{
    background: lightgreen;
    border: 0px;
    height: 33px;
    color: white;
}

.contacts-list .contact .edit .editbtn:hover{
    background: #d1ff91;
    cursor: pointer;
}

.contacts-list .contact .edit .deletebtn{
    background: lightcoral;
    border: 0px;
    height: 33px;
    color: white;
}

.contacts-list .contact .edit .deletebtn:hover{
    background: #f25260;
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 14pt;
    margin: 1px;
}

.passportfield{
    display: inline-block;
}


@media(max-width:767px){
    .menu {
        overflow: hidden;
        position: absolute;
        z-index: 99;
    }
}
@media(max-width:768px){
    .menu {
        overflow: hidden;
        position: absolute;
        z-index: 99;
    }
}
@media(min-width:992px){

}
@media(min-width:1200px){

}