body {
    font-family: sans-serif;
}



.fc-container {
    display: flex;
    /*flex-wrap: wrap;*/
    border-radius: 10px;
    /*height: 100vh;*/
}

.fc-header {
    display: flex;
}


.fc-consultant-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    height: 50px;
}

.fc-consultant-online {
    margin-left: 20px;
}

.fc-content {
    display: flex;
}

.fc-users-container {
    width: 100%;
}

.fc-video-container {
    flex: 1;
}



/*widget styles*/


body{
    background-image: url('../img/bg.jpg');
}

div#voda-container {
    position: absolute;
    right: 30px;
    bottom: 15px;

}

.voda-video-holder {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    justify-content: center;
    border-radius: 24px;
    position: absolute;

}

.voda-chat-holder{
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    justify-content: center;
    border-radius: 24px;
    background-color: #fff5f7;
    position: absolute;
}

.voda-item[data-mode="VIDEO"] .voda-video-holder {
    display: flex;
}
.voda-item[data-mode="AVAIL"] .voda-video-holder {
    display: flex;
    border-radius: 10px;
}

.voda-item[data-mode="COLLAPSED"] .voda-video-holder {
    display: flex;
    border-radius: 10px;
}

.voda-item[data-mode="CHAT"] .voda-chat-holder {
    display: flex;
}




.voda-item{
    width: 320px;
    height: 540px;
    position: relative;

    background-color: #eaeaea;
    border-radius: 24px;
    box-shadow: 0 0 20px rgb(208 208 208);

    margin-right: 15px;
}

.voda-video {
    background-color: aliceblue;
    height: 100%;
    width: 100%;
}

.voda-controls {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 50px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    left: 25px;
}

.voda-btn {
    border-radius: 50%;
    background-color: #556fff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.voda-btn:hover {
    background-color: #3856ff;
}

.voda-btn-small {
    height: 36px;
    width: 36px;

}

.voda-btn-tiny{
    height: 28px;
    width: 28px;
}


.voda-btn-big{
    height: 56px;
    width: 56px;
}

.voda-stop-conversation{
    background-color: #ff5264;
}
.voda-stop-conversation:hover{
    background-color: #ff1b47;
}

.voda-send-message{
    background-color: #fff;
    border: 1px solid #3856ff;
    box-sizing: border-box;
}
.voda-send-message:hover{
    background-color: aliceblue;
}
.voda-send-message i{
    color: #3856ff;
    font-size: 20px;
    margin-left: -2px;
}

.voda-item[data-mode="CHAT"] *[data-vis-chat="false"]{
    display: none;
}

.voda-item[data-mode="VIDEO"] *[data-vis-video="false"]{
    display: none;
}

.voda-item[data-mode="AVAIL"] *[data-vis-avail="false"]{
    display: none;
}
.voda-item[data-mode="COLLAPSED"] *[data-vis-coll="false"]{
    display: none;
}



/*.voda-item[data-mode="CHAT"] .voda-pause-control,*/
/*.voda-item[data-mode="CHAT"] .voda-stop-conversation{*/
/*display: none;*/
/*}*/
/*.voda-item[data-mode="VIDEO"] .voda-attache-control,*/
/*.voda-item[data-mode="VIDEO"] .voda-send-message,*/
/*.voda-item[data-mode="VIDEO"] .voda-chat-input-holder{*/
/*display: none;*/
/*}*/

.voda-pause-control{
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: 70px;*/
    /*background-color: #5f5f5f;*/
}

.voda-attache-control{
}

.voda-attache-control i{

    color: #3856ff;
}

.voda-attache-control:hover{
    background-color: aliceblue;
}


.voda-pause-control i{
    font-size: 13px;
}

.voda-pause-control:hover{

    background-color: #000;
}

