:root {
    --empty-bg: #f4ff95;
}

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;
}


/*GoCore custom interface*/

.ccs-logo-holder img{
    max-height: 80px;
}



.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: #e3d0bf;
    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: 15px;
}

.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;
}


/*ECOTAX*/

.tep-item-holder label {
    margin-bottom: 2px;
    z-index: 100;
    position: relative;
}
.ep-tod-holder input{
    margin-top: 7px;
    font-size: 14px;
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    outline: 0;
    border: 1px solid #d1d1d1;
    display: inline-block;
}

.ep-tod-holder[data-id="BOOLEAN"] {
    margin-top: 15px;
    height: 26px;
    width: 50px;
}
.ep-tod-holder[data-id="BOOLEAN"] input {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.ep-tod-holder[data-id="BOOLEAN"] input ~ .fa {
    display: none;
    z-index: 0;
    font-size: 12px;
    border: 1px solid #A3A3A3;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.ep-tod-holder[data-id="BOOLEAN"] input:checked ~ .fa-check {
    display: flex;
    color: rgb(106, 181, 116);
}
.ep-tod-holder[data-id="BOOLEAN"] input:not(:checked) ~ .fa-times {
    display: flex;
    color: #DA6969;
}

.ep-tod-holder input:focus {
    border: 1px solid darkgrey;
}

.ep-tod-holder div.ap-field-date,
.ep-tod-holder div.ap-field-image,
.ep-tod-holder div.ap-field-file{
    margin-top: 7px;
    font-size: 14px;
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    width: 100%;
    outline: 0;
    border: 1px solid #d1d1d1;
}

.ep-tod-holder textarea {
    margin-top: 7px;
    font-size: 14px;height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    resize: vertical;
    min-height: 55px;
    outline: 0;
    border: 1px solid #d1d1d1;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 5px;
}
.tep-item-holder {
    width: 100%;
    margin-top: 20px;
    position: relative;
}


.select2-container {
    margin-top: 3px;
    width: 100% !important;
    /*height: 34px !important; */
}

.select2-results__option[aria-selected=true] {
    display: none;
}

.ep-tod-holder .select2-container{
    width: 100%;
    margin-top: 7px;
    height: 34px;
}

.ep-tod-holder .select2-choice{
    height: 34px;
    border-color: #d1d1d1;
    border-radius: 3px;
}

.ep-tod-holder .select2-container{
    width: 100%;
    margin-top: 7px;
    height: 34px;
}

.ep-tod-holder .select2-choice{
    height: 34px;
    border-color: #d1d1d1;
    border-radius: 3px;
}

.pic-hidden {
    display: none !important;
}

.pic-visible {
    display: block !important;
}

.pic_button {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 22px;
    color: #008000;
}
.pic_button:hover {
    background-color: #008000;
    color: #fff;
}
.pic-del {
    left: 0;
    bottom: -44px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    margin: 0;
}


.collapseBtn{
    height: 34px;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    color: #3485cc;
    padding-top: 5px;
    font-size: 16px;
    border: 1px solid #3485cc;
    cursor: pointer;
}

/*TRAITS*/

.trait-select-value-add-item.flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
    border: 1px solid transparent;
}

.dragging .trait-select-value-add-item.flex {
    border-color: #247529;
}

.trait-select-value-add-item.flex .drag_handler {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    cursor: pointer;
}

.trait-select-value-add-item.flex .drag_handler:hover .fa {
    font-size: 16px;
}

.trait-select-value-add-item.flex input,
.trait-select-value-add-item.flex textarea {
    margin: 0 15px;
    flex-shrink: 0;
    width: calc((100% - 50px - 30px * 2 - 27px) / 2);
}

.new-trait-value.trait-select-value-add-item.flex input,
.new-trait-value.trait-select-value-add-item.flex textarea {
    flex-shrink: unset;
}

