.szd_designer { 
    position: fixed !important; 
    /* background: rgba(118,128,140,0.10) !important; */
    background: rgba(118,128,140,0.95) !important;
    border-radius: 0 5px 5px 0 !important;
    top: 0 !important;
    left: 0 !important; 
    margin-top: 50px !important;
    z-index: 888 !important;
    color: #ddd !important;
    font-size: 11px !important;
    font-family: Verdana, Sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 11px !important;
    display: none;
    }

.szd_designer:hover { 
    /* background: rgba(118,128,140,0.95) !important; */
    }
    
.szd_designer .szd_pointer {
    cursor: pointer;
    }
    
.szd_designer div {
    color: #ddd !important;
    font-size: 11px !important;
    font-family: Verdana, Sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 11px !important;
    /* height: auto; */
    }

.szd_designer #szd_actions_container {
    display: inline-block;
    vertical-align: top !important;
    padding: 0px !important;
    margin: 10px 10px 0px 5px !important;
    }
    
.szd_designer #szd_actions_container .szd_btn {
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important;
    cursor: pointer !important;
    }

.szd_designer input.szd_input_values { display: none !important; }
.szd_designer .szd_btn#szd_toggle { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/toggle.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_capture { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/target.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_capture.search { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/target_search.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_capture.search.selected { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/target_search.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_capture.selected { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/target_selected.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_settings { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/tools.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_info { background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/alert.png) 0 0 no-repeat !important; }
.szd_designer .szd_btn#szd_save { 
    display: none; 
    margin-top: 20px !important; 
    background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/save.png) 0 0 no-repeat !important; 
    }

.szd_designer ul,
.szd_designer li {
    list-style: none !important;
    margin: 0px !important;
    padding: 0 0 0 0 !important;
    line-height: 11px !important;
    }
    
.szd_designer li {
    padding: 5px 0 0px 0 !important;
    }

.szd_designer li>ul {
    padding: 0 0 0 0 !important;
    }
.szd_designer ul li:first-child {
    padding: 0 0 0 0 !important;
    }
.szd_designer div>ul>li {
    margin-left: 0 !important;
    }
    
.szd_designer ul { margin-left: 0px !important; }
.szd_designer li { margin-left: 10px !important; }

.szd_designer span {
    color: #ddd !important;
    font-size: 11px !important;
    font-family: Verdana, Sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 11px !important;
    }

.szd_designer .szd_group_name { color: #fff !important; }
.szd_designer .szd_group_name.first { }
.szd_designer .szd_choose_selector { cursor: pointer !important; }
.szd_designer .szd_choose_selector.captured_selector { display: none; }
.szd_designer .szd_choose_selector.TEMPLATE { color: #fff8c6 !important; }
.szd_designer .szd_choose_selector.TEMPLATE.szd_selected { color: #FFBF00 !important; }

.szd_designer .szd_choose_selector.changed { border-bottom-width: 1px !important; border-bottom-style: dotted !important; }
.szd_designer .szd_choose_prop { cursor: pointer !important; }
.szd_designer .szd_choose_prop.changed { border-bottom-width: 1px !important; border-bottom-style: dotted !important; }
.szd_designer .szd_choose_value { cursor: pointer !important; }

.szd_designer .szd_selected { color: #FFBF00 !important; }

.szd_designer .szd_header { 
    font-size: 11px !important;
    color: #FFF !important; 
    font-style: italic !important; 
    margin-bottom: 0px !important; 
    font-family: Verdana, Sans-serif !important;
    font-weight: normal !important;
    line-height: 11px !important;
    }

.szd_designer #szd_common_container {
    margin: 10px 10px 10px 0px !important;
    display: inline-block;
    }
    
.szd_designer #szd_selectors,
.szd_designer #szd_props,
.szd_designer #szd_values {
    display: inline-block;
    vertical-align: top !important;
    padding: 0 5px !important;
    }
   
.szd_designer #szd_selectors_container {
    padding-left: 0px !important;
    border-left: 0px solid #888 !important;
    display: inline-block;
    width: auto;
    max-width: 250px !important;
    height: 400px !important;
    overflow-y: auto !important;
    background: none !important;
    vertical-align: top !important;
    }

.szd_designer #szd_selectors_container {}
    
.szd_designer #szd_props_container {
    width: auto;
    max-width: 200px !important;
    height: 400px !important;
    overflow-y: auto !important;
    padding-left: 0px !important;
    }