.voda-pause-control-bar{

    display: none;

    width: 140px;
    overflow: hidden;
    background-color: #e7e7e7;
    border-radius: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.voda-pause-control:hover .voda-pause-control-bar{
    display: block;
}

.voda-pause-control-item{
    font-family: arial, sans-serif;
    font-size: 13px;
    padding-left: 15px;
    height: 37px;
    color: #000;
    padding-top: 11px;
    box-sizing: border-box;
    cursor: pointer;
}

.voda-pause-control-item:hover{
    background-color: #dadada;
}

.voda-pause-control-inner{
    bottom: 0;
    background-color: #fff;
    z-index: 10;
}
.voda-pause-control-inner i{
    color: #000;
}
.voda-pause-control-inner:hover{
    background-color: #fff;
}

.voda-chat-messages {
    padding: 25px;
}
.voda-chat-message {

    margin-bottom: 15px;
    display: flex;
}

.voda-chat-message-left .voda-chat-message-inner{
    background-color: #fff;
}


.voda-chat-message-right .voda-chat-message-inner{
    background-color: #3F51B5;
    color: #fff;
}

.voda-chat-message-right{
    justify-content: flex-end;
}


.voda-chat-message-inner{
    border-radius: 15px;
    padding: 15px;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.voda-chat-input-holder {
}

.voda-chat-input{
    border: 1px solid #d6dcff;
    margin: 0;
    outline: 0;
    height: 53px;
    width: 100%;
    border-radius: 8px 8px 27px 8px;
    resize: none;
    padding: 8px 8px;
    box-sizing: border-box;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 17px;
}

.voda-chat-input:focus{
    border: 1px solid #3856ff;
}

.voda-item[data-mode="AVAIL"] {
    height: 210px;
    width: 130px;
    border-radius: 10px;
}

.voda-item[data-mode="COLLAPSED"] {
    width: 150px;
    height: 260px;
}

.voda-top-bar-holder{
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
}

.voda-item[data-mode="VIDEO"] .voda-top-bar-holder {
    position: absolute;
    top: 15px;
    padding-left: 20px;
}

.voda-item[data-mode="CHAT"] .voda-top-bar-holder {
    position: absolute;
    top: 15px;
    padding-left: 20px;
}

.voda-item[data-mode="AVAIL"] .voda-top-bar-holder {
    position: absolute;
    top: 10px;
    padding-left: 10px;
}

.voda-item[data-mode="COLLAPSED"] .voda-top-bar-holder {
    position: absolute;
    top: 10px;
    padding-left: 10px;
}

.voda-oper-name{
    font-family: arial, sans-serif;
    font-size: 15px;
    color: #fff;
}

.voda-btn-first {
    height: 60px;
    width: 60px;
    background-color: #fff;
    /*border: 1px solid #03A9F4;*/
    box-shadow: 0 0 22px rgb(120 213 255);
    margin: 0 auto;
}
.voda-btn-first i{
    color: #03A9F4;
    font-size: 28px;
}
.voda-btn-first:hover i{
    color: #fff;
}

div#voda-collection-holder {
    display: flex;
    padding-bottom: 20px;
}


#voda-collection-holder:hover .voda-item[data-mode="AVAIL"]:nth-child(1),
#voda-collection-holder:hover .voda-item[data-mode="AVAIL"]:nth-child(2),
#voda-collection-holder:hover .voda-item[data-mode="AVAIL"]:nth-child(3){
    z-index: 1;
    height: 210px;
    width: 130px;
    margin-left: 0;
    margin-top: 0;
}


.voda-item[data-mode="AVAIL"]:nth-child(1){
    z-index: 30;

}
.voda-item[data-mode="AVAIL"]:nth-child(2){
    z-index: 20;
    margin-left: -100px;

    margin-top: 7px;
    height: 195px;
    width: 121px;
}
.voda-item[data-mode="AVAIL"]:nth-child(3){
    z-index: 10;
    margin-left: -100px;

    margin-top: 15px;
    height: 180px;
    width: 112px;
}



.voda-slider-controls {
    position: absolute;
    z-index: 100;
    height: 60px;
    width: 100%;
    justify-content: space-between;
    margin-top: 80px;
    display: none;

}

#voda-container.collection-mode #voda-collection-holder:hover .voda-slider-controls{
    display: flex;
}


.voda-slider-control-left{
    margin-left: -15px;
}

.voda-slider-control-left ,
.voda-slider-control-right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.voda-slider-control-left:hover ,
.voda-slider-control-right:hover {
    color: #03A9F4;
}

#voda-join-holder{
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 11px;
    font-family: arial, sans-serif;
    /*font-weight: bold;*/

}
#voda-join-link{
    color: #8bb9ff;
    text-decoration: none;
    background-color: aliceblue;
    padding: 1px 6px;
    border-radius: 3px;
    z-index: 1000;
}


#voda-join-link:hover{
    background-color: #0043ff;
    color: #fff;
}