.trait-select-value-add-item.flex textarea {
    resize: vertical;
    min-height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.trait-select-value-add-item.flex textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.trait-select-value-add-item.flex .trait-select-value-remove {
    position: relative;
    top: auto;
    left: auto;
    flex-shrink: 0;
    height: 27px;
    width: 27px;
}


.inherited_value > label,
.inherited_value > input,
.inherited_value .select2-container,
.inherited_value > .fn-control {
    position: relative;
    z-index: 1;
}
.inherited_value .is-parent-fader {
    /*height: auto;*/
    /*width: auto;*/
    /*margin: 0;*/
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
}





.tep-genders.active {
    background-color: #4c9c4e;
    color: white;
}


/*LIT*/
.lit-delete-file {
    margin-left: 20px;
    font-size: 20px;
    color: #E53935;
    cursor: pointer;
    margin-top: 8px;
}
.lit-delete-file:hover {
    color: #d2211d;
}

.tep-tod-holder{
    width: calc(100% - 136px);
    z-index: 1000;
    position: relative;
    margin-top: -0.5px;
}
.ep-tod-holder {
    position: relative;
}


.in_project_from_bttn {
    margin-top: 10px;
    margin-bottom: 40px;
    width: 170px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 14px;
    background-color: #CDDC39;
    cursor: pointer;
}
.in_project_from_bttn:hover {
    background-color: #4c9c4e;
    color: #fff;
}


.buttons_container {
    display: flex;
    justify-content: space-evenly;
}

.label_style {
    display: block;
    color: #589a20;
    font-size: 14px;
    font-weight: 300;
}
.label_style.gray {
    color: #909090;
}


.di_taxons_list {
    list-style: none;
    margin-bottom: 10px;
    padding: 0;
}

.di_taxons_list li {
    margin-top: 9px;
    cursor: pointer;
    font-weight: 400;
    color: #333333;
    font-family: arial, sans-serif;
    font-size: 14px;
    background-color: #d3ffca;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 2px;
}
.di_taxons_list li:hover {
    /*color: #8bc34a;*/
    background-color: #defffd;
}


.di_gallery_wrapper .gallery_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    align-items: center;
}

.di_gallery_wrapper .gallery_wrapper .pic-block {
    position: relative;
    width: calc((100% - 30px) / 4);
    margin-right: 10px;
}
.di_gallery_wrapper .gallery_wrapper .pic-block:nth-child(4n) {
    margin-right: 0;
}


.pic_holder_text {
    margin: 0 auto;
    max-width: 1000px;
}

.pic-block .pic_holder_text {
    margin-top: 5px;
}

.pic-block .pic-is-main-holder,
.pic-block .pic-published-holder {
    margin: 10px 0 0;
}

.pic_holder_text span {
    font-family: openSans, arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2em;
}

.pic_holder_text span.title {
    font-weight: 600;
}


/*---------------------- Method description в форме Create Sampling Event(Projects) (копия .form-control из BS) ----------------------*/

.event-desc {
    display: block;
    width: 100%;
    max-width: 100%;
    resize: vertical;
    height: 70px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.event-desc:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#actual-taxon-link {
    background-color: aliceblue;
    cursor: pointer;
}

#actual-taxon-link:hover {
    background-color: #f8fff0;
}

.synonyms-data-holder {
    font-size: 14px;
    color: #777;
}

.synonym-item {
    color: black;
    margin-right: 8px;
}
.synonym-item:first-child {
    margin-left: 5px;
}

.synonym-item:hover {
    color: #2196F3;
    cursor: pointer;
}
.is_inherit_field {
    /*background-color: #e3ea9d;*/
    opacity: 0.4;
}


.ct-progress-loading-holder{
    height: 26px;
    max-width: 280px;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #989898;
    margin-left: 17px;
    position: absolute;
    padding-right: 7px;
    display: inline-block;
    padding-top: 3px;
    background-image: url(../img/process.gif);
    background-repeat: no-repeat;
    background-position: 0 18px;
    border-radius: 3px;
}
.justify-end {
    justify-content: flex-end;
}
/*.finish-the-sampl, .edit_project_collection{*/

