@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}
body{margin:0;padding:0;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif;background:#ffffff;font-size:15px; color: #3e3e3e; overflow-x: hidden;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
a{/*text-decoration: none!important;*/
    color: #694e70;display: inline-block;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;}
a:hover{color: #321839;}
label{font-weight: normal!important;}
b, strong{font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;font-weight: 700;}
a:focus{background: none;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
.clear{clear:both;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand{display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;}
p{color:#5d5d5d;}

body,html{overflow-x: hidden!important;}

.bg-shadow .fixed{position: initial;}
.account-box .dropdown-toggle::after{display: none;}
.dashboard-body{padding: 50px 0 0 0;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;}
.dash-container{padding: 0 80px;}
.survey-heading-inner h1{font-size: 33px;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;}
.survey-action-bx{text-align: right;}
.survey-action-bx ul{display: block;}
.survey-action-bx ul li{display: inline-block;padding: 0 10px;vertical-align: middle;}
.survey-action-bx ul li + li{border-left: 1px solid #d7d7d7;}
.survey-action-bx ul li a{display: inline-block;}
.survey-action-bx ul li a img{display: block;}

.dashboard-option-section{background: #e8e6f1;padding: 22px 0;margin-top: 7px;}
.dashboard-option-section .form-group{margin-bottom: 0;}
.form-label{font-size: 20px;color: #000;margin-bottom: 10px;display: block;}
.form-control{-webkit-appearance:none; -moz-appearance:none; appearance:none;/*height: 50px!important;*/background: #fff;border: none!important;box-shadow: none!important; font-size: 18px;color: #69696b;border-radius: 0;outline: none;padding-left: 17px;padding-right: 17px;
height:auto;
}
.dropdown-select .dropdown-toggle{-webkit-appearance:none; -moz-appearance:none; appearance:none;height: 50px!important;background: #fff;border: none!important;box-shadow: none!important; font-size: 18px;color: #69696b;border-radius: 0;outline: none;padding-left: 17px;padding-right: 17px;text-align: left;width: 100%;}
.dropdown-select .dropdown-toggle .caret{display: none;}
.dropdown-select .dropdown-menu{min-width: 100%;max-width: 100%;}
.dropdown-select .dropdown-toggle::after{display: none;}
.dropdown-select .dropdown-menu > .active > a{background: #4c3a9d;}
.input-icon{position: relative;}
.icon-span{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #d5d5d5;pointer-events: none;}
.respondentens span{color: #68686a;font-size: 18px;}
.low-margin{margin: 0 -10px;}
.low-margin .row{margin: 0 -10px;}
.low-margin div[class*="col-"]{padding: 0 10px;}

.btn{padding: 8px 20px;border-radius: 4px;font-size: 16px;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;border:none;box-shadow: none!important;}
.btn.btn-primary{background: #cac7dc;color: #272727;}
.btn.btn-primary:hover,
.btn.btn-primary:focus{background: #bcb4dd;}

.charts-on-page{margin-top: 16px;}
.charts-on-page ul{display: inline-block;}
.charts-on-page ul li{display: inline-block;}
.charts-on-page span{font-size: 18px;color: #69696b;vertical-align: baseline;}
.charts-on-page a{display: inline-block;width: 34px;height: 34px;border-radius: 4px;background: #cac7dc;margin-left: 10px;color: #69696b;text-align: center;line-height: 34px;font-size: 16px;font-weight: 600;}
.charts-on-page a:hover{color: #272729;}
.charts-on-page ul li.active a{background: #bcb4dd;color: #272729;}

.dashboard-inner-body{background: #f5f5f5;padding: 15px 0 40px 0;min-height: 400px;position: relative;}
.free-txt-bx>label{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #696969;font-size: 18px;}
.free-txt-bx input{padding-left: 100px;}
input.form-control::placeholder{color: #cbcbcb;}
textarea::placeholder{color: #cbcbcb;}

.free-txt-right-part ul{display: block;}
.free-txt-right-part ul li{display: inline-block;vertical-align: middle;margin-left: 10px;}
.free-txt-right-part ul li a{font-size: 20px;color: #68686a;}

.simple-icon-ul{display: block;}
.simple-icon-ul li{display: inline-block;vertical-align: middle;margin-left: 10px;}
.simple-icon-ul li a{font-size: 20px;color: #68686a;}
.simple-icon-ul li a.active{color: #4c3aa0;}

.questions-bx{margin-top: 15px;}
.questions-bx>h2{font-size: 20px;color: #170e43;margin-bottom: 10px;}
.questions-inner-bx{border: 1px solid #d5d5d5;border-radius: 5px;background: #fff;padding: 15px 22px;}
.questions-bx-head{position: relative;min-height: 30px;margin-bottom: 30px;}
.questions-bx-head-collapse ul{display: block;}
.questions-bx-head-collapse ul li{display: inline-block;vertical-align: middle;margin-right: 10px;}
.questions-bx-head-collapse ul li:nth-child(1){border-right: 1px solid #d7d7d7;padding-right: 10px;}
.questions-bx-head-collapse ul li a{font-size: 20px;color: #68686a;}
.chart-type-toggler{position: absolute;right: 22px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); background: none;border:none;color: #6d6d6f;cursor: pointer;outline: none!important;}
.chart-type-toggler i{transition: 0.3s;-webkit-transition: 0.3s;}
.chart-type-toggler[aria-expanded="true"] i{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.questions-bx-body>p{font-size: 18px;color: #696969;line-height: 1.6;}
.questions-graph{text-align: center;margin: 30px 0;}

.toal-respondentens-p{color: #6d6d6f;font-size: 14px;padding-bottom: 7px;border-bottom: 1px solid #d7d7d7;margin-bottom: 7px;position: relative;}
.my-notes-btn{background: none;border:none;color: #6d6d6f;cursor: pointer;outline: none!important;}
.my-notes-btn[aria-expanded="true"] i{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.my-notes-btn i{margin-left: 6px;}
.my-notes-bx textarea{width: 100%;height: 55px;border: none;outline: none;resize: none;padding: 10px;font-size: 16px;}

.show-more-bx{text-align: center; font-size: 18px;color: #1c1c1c;margin-top: 23px;}
.show-more-bx i{margin-left: 5px;}


.left-menu-outer{position: absolute;left: 0;top: 0;z-index: 2;height: 100%;background: #ffffff;box-shadow: 1px 0px 9px 0 rgba(0, 0, 0, 0.19);width: 70px;transition: 0.3s;-webkit-transition: 0.3s; overflow:hidden;}
.left-menu-toggler{display: block;background: #f2f0f1;text-align: right;padding: 10px;color: #646263;font-size: 18px;width: 100%;cursor: pointer;outline: none!important;}
.left-menu-toggler i{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.left-menu-ul{width: 70px;display: inline-block;border-right: 1px solid #f0f0f0;float: left;}
.left-menu-ul li{display: block;}
.left-menu-ul li a{width: 100%;padding: 20px 0;text-align: center;color: #4c3a9d;font-size: 20px;border-bottom: 1px solid #f0f0f0;}
.left-menu-ul li.active a{background: #4c3a9d;color: #ffffff;}
.left-menu-outer .tab-content{width: calc(100% - 70px);float: left;display: inline-block;opacity: 0;visibility: hidden;transition: 0.3s;-webkit-transition: 0.3s;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.left-menu-content{padding: 32px 15px;}
.left-menu-content>h2{font-size: 20px;color: #242424;margin-bottom: 40px;}
.file-upload input{width: 0;height: 0;position: absolute;opacity: 0;visibility: hidden;}
.file-upload label{padding: 8px 20px;border-radius: 4px;font-size: 18px;font-family: "Open Sans","Segoe UI",MuseoSans300,Tahoma,serif,sans-serif;background: #b1a9d8;color: #1a191e;cursor: pointer;}
.file-upload label:hover{background: #8478bc;}
.radio-bx input{width: 0;height: 0;position: absolute;opacity: 0;visibility: hidden;}
.radio-bx label{padding-left: 30px;position: relative;cursor: pointer;font-size: 18px;color: #1d1d1d;}
.radio-bx label span{width: 18px;height: 18px;border: 1px solid #bcbcbc;border-radius: 50%;display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.radio-bx label span:after{content: "";width: 10px;height: 10px;background: #0f0f0f;position: absolute;left: 3px;top: 3px;border-radius: 50%;display: none;}
.radio-bx input:checked + label span:after{display: inline-block;}

.select-color-theme ul{display: block;}
.select-color-theme ul li{display: inline-block;border-radius: 50%;width: 38px;height: 38px;border: 2px solid transparent;margin-right: 10px;margin-bottom: 15px;cursor: pointer;}
.select-color-theme ul li:nth-child(5){margin-right: 0;}
.select-color-theme ul li:nth-child(10){margin-right: 0;}
.select-color-theme ul li.active{border-color: #000000;}

.left-menu-content textarea{border: 1px solid #dfdfdf!important;border-radius: 5px;height: 166px!important;resize: none;padding-left: 20px;padding-top: 15px;}

.upload-logo .radio-bx{margin-top: 36px;}
.left-menu-outer.active{width: 382px;}
.left-menu-outer.active .tab-content{visibility: visible;opacity: 1;}
.left-menu-outer.active .left-menu-toggler i{transform: none;-webkit-transform: none;}

.Favorites-heading p{font-size: 18px;color: #1c1c1c;}
.Favorites-heading h2{font-size: 24px;color: #1c1c1c;margin-top: 25px;}
.remove-fav-btn{width: 40px;height: 40px;border-radius: 50%;display: inline-block;background: #bcb4dd;color: #ffffff;font-size: 20px;text-align: center;line-height: 40px;position: absolute;right: -33px;top: -2px;outline: none!important;cursor: pointer;}
.remove-fav-btn:hover{background: #978fb6;}
.all-chart-div {width: 100%; height: 280px; }


@media screen and (max-width: 1024px) {
    html {
        font-size: 15px; /* Новый размер шрифта для устройств с шириной экрана 600px и более */
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }
}