@font-face{
    font-family: 'Roboto';
    src: url('../fonts/Roboto.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

.info-block__img {
	width: 100%;
	height: auto;
}

.info-block__desc-wrap {
	position: absolute;
	width: 100%;
	top: 155px;
    left: 0;
}

.info-block__desc {
	position: relative;
    width: 40vw;
    margin: 0 auto;
}

.info-block__desc::before {
	content: '!';
    position: absolute;
    top: 14px;
    left: -40px;
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
    background-color: #ed6347;
}

.info-block__header {
	font-family: Roboto-Bold;
	font-size: 2.6vw;
	color: #0A1F44;
	margin-bottom: 20px;
}

.info-block__body {
	font-family: Roboto;
	font-size: 1.3vw;
	color: #0A1F44;
	line-height: 24px;
	margin-bottom: 40px;
}

.info-block__footer{
	font-family: Roboto;
	font-size: 1.1vw;
	line-height: 24px;
	color: #0A1F44;
}

@media (max-width: 800px) {
	.info-block__desc-wrap {
		top: 30px;
	}

	.info-block__desc {
		width: 60vw;
	}
	
    .info-block__header {
		font-size: 3.6vw;
	}

	.info-block__body {
		font-size: 2vw;
	}

	.info-block__footer{
		font-size: 2vw;
	}
}



.jsplumb-connector_hover {
    z-index: 10;
}
.jsplumb-connector.jsplumb-hover, .jsplumb-connector.jsplumb-connector_hover /*, .jsplumb-connector.jsplumb-dragging*/
{
    z-index: 1005 !important;
}
.jsplumb-overlay.js-deleteLinkLabel.jsplumb-hover, .jsplumb-overlay.js-deleteLinkLabel.jsplumb-connector_hover
{
    z-index: 1005 !important;
}
.jsplumb-overlay.js-deleteLinkLabel.jsplumb-hover i, .jsplumb-overlay.js-deleteLinkLabel.jsplumb-connector_hover i
{
    /* background-color: #92eccf !important; */
}

.jsplumb-overlay-extraConnector
{
    left: 0 !important;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.jsplumb-overlay-extraConnector.jsplumb-overlay.jsplumb-hover path,
.jsplumb-overlay-extraConnector.jsplumb-overlay.jsplumb-connector_hover path
{
    /* stroke: #92eccf; */
}

.jsplumb-overlay-extraConnector.jsplumb-overlay.jsplumb-hover circle,
.jsplumb-overlay-extraConnector.jsplumb-overlay.jsplumb-connector_hover circle
{
    /* fill: #92eccf; */
}







.main-grid-loader-circular {
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 110px;
	width: 110px;
	margin-top: -55px;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.main-grid-loader_btn .main-grid-loader-circular {
	height: 38px;
	width: 38px;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}
.main-grid-loader_notice .main-grid-loader-circular {
	height: 25px;
	width: 25px;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}
.main-grid-loader_field .main-grid-loader-circular {
	height: 20px;
	width: 20px;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}

.main-grid-loader-path {
	stroke: #BFC3C8;
	stroke-width: 1.5;
	stroke-dasharray: 80, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

.main-grid-loader-container {
	position: absolute;
	top: calc(50% - 110px);
	left: 50%;
	width: 110px;
	height: 110px;
	margin-left: -55px;
	z-index: 1;
	transform: translate3d(0px, 48px, 0px);
	display: block;
}
.main-grid-loader_btn .main-grid-loader-container {
	height: 38px;
	width: 38px;
    top: calc(50% - 60px);
    left: 0;
    margin-left: 0px;
}
.main-grid-loader_notice .main-grid-loader-container {
	height: 25px;
	width: 25px;
    top: -38px;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}
.main-grid-loader_field .main-grid-loader-container {
	height: 20px;
	width: 20px;
    top: -38px;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}

.main-grid-loader-progress {
	font-family: "NO-OpenSans-Bold",Helvetica,Arial,sans-serif;
	font-size: 17px;
	color: #555;
	position: absolute;
	top: calc(50% - 62px);
	left: 50%;
	width: 110px;
	height: 110px;
	margin-left: -55px;
	text-align: center;
	line-height: 110px;
}
.main-grid-loader_btn .main-grid-loader-progress {
	height: 38px;
	width: 38px;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}
.main-grid-loader_notice .main-grid-loader-progress {
	height: 25px;
	width: 25px;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}
.main-grid-loader_field .main-grid-loader-progress {
	height: 20px;
	width: 20px;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -3px;
}


.ess_updete_field_select_wrap
{
    text-overflow: ellipsis;
    overflow: hidden;
}





.scripts_answer_list_search_wrap
{
	position: relative;
    margin-bottom: 10px;
}
.scripts_answer_list_search_wrap .scripts_answer_list_search_clear{
	display: inline-block;
    background-image: url(../../img/iconsprite.png?v=31);
    background-position: -197px -22px;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
	cursor: pointer;
}
.scripts_answer_list_search_wrap:before{
	content: "";
	display: inline-block;
	background-image: url('../../img/iconsprite.png?v=31');
	background-position: -870px 0px;
	height: 17px;
	width: 17px;
	position: absolute;
	left: 10px;
    top: calc(50% - 8px);
}
.scripts_answer_list_search{
	font-family: 'Roboto', 'OpenSans-Regular',Helvetica,Arial,sans-serif;
	font-size: 14px;
    text-shadow: none;
	background-color: #edf1f4;
    color: #525c69;
	padding: 0 0 0 33px;
    box-sizing: border-box;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
	display: block;
	width: 100%;
	border: 2px solid #edf1f4;
	outline: none;
}
.scripts_answer_list_search:focus{
	border: 2px solid #2ec6f7;
}
.scripts_answer_list_search_no{
	color: #525c69;
    font-size: 14px;
    font-family: 'Roboto', 'OpenSans-Regular',Helvetica,Arial,sans-serif;
}

.operator_question_block:not(.current_question) .scripts_answer_list_search_wrap 
{
    pointer-events: none;
    opacity: 0.6;
}

.operator_question_block:not(.current_question) .scripts_answer_list_search_wrap .scripts_answer_list_search_clear
{
    display: none;
}



.operator_question_block.current_question  .operator_answers  .operator_answer.operator_answer_search_hide
{
    display: none;
}









/* FINDER */ 
.finder .hidden
{
    display: none;
}

.finder {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    height: auto;
    z-index: 100000;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
    margin: 10px;
    width: calc(100% - 20px);
}

.finder-box .finder-box-tab-columns {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
}

.finder-box {
    padding: 2px;
}
.finder-box-left-column {
    padding: 0;
}
.finder-box-item {
    position: relative;
    display: block;
    padding-right: 0;
    margin-right: 0;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    border-radius: 1px;
    transition: .1s;
}
    .finder-box-item-icon {
        display: none;
    }
    
.finder .finder-box-search .finder-box-inp 
{
    margin-bottom: 5px;
}

.finder-box {
    background: #fff;
    font: normal normal normal 12px/normal Arial,Helvetica,sans-serif;
    overflow: hidden;
    border: none;
    background-color: #fff;
    text-align: left;
    padding: 5px;
}

.finder-box-layout {
    width: 100%;
}
    .finder-box-left-column {
        vertical-align: top;
        padding: 0;
    }
        .finder-box-multiple .finder-box-left-column {
            padding: 0 15px 0 0;
        }

    .finder-box-right-column {
        vertical-align: top;
        width: 200px;
        background: #f5f5f5;
        border: 1px solid #e2e2e2;
    }
    
    .finder-box-search-textbox {
        width: 100%;
        border: 1px solid;
        border-color: #b0b0b0 #e2e2e2 #e2e2e2 #b0b0b0;
        font-size: 15px;
    }
        .finder-box-search-textbox.finder-box-search-textbox-half {
            width:48%;
        }
    
    .finder-box .finder-box-tab-content {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .finder-box .finder-box-tab-columns {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
        .finder-box .finder-box-item {
            display: block;
            cursor: pointer;
            position: relative;
            color: #000;
            margin: 0 5px 2px 0;
            padding-right: 14px;
            text-decoration: none;
            overflow: hidden;    
            -webkit-column-break-inside: avoid;
            overflow: hidden;
            border-radius: 4px;
            min-height: 36px;
        }
            .finder-box-item:hover {
                background-color: #f0f0f0;
            }
            .finder-box-item.blue:hover {
                background-color: #d5f1fc;
            }
            .finder-box-item-text {
                padding: 3px 5px;
            }
            .finder-box-item:hover .finder-box-item-icon {
                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwdCAcayn8+wQAAAa5JREFUSMfFlTFLw0AUx/8vvZKMFbFZWqGtUzGToLg5uTq59Qv0A/hh/AA66ixOLiqCUzopMdJAUSy4lSaNfQ5p2obk0l5FenAQcv/f+9+7944jZsY6hgCAXq/H/X4fvu8rwcwMIQRKpRLq9TqpsNTtdjkMQ5TLZei6rrxz3/fhui40TUOz2VzaXPM8D6ZprmQKALquo1arwXVdtaMeDAYQQuAvtS4Wi8plEsyca7p3ZwKT5eejT2mts2JYtxscs/bxNykZ4weRMZNUJ40xxypnjBGtbjzHZl6nXOOQgHG08zzjRezCjA9uqjMxUzTH0ff+1fbkP8BjwtPpeyJj63qTZax1scXzbPqoRzPxLEgkjr/j9ZibxlBg00cdkFSczAYJY1U2lfH9yVuiFoeXO1PxQ+s1s7ZxDLv1leii3XOTY7bT/qBUc+WOnM78C7u4q//zOhERiEh+JSYxpRrZ2hyrbPzYflnumcvgO2c96U5FoVBAGIYrv07x02gYhhKjVSoVOI6DIAimmavMIAjgOA4ajYaSMTEzbNtmz/MwHA6VszUMA9VqFZZlkbLxOsYv9WJJitBIUW8AAAAASUVORK5CYII=');
            }
            .finder-box-item .finder-box-item-icon {
                position: absolute;
                width: 11px;
                height: 100%;
                right: 0;
                top: 0;
                background-position: right center;
                background-repeat: no-repeat;
            }
            .finder-box-item-avatar {
                position: absolute;
                top: 3px;
                left: 4px;
                display: block;
                margin: 0;
                width: 30px;
                height: 30px;
                border-radius: 50%;
            }
            .finder-box-item-info {
                position: absolute;
                top: 50%;
                right: 3px;
                left: 40px;
                display: block;
                margin: 0;
                padding: 0;
                vertical-align: middle;
                font: 12px/normal Arial,Helvetica,sans-serif;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
            }
                .finder-box-item-title {
                    display: block;
                    overflow: hidden;
                    max-width: 100%;
                    color: rgb(83, 92, 105);
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font: bold 13px/17px "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
                }
                .finder-box-item-desc {
                    display: block;
                    overflow: hidden;
                    max-width: 100%;
                    color: #b2b2b2;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font: 400 11px/11px "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
                }
    
    .finder-box-search {
        margin: 0 0 7px 0;
    }
        .finder-box-selected-title {
            color: #6e6e6e;
            height: 32px;
            line-height: 32px;
            margin: 0 8px;
        }
        .finder-box-selected-items {
            max-height: 235px;
            overflow-x: hidden;
            overflow-y: auto;
        }
            .finder-box-selected-item {
                overflow: hidden;
                margin: 0 5px 10px 5px;
            }
            .finder-box-selected-item-icon {
                float: left;
                cursor: pointer;
                width: 13px;
                height: 15px;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwdCAM6lX3bDQAAAWdJREFUOMvFlcFqwkAQhv+NvUkFoVcp9CIhFJN38Ow7eMkb5CXyBEkuPkDAg159Aj1UWxLxkFUJRQ/2oLUnxekpW03WlEKoAwM7y+787Le7M4yIcAu7Kzrhx2hEB9/HcTD4EWk2cd9uo6yqTEwSUWG+tm1aMHbVt65LydrCRFeWlSuaFr/Y3O33KOIRnc9FPKJuv0d5opvhUCQmItq6rkxMxPswJOX8fhqahkkQgM85AQCfc5oEARqalnuvB98X453noWKaqDoOAKDqOKiYJnaeJ9Z8djpZ1MkJx68vJCMg89gwpCfch6GUQGwYxGTfafI2Jr6M8fRYQ+NZZ7+95KWiZJI8BAHKqoqv6RSbFLGSrkNJb+BzLkT5MhbY86yk6xdx1XGEaFlVBfYLk2FO8Kbja/7eamUwJ3jT8YIxWlkW3exV//s/Xts2FVpA/lq5WNFNIqnVp9kMpziGUqtBqdcztZrdqjt9Ayq4/xCOwF/sAAAAAElFTkSuQmCC') no-repeat 0 0;
            }
                .finder-box-selected-item-icon:hover {
                    background-position: -17px 0;
                }
                
            .finder-box-selected-item .finder-box-selected-item-text {
                text-decoration: none;
                overflow: hidden;
                padding: 0 0 0 4px;
                display: block;
                color: #000;
            }
            
.finder-box-tab-load {
    position: relative;
    min-height: 40px;
    width: 100%;
}
    .finder-box-tab-load-text {
        position: absolute;
        top: 14px;
        left: 60px;
        height: 20px;
        font-weight: bold;
        color: #70767d;
        z-index: 1000000000;
    }
    
    
.client-icon {
    background: url(/img/finder_sprite.min.svg) no-repeat center 2px #535c6a;
}



.finder-box-tabs-content
{
    width: calc(100% - 100px);
}

.finder-box-radioform
{
    display: block;
    position: absolute;
    width: 100px;
    right: 0px;
    border-left: 1px solid #eef2f5;
    height: calc(100% - 65px);
}

.finder-box-radioform .label_theme_checkbox
{
    display: block;
    line-height: 29px;
    height: 30px;
    font-size: 13px;
    color: #80868e;
    padding: 0 5px;
    position: relative;
    margin: 0 3px 2px 0;
    background: #fff;
    border-color: transparent;
    border-radius: 2px;
    border-style: solid;
    border-width: 0 7px 0 10px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.finder-box-radioform .label_theme_checkbox.finder-labe-selected
{
    background: #eef2f5;
    background-clip: padding-box;
    color: #535c69;
    border-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMTMgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9ItC00LjQsNC70L7Qsy3QstGL0LHQvtGA0LAt0YHRg9GJ0L3QvtGB0YLQuC3QodCg0Jwt0LIt0LTRgNGD0LPQuNGFLdC40L3RgdGC0YDRg9C80LXQvdGC0LDRhSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcyNi4wMDAwMDAsIC01ODcuMDAwMDAwKSIgZmlsbD0iI0VFRjJGNSI+PGcgaWQ9Ikdyb3VwLTItQ29weS01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuMDAwMDAwLCA1NTEuMDAwMDAwKSI+PHBhdGggZD0iTTQ1NC4zOTA4MjYsNTIuNzY0Nzk5NiBDNDUzLjg3MTAwMSw1MS43OTAxMjc3IDQ1My44Njg0NSw1MC4yMTQ2NTQzIDQ1NC4zOTA4MjYsNDkuMjM1MjAwNCBMNDYwLjUwODM3MywzNy43NjQ3OTk2IEM0NjEuMDI4MTk4LDM2Ljc5MDEyNzcgNDYyLjMzNTY3NCwzNiA0NjMuNDUxOTE5LDM2IEw0NjQuMDQyODYsMzYgQzQ2NS4xNDg3MTEsMzYgNDY2LjA0NTE4LDM2Ljg5Nzg0MDQgNDY2LjA0NTE4LDM3Ljk5MTYxNyBMNDY2LjA0NTE4LDY0LjAwODM4MyBDNDY2LjA0NTE4LDY1LjEwODMyMjcgNDY1LjE1OTEwNiw2NiA0NjQuMDQyODYsNjYgTDQ2My40NTE5MTksNjYgQzQ2Mi4zNDYwNjksNjYgNDYxLjAzMDc0OCw2NS4yMTQ2NTQzIDQ2MC41MDgzNzMsNjQuMjM1MjAwNCBMNDU0LjM5MDgyNiw1Mi43NjQ3OTk2IFoiIGlkPSLQktGL0LHQvtGALdCz0YDRg9C/0L/RiyI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==) 0 4 0 10 fill stretch;
}


.finder-box-item.finder-box-item-selected
{
    background-color: #d5f1fc;
}