/*}*/

.justify-end .green_bttn_style{
    margin-left: 15px;
}

.tabsTogglersRow {
    display: flex;
}
.tabsParent.floated .tabsTogglersRow .tabToggle.opened {
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    color: #222;
    background-color: #fff;
}

.sc_tabulatorDDItem{
    display: none;
}

.sc_tabulatorDDItem.opened{
    display: block;
}

.custom-list-item-selected {
    border-color: #0d5aff;
}

.add-new-primer {
    background-color: #6dd465!important;
    color: #fff!important;
}

.primer-funcs {
    width: 90px;
    display: inline-block;
    float: right;
}

.button-fa-primer-form {
    float: right;
    margin-right: 10px;
    font-size: 16px;
}

.button-fa-primer-form:hover {
    color: #6dd465;
}

.formation-interface-primer-taxon {
    background-color: #6dd465!important;
    color: #fff!important;
}

.holder-select3-taxon{
    width: 100%;
}

.active-save-button-changes-interface-primer-taxon {
    background-color: #6dd465!important;
    color: #fff!important;
}


.holder-interface-primer-taxons {
    border-left: 2px #656565 solid;
    padding: 20px;
    background-color: #eeeeeefa;
}

.remove-interface-primer-taxon {
    font-size: 20px;
    padding-left: 10px;
}

.remove-interface-primer-taxon:hover {
    font-size: 20px;
    padding-left: 10px;
    color: #d46565
}

.individual-item-bootbox-add-sequnce {
    margin: 10px 0px;
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
}

.individual-item-bootbox-add-sequnce.select {
    background-color: #dfdfdf;;
    border: 1px solid #d1d1d1;
}

.individual-item-bootbox-add-sequnce-name {
    display: inline-block;
}

input.individual-item-bootbox-add-sequnce-checkbox {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 0px;
}

.list-checkbox-extraction-methods-bootbox {
    padding-top: 65px;
}

.extraction-method-item-bootbox {
    margin: 10px 0px;
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
}

.extraction-method-item-bootbox.select {
    background-color: #dfdfdf;;
    border: 1px solid #d1d1d1;
}

.extraction-method-item-bootbox-name {
    display: inline-block;
}

.extraction-method-item-bootbox-weblink {
    display: inline-block;
}

input.extraction-method-item-bootbox-weblink-checkbox {
    width: 20px;
    height: 20px;
    float: right;
}

.label-for-new-name {
    display: inline-block;
    margin-right: 15px;
}

input.input-for-new-name-selected-methods{
    width: 300px;
    height: 34px;
    padding: 6px 8px;
    margin-top: 3px;
    outline: 0;
    border: 1px solid #d1d1d1;
    color: rgb(80, 72, 58);
    font-size: 15px;
}

.wrapper-for {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0;
}

.label-for {
    width: 200px;
    flex-shrink: 0;
}

input.input-for {
    width: calc(100% - 200px);
    height: 34px;
    padding: 6px 8px;
    margin-top: 3px;
    outline: 0;
    border: 1px solid #d1d1d1;
    color: rgb(80, 72, 58);
    font-size: 15px;
}

select.select-for, select.select-for + .select2  {
    width: calc(100% - 200px) !important;
}


.textarea-for-comment-new-voucher {
    width: 100%;
    height: 150px;
}

.name-field-primer-taxon-annealing {
    width: calc((100% - 50px - 30px * 2 - 27px) / 2);
    display: inline-block;
    margin: 0 15px;
    text-align: center;

    font-family: openSans, arial, sans-serif;
    font-size: 16px;
    color: #222222;
    font-weight: normal;
    line-height: 20px;
}