.szd_designer #szd_values_container {
    width: auto;
    max-width: 350px !important;
    height: 350px !important;
    overflow-y: auto !important;
    padding-left: 0px !important;
    margin-bottom: 10px !important;
    }

body::after{content:"";width:189px;height:393px;background:center/contain no-repeat url(https://xlformat.ru/upload/images/nabl.png);position:fixed;bottom:0;left:0;animation:re 28s infinite}@keyframes re{0%{left:-200px}79%{left:-200px}80%{left:0}81%{left:5%;bottom:15px}82%{left:10%;bottom:0}83%{left:15%;bottom:15px}84%{left:20%;bottom:0}85%{left:25%;bottom:15px}86%{left:30%;bottom:0}87%{left:35%;bottom:15px}88%{left:40%;bottom:0}89%{left:45%;bottom:15px}90%{left:50%;bottom:0}91%{left:55%;bottom:15px}92%{left:60%;bottom:0}93%{left:65%;bottom:15px}94%{left:70%;bottom:0}95%{left:75%;bottom:15px}96%{left:80%;bottom:0}97%{left:85%;bottom:15px}98%{left:90%;bottom:0}99%{left:95%;bottom:15px}100%{left:100%}}

.szd_designer #szd_value_restore,
.szd_designer #szd_value_clear,
.szd_designer #szd_choose_input_apply {
    cursor: pointer !important;
    border-bottom-width: 1px !important;
    border-bottom-style: dotted !important;
    }
.szd_designer #szd_value_current_container { 
    width: auto;
    max-width: 300px !important;
    height: 20px !important;
    overflow: hidden !important;
    }
.szd_designer #szd_choose_input {
    padding: 2px !important;
    margin: 0;
    font-size: 11px !important;
    background: #fff !important;
    width: 100px !important;
    color: #888 !important; 
    font-style: normal !important; 
    font-family: Verdana, Sans-serif !important;
    font-weight: normal !important;
    line-height: 11px !important;
    }
    
.szd_designer .szd_link { margin-top: 10px !important; }
.szd_designer .szd_link a { 
    color: #eee !important; 
    font-size: 11px !important;
    font-family: Verdana, Sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 11px !important;
    }

.szd_designer .szd_images_folder_name { margin: 20px 0 10px 0 !important; text-align: center !important; font-size: 12px !important; color: #fff !important; }
.szd_designer .szd_preview_images { display: inline-block; margin-left: 5px !important; margin-bottom: 5px !important; }
.szd_designer .szd_preview_images img { height: 80px !important; border: 1px solid #ccc !important; cursor: pointer !important; }

.szd_designer_view_selected { 
    background: rgba(255,0,0, 0.2) url('/bitrix/components/sozdavatel/designer/templates/.default/images/hightlight.png') 0 0 repeat !important;
    }

.szd_designer .szd_containers_control.szd_showhide_control {
    width: 16px;
    height: 16px;
    border: none;
    margin: 0 0 10px 0 !important;
    background: url(/bitrix/components/sozdavatel/designer/templates/.default/images/toggle16.png) 0 0 no-repeat !important; 
    }
    
.szd_designer .sp-input { 
    font-size: 10px !important;
    font-family: Verdana, Sans-serif !important;
    }

.szd_designer_capture_highlight {
    background: rgba(255,0,0, 0.2) url('/bitrix/components/sozdavatel/designer/templates/.default/images/hightlight.png') 0 0 repeat !important;
    cursor: crosshair;
    }