div#voda-screensaver-holder {
    position: absolute;
    z-index: 1000;
    width: calc(100% - 15px);
    height: calc(100% - 20px);
    background-color: rgb(235 254 255 / 100%);
    border-radius: 23px;
    left: 0;
    top: 0;
}

.voda-screensaver-message {
    font-family: arial, sans-serif;
    text-align: center;
    margin-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 26px;
}

.voda-screensaver-timer-holder {
    text-align: center;
    font-size: 50px;
    font-family: arial, sans-serif;
    margin-top: 30px;
    color: #759698;
}

.voda-screensaver-btn {
    width: 220px;
    height: 40px;
    background-color: #46969a;
    text-align: center;
    color: #fff;
    font-family: arial,sans-serif;
    padding-top: 11px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 5px;
    cursor: pointer;
}
.voda-screensaver-btn:hover{
    background-color: #459a7d;
}

/* /widget styles*/



.fc-controls-holder {
    position: absolute;
    bottom: 15px;
    left: calc(50% - 55px);

    display: flex;
    margin-top: 30px;
    flex: 1;
    justify-content: space-around;
}

.fc-controls-holder div {
    margin-right: 20px;
}

.fc-user-param {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555;
}

.fc-user-item {
    border-bottom: 1px solid #eee;
    padding-left: 7px;
    padding-bottom: 7px;
}

.fc-user-image {
    height: 50px;
    width: 50px;
    background-size: cover;
    margin-top: 10px;
}

.fc-user-content {
    display: flex;
}
.fc-user-header {
    padding-top: 7px;
}

.fc-chat-list-holder {
    /*width: 300px;*/
    height: 70%;
    background-color: #ffeff2;
    border-radius: 15px;
    margin-bottom: 20px;
}

.fc-switch-video-chat-holder {
    display: flex;
}

.fc-switch-video-chat {
    background-color: #e7e7e7;
    height: 30px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fc-switch-video-chat.active {
    background-color: #556fff;
    color: #fff;
}


.fc-video-holder{
    display: none;
}

.fc-chat-container{
    /*display: none;*/
    /*flex: 1;*/
    /*flex-direction: column;*/
    /*border: 1px solid #ddd;*/
}

.fc-container[data-mode="video"] .fc-video-holder{
    display: block;
}

.fc-container[data-mode="chat"] .fc-chat-container{
    display: block;
}


.bootbox.videoCon .modal-dialog {
    width: 80%;
    height: 80vh;
    margin: 10vh auto;
}

.vc_workplace {
    display: flex;
}

.vc_buttons {
    text-align: right;
}

#start_video_con{
    background-color: #7ee482;
}
#start_video_con:hover{
    background-color: #5ad060;
}

#init_video_con_busy{
    background-color: #7d7a7a;
}
#init_video_con_busy:hover{
    background-color: #6a6666;
}

#stop_video_con{
    background-color: #d08787;
}
#stop_video_con:hover{
    background-color: #d08787;
}

.vc_button {
    padding: 8px;
    color: #fff;
    background-color: #19a80c;
    border-radius: 50%;
    border: 0;
    margin-right: 7px;
    margin-bottom: 5px;
    outline: 0;
    font: 600 14px/1.2 "Proxima Nova";
}

.vc_button:hover {
    background-color: #3493bf;
}


.vc_video_wrapper {
    position: relative;
    display: flex;
    /*height: 570px;*/
    padding-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/*.vc_video_wrapper.no_remote_video video#vs_local_video {*/
/*    position: relative;*/
/*    top: 0;*/
/*    right: 0;*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    border: none;*/
/*}*/

.vc_video_wrapper.no_remote_video video#vs_remote_video {
    display: none;
}

video#vs_local_video {
    /*position: static;*/
    width: 100%;
    height: 100%;
}

video#vs_remote_video {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 40%;
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    /*position: absolute;*/
    /*left: 30px;*/
    /*bottom: 0px;*/
}


.vc_video_wrapper .vc_buttons {
    margin-top: 15px;
}

.voda-inc-user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 66px;
	padding: 0;
	margin-top: 13px;
    background-color: #fff;
	text-align: center;
    border-radius: 50%;
}

.clients_list {
    height: 100%;
}

.clients_list ul {
    padding: 10px;
    height: 100%;
    overflow: auto;
}