.name-field-primer-to-taxon{
    width: calc((100% - 50px - 30px * 2 - -65px) / 2);
    display: inline-block;
    margin: 0 15px;
    text-align: center;

    font-family: openSans, arial, sans-serif;
    font-size: 16px;
    color: #222222;
    font-weight: normal;
    line-height: 20px;
}


.holder-for-name-fileds {
    margin: 25px 0px 0px 0px;
}



.bootbox-label{
    padding-top: 15px;
    padding-bottom: 9px;
    font-size: 16px;
}
.bootbox-body .form-group{
    margin-top: 20px;
}
.bootbox.modal.fade.wide-modal .modal-dialog {
    width: 70%;
}
.bootbox.max-wide-modal .modal-dialog {
    width: 90%;
}


/*////////////////////////IMPORT -->//////////////////////////*/

.ch_wrapper {
    margin: 25px;
    padding: 25px;
    background: #f7f9fa;
}

.ch_button {
    height: 26px;
    width: 200px;
    border-radius: 3px;
    background-color: #82b1b9;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ch_button:hover {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.16);
}

.ch_table {
    padding-bottom: 25px;
    margin-top: 25px;
    border-radius: 4px;
    overflow: auto;
}

.ch_table thead {
    border-bottom: 2px solid #ddd;
}

.ch_table .th_content,
.ch_table .td_content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 35px 15px 15px;
    height: 42px;
    max-width: 300px;
    min-width: 200px;
}

.ch_table .th_content .title,
.ch_table .td_content .value {
    user-select: text;
}

.ch_table .th_content {
    cursor: pointer;
}

.ch_table .th_content .direction {
    position: absolute;
    top: calc(50% - 9px);
    right: 15px;
}

.ch_table .th_content .title {
    font-weight: bold;
    font-size: 12px;
}

.ch_table .th_content .status {
    font-size: 12px;
    font-weight: normal;
    color: #ccc;
    margin-left: 5px;
}

.ch_table .ch_h_title {
    white-space: nowrap;
    font-size: 12px;
}

.ch_table .td_content .value {
    font-size: 13px;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ch_table .td_content .message {
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 10px;
    color: #F44336;
}

.ch_table .td_content.td_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ch_table .td_button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
}

.ch_table tr:not(.editing) .td_button.editing,
.ch_table tr.editing .td_button:not(.editing) {
    display: none;
}

.ch_table .td_button .fa {
    color: black;
}

.ch_table .td_button:hover .fa {
    font-size: 1.2em;
}

.ch_wrapper .ct-pagination-wrapper {
    display: flex;
}

.ch_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.ct-btn-table-funcs-list{
    display: none;
}

.ct-btn-open-funcs.opened ul.ct-btn-table-funcs-list {
    display: block;
    position: absolute;
    background-color: whitesmoke;
    z-index: 1000;
    padding: 10px;
    margin-top: -5px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    width: 310px;
}
ul.ct-btn-table-funcs-list li{
    width: 100%;
}