.clients_list li {
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.voda-inc-user-holder {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.voda-inc-user-data {
    width: 160px;
    text-align: center;
}


.voda-control:not(.off) .off {
    display: none;
}

.voda-control.off .on {
    display: none;
}

.voda-volume-control-bar {
    position: relative;
    width: 150px;
    height: 36px;
    background-color: #e7e7e7;
    border-radius: 20px;
    margin: 0 10px;
}

.voda-volume-control {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: bottom 0.1s ease;
}

.voda-volume-control .fa {
    display: none;
}
.vc_video_wrapper video {
    border-radius: 5px;
    /*border: 5px solid #e2ffd7;*/
}

.vc_video_wrapper video {
    border-radius: 5px;
    width: 300px;
    /*border: 5px solid #e2ffd7;*/
}

.vc_video_wrapper video.speak {
    box-shadow: 0 0 20px #9ee48e;
}

.vc_video_and_chat_wrapper{
    display: flex;
    width: 100%;
    justify-content: flex-start;
}
.vc_video_and_chat_item{

}


.fc-chat-controls {
    /*display: flex;*/
}
.voda-chat-input-holder {
    flex: 1;
}

.flex {
    display: flex;
}
.voda-chat-btn{
    flex: 1;
    border: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 7px;
    background-color: antiquewhite;
    border-radius: 14px;
    font: 600 14px/1.2 "Proxima Nova";
    color: #3856ff;
}

.voda-attache-control{
    margin-right: 15px;
}

.fc-chat-buttons{
    display: flex;
    justify-content: space-between;
}

.voda-attache-control i {
    color: #3856ff;
    font-size: 20px;
    margin-left: -2px;
}

.fc-consultant-name {
    font: 600 20px/1.2 "Proxima Nova";
    color: #444;

}
.fc-current-chats-holder {
    display: flex;
    justify-content: flex-start;
}

.fc-current-chat-item {
    width: 260px;
    border: 1px solid #ddd;
    margin-right: 20px;
    border-radius: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fc-current-chat-item-icon {
    height: 20px;
    width: 20px;
    background-color: #795548;
    border-radius: 50%;
    margin-right: 20px;
}
.fc-footer{
    margin-top: 40px;
}
.fc-current-chat-item-header{
    display: flex;
    justify-content: flex-start;
}

.fc-current-chat-item-messages {
    margin-top: 20px;
}

.select-project-holder .select3-inline-wrapper{
    width: 220px;
}

input.fc-current-chat-item-reply {
    outline: 0;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 15px;
}
.connection_status {
    background-color: #5DA646;
    padding: 6px 30px;
    text-align: center;
    margin-top: 20px;
    border-radius: 3px;
    margin-left: 20px;
    margin-right: 10px;
    position: absolute;
}
.small_vc_button{
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    min-width: 10px;
}
.voda-inc-user-data {
    width: 160px;
    padding-top: 16px;
    font-size: 12px;
}


.select-project-holder {
    position: absolute;
    top: 54px;
    left: 220px;
    display: flex;
    align-items: center;
    background-color: aliceblue;
    padding: 1px 30px 7px 30px;
    border-radius: 30px;
}

.select-project-holder .select3-inline-wrapper{
    width: 220px;
}

.select-project-holder .select3-wrapper {
    border: 1px solid #cfdfec;
    border-radius: 5px;
}

.select-project-label{
    margin-right: 20px;
    font-size: 14px;
}


#place-for-widget-code{
    margin-top: 20px;
    max-width: 600px;
    user-select: text;
}

.voda-inc-user-avatar img {
    width: 100%;
}

.clients_list ul {
    padding: 0;
}

.voda-dev-data {
    color: #a9a9a9;
}

.voda-inc-user-status {
    padding: 3px 0;
    background-color: aliceblue;
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
}

/*.vc-videos-holder{*/
/*    position: relative;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*}*/

/*.wus-chat-holder {*/
/*    width: 450px;*/
/*    height: 100%;*/
/*    position: relative;*/
/*}*/

.vc-video-remote-and-controls{
    display: table-row;
    flex-direction: column;
}

.ws-position-holder {
    height: 80px;
    width: 140px;
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 3px;
    background-color: #f7f7f76b;
    padding: 3px;
    position: relative;
}

.ws-position-marker {
    width: 25px;
    height: 35px;
    background-color: #dedede;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
}
.ws-position-marker:hover{
    background-color: #71d1ff;
}
.ws-position-marker.selected {
    background-color: #03a9f4;
}
.ws-position-marker[data-pos="TOP_LEFT"]{

}
.ws-position-marker[data-pos="TOP_RIGHT"] {
    right: 3px;
}
.ws-position-marker[data-pos="BOTTOM_LEFT"]{
    bottom: 3px;
}
.ws-position-marker[data-pos="BOTTOM_RIGHT"]{
    bottom: 3px;
    right: 3px;
}

.ws-size-holder {
    display: flex;
    margin-top: 20px;
}

.ws-size-item .ws-size-block{
    margin-right: 10px;
    border-radius: 3px;
    background-color: #dedede;
}
.ws-size-item .ws-size-block:hover {
    background-color: #71d1ff;
}
.ws-size-item.selected .ws-size-block{
    background-color: #03a9f4;
}

.ws-size-item[data-size="SMALL"] .ws-size-block{
    height: 154px;
    width: 91px;

}
.ws-size-item[data-size="MEDIUM"] .ws-size-block{
    height: 210px;
    width: 130px;
}
.ws-size-item[data-size="BIG"] .ws-size-block{
    height: 294px;
    width: 182px;
}

.ws-label {
    font-family: opensansregular, arial, sans-serif;
    font-size: 16px;
    color: #000;
}

.ws-label-2 {
    font-family: opensansregular, arial, sans-serif;
    font-size: 12px;
    color: #b9b9b9;
    margin-bottom: 6px;
}

.ws-size-item.selected .ws-label-2 {
    color: #03a9f4;
}
.ws-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d6d68f;
    padding-bottom: 30px;
}


.ws-size-expanded-holder .ws-size-item[data-size="SMALL"] .ws-size-block{
    height: 378px;
    width: 224px;

}
.ws-size-expanded-holder .ws-size-item[data-size="MEDIUM"] .ws-size-block{
    height: 540px;
    width: 320px;
}
.ws-size-expanded-holder .ws-size-item[data-size="BIG"] .ws-size-block{
    height: 480px;
    width: 638px;
}
.manage-profile-container {
    /*position: absolute;*/
    /*right: -10px;*/
    background-color: #f1f1f1;
    /*top: -90px;*/
    /*padding: 10px;*/
    /*height: calc(100vh - 40px);*/
    margin: 10px;
    border-radius: 6px;
}

.voda-inc-user-data_list {
    text-align: right;
    margin-right: 10px;
}

.manage-profile-container .mw-save-frame {
    position: absolute;
    top: 63px;
    left: -15px;
    width: 149px;
}
.manage-profile-container #close-frame {
    right: 0;
    position: absolute;
    background-color: #ff0000;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    z-index: 10000;
    font-size: 15px;
    padding: 4px 14px;
}

.manage-profile-container .nav.nav-pills.nav_headers{
    margin-top: 40px;
}


/*Astra Vita custom interface*/

.ccs-logo-holder img{

}



.ccs-logo-holder svg {
    /*height: 85px;*/
    /*width: 138px;*/
    margin-bottom: -17px;
}
.header {
    border-bottom: 0!important;
    background-color: #fdfffc !important;
}
#mainMenu {
    background-color: #fdfffc!important;
    border: 0;
}
#mainMenu::after {
    height: 20px;
    width: 20px;
}

#page-sidebar-rounded-corner {
    position: absolute;
    top: 0;
    right: -20px;
}

.voda-header-btn{
    background-color: #4a4e8c;
    padding: 10px 29px;
    color: #fff;
    border-radius: 9px;
    font: 600 15px/1.2 "Proxima Nova";
    cursor: pointer;
    margin-right: 20px;
}
.voda-header-btn:hover{
    background-color: #43ac41;
}
.voda-header-btn i {
    margin-right: 15px;
}

.page-content-wrapper {
    padding: 23px 20px 80px 35px;
}
#page-sidebar-toggle {
    position: absolute;
    bottom: 40px;
    right: 0px;
    border: 0;
    padding: 32px 5px 25px 12px;
    background-color: #acf6ac;
    border-radius: 12px 0 0 12px;
    font-size: 10px;
    z-index: 10000;
    cursor: pointer;
    width: 29px;
    height: 77px;
}

.classicTableWrap {
    box-shadow: 0 1px 3px rgb(192 200 204);
}