.nc_get_traits_box {
    padding: 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nc_get_traits_box input {
    margin: 2px 20px 0 0;
}

.nc_get_traits_box label {
    margin: 0;
    font-size: 19px;
    font-weight: 300;
}

/*////////////////////////<-- IMPORT//////////////////////////*/


.add_organization.green_bttn_style {
    width: 230px;
}




.idt_modal_block label {
    font-weight: bold;
    margin-bottom: 5px;
}

.idt_modal_block .select2-container {
    margin: 0;
}

.idt_modal_block textarea {
    padding: 15px;
    border-radius: 4px;
    width: 100%;
    resize: vertical;
}

.idt_modal_block.options ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.idt_modal_block.options ul li {
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 5px 0;
    cursor: pointer;
}

.idt_modal_block.options ul li.active {
    background: #8bc34a;
    color: white;
    border-color: #8bc34a;
}

.idt_modal_block.select {
    margin: 25px 0;
}

.idt_modal_block.status {
    margin-top: 25px;
}

.idt_modal_block.checkbox {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.idt_modal_block.checkbox input {
    cursor: pointer;
    float: none;
    margin: 0 0 0 10px;
}

.idt_modal_block.checkbox label,
.idt_modal_block.status label {
    cursor: pointer;
    margin: 0;
}

.idt_modal_block .message {
    font-weight: bold;
}

.idt_modal_block .message.info,
.idt_table .td_content .message.info {
    color: #0062ff;
}

.idt_modal_block .message.warn,
.idt_table .td_content .message.warn {
    color: #FB8C00;
}

.idt_modal_block .message.error,
.idt_table .td_content .message.error {
    color: #F44336;
}


.idt_wrapper {
    position: relative;
    padding: 25px;
    background: #f7f9fa;
    border-radius: 4px;
}

.idt_wrapper .ct-pagination-wrapper {
    display: flex;
    flex-shrink: 0;
    margin-left: 25px;
}

.idt_loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.idt_loader.hidden {
    display: none;
}

.idt_loader img {
    height: 30%;
    max-height: 50px;
}

.idt_loader label {
    margin-top: 15px;
    font-weight: bold;
}

.idt_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.idt_header .divider {
    margin-left: auto;
}

.idt_table {
    margin-top: 25px;
    padding-bottom: 25px;
    overflow: auto;
}

.idt_table thead tr.fields th,
.idt_table thead tr.titles th {
    padding: 10px 0;
}

.idt_table thead tr th.idt_h_title {
    white-space: nowrap;
    font-size: 12px;
    padding-right: 25px;
    text-align: right;
}

.idt_table tbody tr .firstLine {
    text-align: center;
}

.idt_table tbody tr .firstLine .fa-trash-o {
    opacity: 0;
    color: #E53935;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
}

.idt_table tbody tr:hover .firstLine .fa-trash-o {
    opacity: 1.0;
}

.idt_table tbody tr .firstLine .fa-trash-o:hover {
    font-size: 1.1em;
}

.idt_table .direction {
    position: absolute;
    top: calc(50% - 9px);
    right: 15px;
}

.idt_table .td_content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 4px 10px 0;
    background: white;
    border: 2px solid #f7f9fa;
    border-radius: 6px;
    cursor: pointer;
    transition: border 0.2s ease-out;
    margin-bottom: 1px;
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
}

.idt_table .td_content.editing {
    border: 2px solid #C5E1A5;
}

.idt_table .td_content .message {
    margin-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
}

.idt_table .td_content .value {
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.idt_button {
    position: relative;
    height: 26px;
    width: 200px;
    border-radius: 3px;
    background-color: #8BC34A;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.idt_button.hidden {
    display: none !important;
}

.idt_button .title {
    font-weight: 300;
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.idt_button .columnIssues {
    margin-left: 5px;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.idt_button.marginLeft {
    margin-left: 25px;
}

.idt_button.show_issues {
    background-color: #82b1b9;
}

.idt_button.show_issues.active {
    background-color: #607D8B;
}

.idt_button.show_issues:not(.active) .statusActive {
    display: none;
}

.idt_button.show_issues.active .statusNotActive {
    display: none;
}

.idt_button.edit_title {
    background-color: white;
    color: black;
    border: 1px solid #82b1b9;
}

.idt_button.need_update {
    background-color: #FF9800;
    color: white;
    border: none;
}

.idt_button.sort_by_column {
    background: none;
    color: black;
}

.idt_button.cancel_sorting {
    background-color: #9E9E9E;
}

.idt_button.cancel_filters {
    background-color: #9E9E9E;
}

.idt_button.check_data,
.modalUpdateButton.cell {
    background-color: #4CAF50;
    color: white;
    border: none;
}

.idt_button.start_import,
.modalUpdateButton.column {
    background-color: #009688;
    color: white;
    border: none;
}

.idt_button.sort_by_column .title {
    font-weight: bold;
}

.multi-values-symbol{
    margin: 0 4px;
    border: 1px solid #032fff;
    border-radius: 5px;
    padding: 0 2px;
    background-color: #cfe7f8;
    font-weight: bold;
    cursor: pointer;
}

.multi-values-symbol.checked{
    background-color: #23c60a;
}

.multi-values-one-result{
    margin: 0 4px;
    border: 1px solid #032fff;
    border-radius: 5px;
    padding: 0 2px;
    background-color: #cfe7f8;
    font-weight: bold;
}

.multi-values-source-text-container{
    border: 1px solid #e3e5e5;
    background-color: aliceblue;
    border-radius: 5px;
    padding: 5px;
}

.multi-values-link-container{
    margin:5px 0;
}

.multi-values-link{
    cursor: pointer;
    color: blue;
    margin-right: 2px;
}
.multi-values-link:hover{
    text-decoration: underline;
}


.tep-description{
    color: #3485cc;
    right: 40px;
    top: 19px;
    height: 34px;
}

.tep-litdata[data-unlock="lock"]{
    background-color: #e2e2e2;
    color: #c0c0c0;
    cursor: not-allowed;
}

.tep-litdata[data-unlock="lock"] svg,
.tep-litdata[data-unlock="lock"] g,
.tep-litdata[data-unlock="lock"] path
{
    fill: #9c9c9c;
}

.tep-litdata[data-unlock="lock"]:hover{
    background-color: #e2e2e2;
    color: #c0c0c0;
}

.tep-litdata[data-unlock="unlock"]{
    background-color: #fff;
}

.tep-litdata{
    color: #4c9c4e;
    right: 9px;
    top: 19px;
    height: 34px;

}
.tep-litdata.active {
    background-color: #4c9c4e;
    color: white;
}


.tep-genders.active svg,
.tep-genders.active g,
.tep-genders.active path,

.tep-litdata.active svg,
.tep-litdata.active g,
.tep-litdata.active path {
    fill: #fff;
}



.tep-remove{
    color: red;
    right: 100px;
    top: 19px;
    height: 34px;
}
.tep-genders{
    right: 70px;
    color: black;
    top: 19px;
    height: 34px;
}
.tep-genders.active {
    background-color: #4c9c4e;
    color: white;
}
.tep-button-style,
.tep-genders,
.tep-litdata,
.tep-description,
.tep-remove {
    display: inline-block;
    position: absolute;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: 8px;
    margin-left: 5px;
    width: 29px;
    cursor: pointer;
    transition: color 300ms ease, background-color 300ms ease;
    padding: 0;
    padding-top: 7px;
}
.tep-button-style:hover,
.tep-genders:hover,
.tep-litdata:hover,
.tep-description:hover,
.tep-remove:hover {
    color: #4c9c4e;
    background-color: #f0f0f0;
}

.tep-genders.active:hover,
.tep-litdata.active:hover
{
    background-color: #4db44f;
}

button[data-bb-handler="delete"] {
    background: #a10000 !important;
    color: white !important;
}

.trait-pic-item img {
    width: 100%;
}

.trait-pic-item {
    margin-top: 20px;
}
.trait-select-value-description {
    background-color: #f7f7f7;
    width: calc(100% - 40px);
}
.trait-pic-desc {
    height: 50px;
    padding-top: 6px;
}
.tree-trait-item {
    border: 1px solid rgba(0,0,0,0.15);
    margin-top: 4px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: aliceblue;
    cursor: pointer;
}

.tree-trait-item:hover {
    color: #3485cc;
}

.tree-traits-holder {
    margin-top: 30px;
}
.articles-holder {
    padding-left: 35px;
}
.articles-search {
    height: 38px;
    width: calc(100% - 120px);
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #3079ed;
    outline: 0;
    font-size: 16px;
    border-radius: 5px 0 0 5px;
}
.articles-search-label{
    color: rgba(138, 138, 138, 0.67);
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    font-size: 13px;
    margin-bottom: 6px;
}
.articles-search-btn{
    height: 38px;
    width: 220px;
    background-color: #3079ed;
    color: rgba(255,255,255,0.7);
    font-size: 18px;
    margin-top: -78px;
    z-index: 1;
    position: absolute;
    right: 0;
    text-align: center;
    padding-top: 6px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 15px;
}
.articles-search-btn:hover{
    color: #fff;
}
.articles-search-holder{
    position: relative;
}
.articles-data svg{
    display: none;
}
.span.gs_ctu,
.span.gs_ctc {
    font-size: 14px;
}
h3.gs_rt {
    font-size: 16px;
}
.articles-more{
    width: 140px;
    text-align: center;
    margin: 0 auto;
    height: 40px;
    border: 2px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    padding-top: 8px;
    margin-top: 40px;
}
.articles-more:hover{
    border: 2px solid #0d5aff;
    color: #0d5aff;
}
.gs_r {
    box-shadow: 0 0 17px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    border: 1px solid #fff;
    padding: 10px;
}
.articles-data {
    padding-top: 20px;
}

.gs_r:hover {
    border: 1px solid #0d5aff;
}
.execute-sample {
    background-color: #2196F3;
    width: 150px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
    position: absolute;
    top: 32px;
    right: 30px;
}
.trait_per_sex_header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    margin: 25px;
}

.gender_traits_wrapper {
}

.gender_trait_wrapper {
    margin: 10px 0;
}
.gender_trait_wrapper, .gender_traits_titles {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gender_trait_wrapper .cell,
.gender_traits_titles .cell {
    width: calc((100% - 120px) / 4);
    margin-right: 10px;
}

.gender_traits_titles .cell {
    text-align: center;
}

.gender_trait_wrapper .select2-container {
    margin: 0;
}

.gender_trait_wrapper .usual_type {
    width: 100%;
    padding: 5px 10px;
    outline: none;
    border: 1px solid #d1d1d1;
    box-shadow: none;
    line-height: 22px;
}

.gender_trait_wrapper .tep-button {
    position: static;
    margin: 0;
    width: 30px;
    text-align: center;
}

.gender_trait_wrapper .save_line,
.gender_trait_wrapper .tep-litdata {
    margin-left: 10px;
}

.child-level-pictures-holder {
    display: none;
}


#show_map {
    position: relative;
    min-height: 25px;
    cursor: pointer;
}
#show_map img {
    width: 100%;
    max-height: 0;
    transition: max-height 0.2s ease;
}
#show_map.show img {
    max-height: 1000px;
}
#show_map .title {
    line-height: 1em;
    position: absolute;
    top: 5px;
    margin: 0;
}
#show_map .to_hide {
    display: none;
}
#show_map.show .to_hide {
    display: block;
}
#show_map.show .to_show {
    display: none;
}

/** FIX STYLES **/
.tep-item-holder {
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
}
.tep-item-holder label {
    flex: 100%;
}

.tep-button-style, .tep-genders, .tep-litdata, .tep-description, .tep-remove {
    position: relative;
    z-index: 2;
    top: 0;
    right: 0;
}
.is-parent-fader {
    margin-top: 0;
    margin-left: 0;
    top: 0;
    left: 0;
    max-height: none
}
.fader-text {
    right: 15px;
    top: 15px;
}
.tep-tod-holder {
    margin-right: auto;
}
.tep-tod-holder:not([data-value1=""][data-value2=""]) .select2-selection,
.tep-tod-holder:not([data-value1=""][data-value2=""]) .ap-field-editor,
.tep-tod-holder:not([data-value1="0"][data-value2="0"]) .select2-selection,
.tep-tod-holder:not([data-value1="0"][data-value2="0"]) .ap-field-editor {
    background-color: var(--empty-bg);
}
.gender_trait_wrapper .tep-button {
    height: 34px;
}