#voda-balance-header {
    font: 500 15px/0.2 "Proxima Nova";
    color: #d1cfd2;
    margin-right: 34px;
    cursor: pointer;
}
#voda-balance-header:hover{
    color: #069be8;
}
table.classicTable tr th {
    background-color: rgb(255 252 253)!important;
    text-shadow: 0 0 0 rgba(0,0,0,0)!important;
    border-top: 1px solid #ecdfdf;
    border-bottom: 1px solid #f5ecef;
    border-right: 1px solid #f5ecef;
}

table.classicTable tr td {
    border: 0;
    border-bottom: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    padding: 0;
    position: relative;
}

.tinkoffPayRow {
    display: inline-block!important;
    height: 40px;
}
.tinkoffPayRow[type="submit"] {
    background-color: #41d64c;
    border-radius: 6px;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 16px;
}

.tinkoffPayRow[type="submit"]:hover {
    background-color: #32b43b;
}

.bootbox.modal.videoCon .modal-dialog {
    margin: 0;
    width: 100vw;
    height: 100vh;
}

.bootbox.modal.videoCon .modal-content {
    margin: 0;
    width: 100vw;
    height: 100vh;
}

.bootbox.modal.videoCon .modal-body {
    padding: 5px;
}

.bootbox.modal.videoCon #bootbox_body_wrapper {
    margin: 0;
}

ul.voda-inc-user-data_list {
    display: none;
}
.vc_video_wrapper .vc_buttons {
    margin-bottom: 15px;
}

div#ring-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
}

.ring-fader {
    background-color: #f0f8ffd4;
    z-index: 1000;
    height: 100%;
    width: 100%;
}

.ring-body {
    height: 360px;
    width: 360px;
    background-color: #78d40e;
    position: absolute;
    left: 50%;
    margin-left: -180px;
    top: 50%;
    margin-top: -180px;
    border-radius: 50%;
    text-align: center;
    padding-top: 80px;
}

.ring-title {
    color: #fff;
    font-size: 20px;
    padding: 0 20px;
    margin-top: 50px;
}

.ring-button {
    height: 34px;
    width: 100px;
    background-color: antiquewhite;
    display: inline-block;
    padding-top: 6px;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 20px;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
}

#ring-button-accept {
    background-color: #caff8c;
    box-shadow: 0 0 6px rgb(255 255 255);
    border: 1px solid #fff;
}

#ring-button-accept:hover {
    background-color: #95ff81;
}

#ring-button-cancel {
    background-color: #ffa69a;
    box-shadow: 0 0 6px rgb(255 255 255);
    border: 1px solid #fff;
}

#ring-button-cancel:hover {
    background-color: #ff887e;
}

#voda-live-holder {
    display: flex;

}
div#voda-live {
    background-color: #fbe4e5;
    width: 109px;
    height: 38px;
    border-radius: 9px;
    margin-right: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#voda-live-holder.online div#voda-live {
    background-color: #cafbc1;
}

div#voda-live-switch {
    height: 26px;
    width: 26px;
    background-color: #ec99a0;
    border-radius: 8px;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}

div#voda-live-switch:hover {
    background-color: #0cca14;

}

#voda-live-holder.online div#voda-live-switch{

    background-color: #0cd414;
}
#voda-live-holder.online div#voda-live-switch:hover {
    background-color: #ec6f6f;
}

#voda-live label {
    font-weight: normal;
    margin-left: 10px;
    /* width: 80px; */
    font: 600 15px/1.2 "Proxima Nova";
    color: #7d494d;
}

#voda-live-holder.online #voda-live label {
    color: #317d2f;
}

#voda-live-holder i{
    color: #fff;
}

#voda-live-holder .fa-play{
    display: inline;
    padding-left: 1.5px;
}

#voda-live-holder .fa-pause{
    display: none;
}

#voda-live-holder.online .fa-play{
    display: none;
}

#voda-live-holder.online .fa-pause{
    display: inline;
}


/*#voda-live-holder.online  div#voda-live{*/
    /*display: flex;*/
    /*justify-content: flex-end;*/
/*}*/




.rb-all {
    height: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
}

.rb-header {
    /*height: 50px;*/
    padding: 15px;
    /*background-color: beige;*/

}

.rb-body {
    display: flex;
    height: calc(100% - 50px);
    width: 100%;
}


.rb-left{
    width: 20%;
}
.rb-center{
    width: 60%
}
.rb-right{
    width: 20%;
    overflow: scroll;
}


.rb-right,
.rb-resize-hor {
    /*width: 33.33333%;*/
    position: relative;
}

.rb-resize-ver {
    height: 50%;
}

.rb-left-hor-resizer,
.rb-right-hor-resizer{
    background-color: #f9f8f8;
    width: 18px;
    text-align: center;
    height: 49px;
    padding-top: 14px;
    border-radius: 8px;
    box-shadow: 0 0 7px rgb(0 0 0 / 50%);
    box-sizing: border-box;
    right: 0;
    margin-left: -9px;
    margin-right: -9px;
    z-index: 1;
    position: relative;
    top: calc(50% - 25px);

}

.rb-left-ver-resizer,
.rb-center-ver-resizer{
    position: absolute;
    margin-top: -9px;
    background-color: #f9f8f8;
    width: 49px;
    text-align: center;
    height: 18px;
    border-radius: 8px;
    box-shadow: 0 0 7px rgb(0 0 0 / 50%);
    box-sizing: border-box;
    left: calc(50% - 25px);
}

.rb-top {
    overflow: hidden;
    position: relative;
}

.rb-left .rb-top{
    /*background-color: #add1ee;*/

}
.rb-left .rb-bottom{
    /*background-color: #b4eee5;*/
}

.rb-center .rb-top{
    background-color: #33293e;
}

.vc_group_buttons {
    display: flex;
}

.rb-center .rb-bottom{
    /*background-color: #a0eeb9;*/
}


.rb-right{
    /*background-color: #cdb9ee;*/
}

.rb-all{
    user-select: none;
}

.rb-video-holder{
    width: 100%;
    height: 400px;
    background-color: #33293e;
    color: #fff;
}

.clients_list {
    margin-right: 10px;
    margin-left: 10px;
}

.clients-item {
    display: flex;
    flex-direction: column;
}

div#ccsVodaFrameConsultationRoot {
    margin: -23px -20px -80px -35px;
}

/*.voda {*/
/*    background-color: #fbe4e5!important;*/
/*    padding: 10px;*/
/*    border-radius: 15px 0 0 0;*/
/*}*/

/* mobile */
@media (max-width: 850px) {

    .ccs-logo-holder svg {
        height: 65px;
        width: 65px;
        margin-bottom: 0;
        margin-top: 22px;
        /* margin-top: -20px; */
        margin-left: -12px;
    }

    div#user-block-img {
        display: none;
    }

    #user-block-holder div#user-name {
        /*margin-top: -21px;*/
        font-size: 13px;
    }
    #user-position{
        display: none;
    }
    .logout {
        /*margin-top: -23px;*/
        margin-right: -9px;
    }
    .sidebar-collapsed .page-sidebar {
        width: 61px;
        margin-left: 0px;
        margin-right: 0;
    }


    .logout::before {
        content: "\f011";
        font: 16px "Font Awesome 5 Pro";
    }
    .sidebar-collapsed .contentInner {
        padding-left: 61px;
    }

    #page-sidebar-toggle {
        right: -43px;
    }

    .sidebar-collapsed #page-sidebar-toggle {
        right: -1px;
    }

    .sidebar-collapsed #page-sidebar-toggle {
        right: 24px;
    }

    .contentInner {
        padding-left: 265px;
    }

    .header {
        height: 10px;
    }

    .use-chrome-holder{
        display: none!important;
    }
    .current-session__title{
        font-size: 12px;
    }

    .wait-list-session__title,
    p.current-session__title {
        font-size: 11px!important;
        margin-top: -5px!important;
        color: #6e6e6e;
    }

    .voda-sidebar {
        width: 130px!important;
    }

}

.voda-chat__messages_core {
    margin: 10px 0 0 0;
    height: 400px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFEDFB 100%);
    overflow-y: scroll;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,.2);
    border-radius: 12px;
}

.voda-chat__messages::-webkit-scrollbar {
    width: 3px;
}

.voda-chat__messages::-webkit-scrollbar-track {
    background: #E3E3E3;
}

.voda-chat__messages::-webkit-scrollbar-thumb {
    background-color: #FEDDF6;
}

#voda-chat__message {
    position: relative;
    max-width: 255px;
    padding: 12px;
    margin: 0 0 12px 0;
    display: flex;
    align-items: end;
}

.voda-chat__message-client {
    display: flex;
    flex-direction: row-reverse;
    align-self: flex-end;
    background: #DCFFAF;
    border-radius: 10px 0px 0px 10px;
}

.voda-chat__message-client .voda-chat__name {
    display: none !important;
}

.voda-chat__message-consultant {
    background: #D8FAFF;
    border-radius: 0px 10px 10px 0px;
    align-self: baseline;
}

.voda-chat__message-consultant .voda-chat__message-time {
    margin: 0 10px 0 0;
}

.voda-chat__message-client .voda-chat__message-time {
    margin: 0 0 0 10px;
}

.voda-chat__message-time{
    display: inline-block;
    font-size: 9px;
    line-height: 16px;
    color: #8C7A8C;
}

.voda-chat__message-text {
    font-size: 13px;
    line-height: 16px;
    color: #322732;
}

.voda-chat__name {
    padding: 2px 6px;
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 10px;
    background: #eee;
    border: 1px solid #bbb;
    border-radius: 6px 6px 6px 0;
}

.monitoring-filter {
    padding: 10px;
    min-width: 250px;
}

.monitoring_item {
    margin: 10px 0;
    user-select: auto !important;
}

.monitoring_item span {
    font-size: 14px;
    user-select: auto !important;
}

.monitoring_res {
    font-weight: 600;
}

.monitoring_list {
    margin: 20px 0;
}

.monitoring_list p {
    font-size: 14px;
    text-decoration: underline;
}

#monitoring_wrapper {
    display: flex;
    margin: 0 0 20px 0;
}

#create-monitoring {
    padding: 10px;
    box-sizing: border-box;
    background: #fbe5e5;
    border: 1px solid #000;
    margin: 0 0 0 10px;
}

#list button {
    padding: 10px;
    box-sizing: border-box;
    background: #fbe5e5;
    border: 1px solid #000;
    margin: 0 0 0 10px;
}

.sites_list {
    display: none;
    position: absolute;
    min-width: 218px;
    height: 400px;
    overflow-y: scroll;
    /*display: flex;*/
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 30%);
    padding: 12px;
    border-radius: 6px;
}

.show_list {
    display: flex;
}

.sites_list span {
    display: inline-block;
    margin: 6px 0;
    padding: 6px 4px;
    cursor: pointer;
}

.sites_list span:hover {
    background: #fbe5e5;
}

#site_name {
    font-size: 16px;
    font-weight: 600;
}

/** SUPPORT **/


.voda-support__success-block {
    display: none;
    flex-direction: column;
    align-items: center;
}

.voda-support__success-block_active {
    display: flex;
    position: absolute;
    top: 0;
    background: #fff;
    height: 100%;
    justify-content: center;
    padding: 20px 10px;
    text-align: center;
    border-radius: 20px;
}

.voda-support__success-block p {
    padding: 20px 10px;
}

.voda-support__success-block span {
    border-radius: 12px;
}

.voda-support__confirm {
    padding: 10px 20px;
    background: #C6FFC8;

}

.voda-support__decline {
    padding: 10px 20px;
    background: #f00;
    color: #fff;

}

.voda-support__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.voda-support__wrapper .voda-chat__send {
    width: 100%;
    padding: 10px;
    display: block;
    text-align: center;
}

.voda-support__title {
    padding: 20px 10px;
    color: #625d5d;
}

.voda-support__btn {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    transition: .3s ease-in-out;
    z-index: 9999;
}

.voda-support__btn:hover {
    transform: scale(1.2);
    transition: .3s ease-in-out;
}

.voda-support {
    position: absolute;
    z-index: 999999;
    top: 80px;
}

.ccs-support-btn, .ccs-search-mlmId {
    cursor: pointer;
    margin-right: 25px;
}
.ccs-support-btn, .ccs-search-mlmId i{
    font-size: 22px;
}

.voda-support__block {
    /*position: absolute;*/
    /*rigth: 0px;*/
    display: none;
    width: 320px;
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 0 6px 2px rgb(0 0 0 / 40%);
    z-index: 9999;
}

.voda-support__block__active {
    display: block;
}

.monitoring_loader {
    display: none;
}

.monitoring_loader_active {
    display: block;
}

i.tree-left-icon::before {
    content: 'L';
    font-size: 14px;
    font-weight: bold;
    margin-left: -55px;
}

i.tree-right-icon::before {
    content: 'R';
    font-size: 14px;
    font-weight: bold;
    margin-left: -55px;
}


.importantLabel{
    color:#4fb227;
    text-decoration: underline;
}