/*
* jagjeet singh home css
*/
/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {g115
   font-family: 'centurygothicregular';
   src: url('../fonts/centurygothicregular.eot');
   src: url('../fonts/centurygothicregular.eot?#iefix') format('embedded-opentype'), url('../fonts/centurygothicregular.woff') format('woff'), url('../fonts/centurygothicregular.ttf') format('truetype'), url('../fonts/centurygothicregular#flexslider-icon') format('svg');
   font-weight: normal;
   font-style: normal;
}
:root {
   --font-family: 'centurygothicregular';
   --new-font-family: Arial, Helvetica, sans-serif;
   --black-dark: #252525;
   --black-medium: #737689;
   --black-light: #929091;
   --white-dark: #ffffff;
   --grey-dark: #f4f2f3;
   --extra-grey-dark:#D1CED5;
   --shadow:#a7a8ad;
   --grey-new:#a1a0a0;
   --font-size-batch: 10px;
   --font-size-small: 12px;
   --font-size-medium: 15px;
   --font-size-large: 20px;
   --font-size-extra-large: 30px;  
   --font-size-question-type: 50px;
   --font-weight-light:100;
   --font-weight-medium:600;
   --font-weight-heavy:900;
   --border:1px solid #000000;
   --border-red:1px solid red;
   --border-yellow:1px solid yellow;
   --border-blue:1px solid blue;
   --border-green:1px solid green;
   --border-white:1px solid #ffffff;
   --no-border:none;
   --border-radius-button:7px;
   --border-radius-search-button:20px;
   --margin-small:5px;
   --margin-medium:10px;
   --margin-large:20px;
   --padding-normal:5px;
   --padding-medium:10px;
   --padding-large:20px;
   --padding-extra-large:30px;
}
/* ====================================================================================================================
* BASIC STYLE
* ====================================================================================================================*/
html, body{font-family: var(--new-font-family) !important;background:none;height: 100vh;width: 100%;top: 0px !important;}
button{cursor:pointer !important;text-decoration:none !important;}
input[type="button"],input[type="submit"]{cursor:pointer !important;text-decoration:none !important;}
/*a,a:hover{text-decoration:none !important;cursor:pointer !important;}*/
.badge-no{background-color: var(--primary-color);color:var(--white-dark);position: relative;top: -11px;left: -3px;  font-weight:var(--font-weight-heavy);}
.badge-pill{padding-right: .3em;padding-left: .3em;}
.theme-container{position:fixed;z-index:-1;width:100%;height:100%;max-width:100%;max-height:100%;}
.container{position:relative;z-index:0;width:100%;height:100%;max-width:100%!important;max-height:100%;padding:0;}
.profile-panel{display:inline-block;width:20%;height:100%;max-height:100%;position: relative;float:left;}
.profile-panel>div{padding:var(--padding-medium) var(--padding-medium);}
.profile-panel .box{padding-top:var(--padding-large);padding-bottom:var(--padding-large);}
.profile-panel .profile.box {margin-top: 141px;background-image: linear-gradient(var(--primary-color), var(--secondary-color));border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:10px;}
.profile-panel .dashboard.box {background-image: linear-gradient(var(--third-color), var(--fourth-color));border-top-left-radius:0px;border-top-right-radius:10px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;height:343px;}
.profile-photo{position:relative;height:100px;text-align:center;margin-top: 13px;margin-left: 47%;}
.profile-photo-box{display:block;width:100px;height:100px;border-radius:50%;overflow:hidden;/*background-color:green;*/position:relative;}
.profile-photo-box:hover a{display:inline-block;}
.profile-photo img{position:absolute;top:0;left:0;width:100px;height:100px;border-radius:50%;background-color:var(--white-dark);}
.profile-name{color:var(--white-dark);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);text-align:left;margin-left: 15px;margin-top: 12px;}
.profile-status{font-size: 0;color:var(--white-dark);text-align:center;margin-top:var(--margin-medium);}
.profile-status a{
   color: var(--grey-color);
   font-size: 20px;
   font-weight: bold;
}
.profile-status>button{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-button);border:var(--border-white);padding:0 var(--padding-medium);width:100px;}
.profile-status-item{
   display: inline-block;
   width: 17%;
   border-radius: 5px;
   margin-left: 67px;
   border: 2px solid #ddd;
   box-shadow: 0px 0px 19px 10px #e6e8e7;
   -webkit-box-shadow: 0px 0px 19px 10px #e6e8e7;
   -moz-box-shadow: 0px 0px 19px 10px #e6e8e7;
   padding: 18px;
   margin-top: 21px;
}
.user_content {
  margin: 9px 0px 6px 11px;
}
.theme-color {
  margin-left: 10px!important;
}
.profile-status-item h4{
   font-size: var(--font-size-extra-large);
   font-weight: var(--font-weight-medium);
   margin: 0;
   text-align: center;
   padding-top: 26px;
   color: var(--primary-color);
}
.profile-status-item h6{font-size:var(--font-size-small);text-align:center;padding-bottom:26px;}
.profile-page-title{background:none;padding:0 !important;}
.profile-page-title>h3{background:none;font-size:var(--font-size-large);font-weight:var(--font-weight-heavy);color:var(--black-dark);text-align:center;padding:var(--padding-normal);}
.main-menu-panel{display:inline-block;width:100%;position: relative;}
.secondary-menu-panel{display:inline-block;width:80%;border:var(--border-blue);position: relative;}
.content-panel{display:inline-block;width:100%;position: relative;}
.dashboard-link{color:var(--white-dark);text-align:left;margin-top:var(--margin-small);font-size:var(--font-size-medium);}
.dashboard-item{color:var(--white-dark);}
.dashboard-link>a:hover{color:var(--white-dark);}
.dashboard-status{color:var(--white-dark);text-align:center;margin-top:var(--margin-medium);font-size:0px;}
.dashboard-status>button{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-button);border:var(--border-white);padding:0 var(--padding-medium);width:100px;}
.box{border-radius:var(--border-radius-button);}
.dashboard-status h4{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);margin:0;text-align:left;width:104px;display:inline-block;}
.dashboard-status h6{font-size:var(--font-size-small);text-align:left;width:50px;display:inline-block;}
i.small-dot{font-size:3px;margin:0 var(--margin-small);}
.dashboard-followers-status{text-align:center;color:var(--white-dark);}
.dashboard-followers-status h6{font-size:var(--font-size-small);display:inline-block;}
.dashboard-followers-status h6 a{font-size:var(--font-size-small);display:inline-block;color:var(--white-dark);}
.dashboard-followers-status h6 a:hover{color:var(--white-dark);}
.follower-image{display:inline-block;width:20%;text-align:center;height:50px;}
.follower-image>img{width:40px;height:40px;border-radius:50%;background-color:var(--white-dark);margin-bottom: var(--margin-large);}
.follower-data{display:inline-block;width:76%;}
.follower-data h4{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);margin:0;text-align:left;width:100%;display:inline-block;color:var(--white-dark);}
.follower-data>button{font-size:var(--font-size-small);border-radius:var(--border-radius-button);border:var(--border-white);padding:0 var(--padding-medium);width:70px;background:none;color:var(--white-dark);}
.follower-data>button:hover{font-size:var(--font-size-small);border-radius:var(--border-radius-button);border:var(--border-white);padding:0 var(--padding-medium);width:70px;background-color:var(--white-dark);color:var(--primary-color-);}
.main-menu-panel{height:65px;overflow:hidden;z-index:2;margin-top: 15px;}
.main-menu-panel .theme-container2{display:inline-block;position:absolute;width:100%;height:100%;}
.main-menu-panel ul{display:inline-block;width:69%;position:relative;padding-left:var(--padding-large);margin:0;margin-left: 24px;}
.main-menu-panel ul li{list-style:none;display:inline-block;width: auto;padding:var(--padding-medium) var(--padding-extra-large) var(--padding-medium) 0;}
.main-menu-panel ul li a{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--black-dark);}
.main-menu-panel ul li a:hover{color:var(--primary-color);}
.main-menu-panel ul li a.username-head{text-transform:uppercase;}
.main-menu-panel ul li a.username-head img{width:27px;height:27px;display: inline-block;line-height:1;}
.main-menu-panel .main-search{display:inline-block;width:200px;position:relative;vertical-align:top;margin-left: 59px;}
.main-menu-panel form{background-color:var(--white-dark);/*padding:var(--padding-normal) var(--padding-large);*/color:var(--primary-color);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-search-button);width:99%;}
.main-menu-panel form input{/*background-color:var(--primary-color);*/color:var(--black-dark);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);border:none;width:120px;}
.main-menu-panel form input::placeholder{color:var(--black-dark);opacity: 1;}
.main-menu-panel form input:-ms-input-placeholder{color:var(--white-dark);}
.main-menu-panel form input::-ms-input-placeholder {color:var(--white-dark);}
/*.main-menu-panel form:after {font-family: 'Font Awesome 5 Free';content: "\f002";}*/
.main-content{display:inline-block;/*width:100%;*/vertical-align:top;margin-left: 20px;}
.content-side-bar{display:inline-block;width:23%;/*position: absolute;*/margin-top:var(--margin-medium);}
.content-box{position:relative;display:inline-block;width:45%;min-height:260px;vertical-align:top;margin:var(--margin-large) var(--margin-large) 28px var(--margin-large);padding:var(--padding-large);
   .page-analytics .content-box.comment{border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
   /*border:var(--border);*/border-radius:40px;background-color:var(--white-dark);box-shadow: 5px 4px var(--shadow);}
   .content-box.big{width:95%;min-height:380px;position:relative;}
   .content-box.big.multiple{background-color:var(--grey-dark);min-height:540px;}
   .post-content-multiple{display:inline-block;width:100%;height:100%;}
   .content-box.mini{min-height:420px;margin:var(--margin-small);width:98%;border:1px solid var(--shadow);height:100%;box-shadow:none;}
   .content-survey-box{display:inline-block;width:100%;height:100%;overflow:hidden;}
   .content-box:nth-child(odd){margin-right:0;}
   .post-profile-photo{display:inline-block;width:12%;vertical-align:top;}
   .post-content{display:inline-block;width:85%;}
   .content-box.big .post-profile-photo{width:6%;}
   .content-box.big .post-content{width:100%;}
   .multiple-content-box .post-profile-photo{width:6%;}
   .post-profile-photo>img{max-width:30px;border-radius:50%;background-color:var(--white-dark);}
   .post-profile-name{color:var(--black-dark);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);}
   .post-profile-name a{color: var(--primary-color);text-transform: capitalize;margin-left: 10px;font-size: 20px;}
   .post-content-summary{font-size:var(--font-size-medium);line-height:var(--font-size-large);display: inline-block;width: 100%;}
   .post-content-summary .highlight{color: var(--primary-color);font-weight:var(--font-weight-medium);}
   .post-content-summary .feed-calender::after {font-family: "Font Awesome 5 Free";display: inline-block;content: "\f073";color: #f59223;margin-left: -25px;font-size:19px;}
   .post-content-summary input[type="text"]{width:100%;}
   .post-content-summary textarea{width:100%;}
   .post-content-summary input.rating{width:auto;display:inline-block;vertical-align:top;}
   .post-content-summary .jq-ry-container{display:inline-block !important;}
   .post-content-summary span.response{float:right;}
   .post-content-summary table.matrix-table{}
   .post-content-summary table tr td p{padding:0 !important;margin:0 !important;}
   .post-content-vote{margin-top:var(--margin-medium);}
   .post-content-vote .voted{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:darkgreen;}
   .post-content-vote h6{font-size:var(--font-size-small);text-align:left;display:inline-block;}
   .post-content-vote button{font-size:var(--font-size-small);border-radius:30px;border:var(--border);padding: 6px;width:80px;background:none;color:#ffffff;margin-right:var(--margin-small);border:none;font-weight:var(--font-weight-medium);}
   .post-content-vote button:disabled{background-color:var(--extra-grey-dark);cursor:not-allowed;}
   .post-content-comment{text-align:center;margin-top:var(--margin-medium);font-size:0px;}
   .post-content-comment button{font-size:var(--font-size-small);border-radius:var(--border-radius-button);border:var(--border);padding:0 var(--padding-medium);width:49%;background:none;color:var(--black-dark);}
   .post-content-comment a{display:none;font-size:var(--font-size-small);border-radius:var(--border-radius-button);border:var(--border);padding:0 var(--padding-medium);width:49%;background:none;color:var(--black-dark);margin-right:1%;}
   .content-side-bar-title{text-align:center;margin-top:var(--margin-large);font-size:0px;}
   .post-footer{padding-left:12%;display: inline-block;width: 100%;}
   .content-side-bar-title:first-child{margin-top:0;}
   .content-side-bar-title h4{color: #74788d;padding: 10px;width:100%;border-radius: 22px;background-color:#ffffff; box-shadow: 0px 0px 19px 10px #e6e8e7;-webkit-box-shadow: 0px 0px 19px 10px #e6e8e7;-moz-box-shadow: 0px 0px 19px 10px #e6e8e7; display:inline-block;font-size:16px;font-weight:600;margin:0 !important;text-align:left !important;letter-spacing: 2px;}
   .content-side-bar-title h6{display:inline-block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:left;}
   .content-side-bar .content-side-box{padding:var(--padding-medium);/*border:var(--border);*/border-radius:var(--border-radius-button);/*background-color:var(--grey-dark);box-shadow: 5px 4px var(--shadow);min-height:300px;*/height:auto;padding-left:20px;}
   .content-side-bar .content-side-box .content-side-box-content{padding-top:var(--padding-medium);padding-bottom:var(--padding-medium);border-bottom:var(--border);}
   .content-side-bar .content-side-box .content-side-box-content.more{display:none;}
.content-side-bar .content-side-box .content-side-box-content:first-child{/*padding:0;*/}
.content-side-bar .content-side-box .content-side-box-content:last-child{border:none;}
.content-side-bar .content-side-box .content-side-box-content:last-child h6{display:inline-block;color: var(--grey-color) !important;}
.content-side-box-content h4{display:inline-block;width:100%;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);margin:0;text-align:left;}
.content-side-box-content h6{color:var(--grey-color);display:inline;width:100%;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:left;}
.content-side-box-content h4 a{color:var(--primary-color);}
.content-side-box-content h6.see-more{text-align:left;}
.content-side-box-content h6.see-more a{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--grey-color);}
/* ====================================================================================================================
* FOR FIXED PANELS
* ====================================================================================================================*/
.profile-panel{position: fixed;}
/*.main-menu-panel{position: fixed;}hide for fixsed scrolldown top*/
.secondary-menu-panel{margin-left:270px;}
.content-panel{margin-top:0px;}
.main-menu-panel .bg-dark {background:none !important;}
.main-menu-panel .navbar {display: inline-block;width: 20%;position: relative;padding-left: var(--padding-large);margin: 0;vertical-align:top;}
.main-menu-panel .navbar-toggler{padding: 10px 12px;}
.main-menu-panel .nav-item{width:100%;}
.main-menu-panel .nav-item span{display:inline-block;color:var(--primary-color);}
.main-menu-panel .nav-item span.badge-no{color:var(--white-dark);}
.main-menu-panel .nav-item i{color: var(--black-dark);}
.main-menu-panel ul.navbar-nav{display:none;}
.main-menu-panel .navbar-toggler{display:none;}
/* ====================================================================================================================
* ANALYTICS DETAIL PAGE
* ====================================================================================================================*/
.page-analytics .main-content{width:100%;}
.page-analytics .main-content .content-box{width:35%;min-height:260px;}
.page-analytics .main-content .analytics-box{display: inline-block;width: 57%;padding:0 var(--padding-large) var(--padding-large) var(--padding-large);}
.page-analytics .main-content .analytics-box h4>i{color:var(--primary-color);font-size:var(--font-size-large);}
.page-analytics .main-content .analytics-box h4{margin-bottom: 23px;color: var(--black-dark);font-size: var(--font-size-medium);display:inline-block;width:100%;margin-top:var(--margin-medium);}
.page-analytics .main-content .analytics-box h4 a{color: var(--black-dark);}
.page-analytics .main-content .analytics-box h4 a i{color: var(--primary-color);font-size:var(--font-size-medium);}
.page-analytics .main-content .analytics-box h4 a:first-child i{color: var(--primary-color);font-size:var(--font-size-large);}
.page-analytics .main-content .analytics-box h4:nth-child(1){width:45%;margin-top:0;font-weight: bold;color: grey;}
.page-analytics .main-content .analytics-box h4:nth-child(2){width:45%;margin-top:0;}
.page-analytics .main-content .analytics-box h4:nth-child(3){}
.page-analytics .main-content .analytics-box h4>div.dropdown{display:inline-block;}
.page-analytics .main-content .analytics-box h4>div.dropdown button{padding:0;margin:0;background:none;color:var(--primary-color);line-height:0px;border:none !important;}
.page-analytics .main-content .analytics-box h4 .dropdown-toggle::after {display:none !important;border:none !important;}
.page-analytics .main-content .analytics-box .analytics-graph-box{position:relative;width:100%;height:285px;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);}
.page-analytics .main-content .analytics-box .analytics-count-box{margin-top: 22px;margin-bottom: 22px;position:relative;width:100%;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);margin-right:var(--margin-large);}
.page-analytics .main-content .analytics-box .analytics-chart-box{position:relative;width:100%;height:283px;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);}
.page-analytics .main-content .analytics-box .analytics-count-box .count-box h4{display: inline-block;width:100%;text-align:center;margin:0;font-weight:var(--font-weight-medium);}
.page-analytics .main-content .analytics-box .analytics-count-box .count-box h6{display: inline-block;width:100%;text-align:center;font-size: var(--font-size-small);margin-bottom:var(--margin-medium);}
.page-analytics .main-content .analytics-box .analytics-graph-box{text-align:left;position:relative;}
.page-analytics .main-content .analytics-box .analytics-graph-box>span{width:100%;height:100%;display:inline-block;vertical-align:middle;}
.page-analytics .main-content .analytics-box .analytics-graph-box>span img{display:inline-block;vertical-align:middle;margin-top:100px;}
.page-analytics .main-content .analytics-box .analytics-chart-box{text-align:center;}
.page-analytics .main-content .analytics-box .analytics-chart-box span{width:100%;height:100%;display:inline-block;vertical-align:middle;}
.page-analytics .main-content .analytics-box .analytics-chart-box span img{display:inline-block;vertical-align:middle;margin-top:60px;}
.count-box {float: right;margin-right:50px;}
.page-analytics .main-content .analytics-box .analytics-comment-box{position:relative;width:100%;height:365px;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);overflow-y:scroll;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-profile-photo{display:inline-block;width:8%;vertical-align:top;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-content{display:inline-block;width:90%;padding:var(--padding-normal);background-color:var(--grey-dark);}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-profile-photo>img{max-width:25px;border-radius:50%;background-color:var(--white-dark);}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-profile-name{color:var(--black-dark);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-content-summary{font-size:var(--font-size-medium);line-height:var(--font-size-large);}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-footer{display:block;width:90%;margin-left:9%;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-footer .comment-content-links h6{display:inline-block;font-size:var(--font-size-small);vertical-align:top;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-footer .comment-content-links.blank{line-height:10px;margin:0;height:10px;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-footer .comment-content-links h6 a{color:var(--primary-color);}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-footer .comment-content-links h6.blank{line-height:10px;margin:0;height:10px;}
.page-analytics .main-content .analytics-box .analytics-comment-box .question-comment{width:80%;height:30px;vertical-align:top;}
.page-analytics .main-content .analytics-box .analytics-comment-box .question-comment-submit{width:19%;height:30px;vertical-align:top;color:var(--white-dark);background-color:var(--primary-color);border:none;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-box.inner{margin-left:40px;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-box.inner .comment-profile-photo{max-width:25px;border-radius:50%;background-color:var(--white-dark);text-align:center;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-box.inner .question-comment{width:79%;height:30px;vertical-align:top;}
.page-analytics .main-content .analytics-box .analytics-comment-box .comment-box.inner .question-inner-comment-submit{width:19%;height:30px;vertical-align:top;color:var(--white-dark);background-color:var(--primary-color);border:none;}
.analytics-comment-box{position:relative;width:100%;height:243px;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);overflow-y:scroll;}
.analytics-comment-box .comment-profile-photo{display:inline-block;width:8%;vertical-align:top;}
.analytics-comment-box .comment-content{display:inline-block;width:90%;padding:var(--padding-normal);background-color:var(--grey-dark);}
.analytics-comment-box .comment-profile-photo>img{max-width:25px;border-radius:50%;background-color:var(--white-dark);}
.analytics-comment-box .comment-profile-name{color:var(--black-dark);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);}
.analytics-comment-box .comment-content-summary{font-size:var(--font-size-medium);line-height:var(--font-size-large);}
.analytics-comment-box .comment-footer{display:block;width:90%;margin-left:9%;}
.analytics-comment-box .comment-footer .comment-content-links h6{display:inline-block;font-size:var(--font-size-small);vertical-align:top;}
.analytics-comment-box .comment-footer .comment-content-links.blank{line-height:10px;margin:0;height:10px;}
.analytics-comment-box .comment-footer .comment-content-links h6 a{color:var(--primary-color);}
.analytics-comment-box .comment-footer .comment-content-links h6.blank{line-height:10px;margin:0;height:10px;}
.analytics-comment-box .question-comment{width:80%;height:30px;vertical-align:top;}
.analytics-comment-box .question-comment-submit{width:19%;height:30px;vertical-align:top;color:var(--white-dark);background-color:var(--primary-color);border:none;}
.analytics-comment-box .comment-box.inner{margin-left:40px;}
.analytics-comment-box .comment-box.inner .comment-profile-photo{max-width:25px;border-radius:50%;background-color:var(--white-dark);text-align:center;}
.analytics-comment-box .comment-box.inner .question-comment{width:79%;height:30px;vertical-align:top;}
.analytics-comment-box .comment-box.inner .question-inner-comment-submit{width:19%;height:30px;vertical-align:top;color:var(--white-dark);background-color:var(--primary-color);border:none;}
.page-analytics .main-content .analytics-box .comment-count-box{position:relative;width:100%;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);margin-right:var(--margin-large);}
.page-analytics .main-content .analytics-box .comment-count-box .count-box{width:49%;display:inline-block;}
.page-analytics .main-content .analytics-box .comment-count-box .count-box h4{display: inline-block;width:100%;text-align:center;margin:0;font-weight:var(--font-weight-medium);}
.page-analytics .main-content .analytics-box .comment-count-box .count-box h6{display: inline-block;width:100%;text-align:center;margin:0;}
.comment-count-box{position:relative;width:100%;display: inline-block;vertical-align: top;padding: var(--padding-large);border-radius: var(--border-radius-button);background-color: var(--white-dark);box-shadow: 5px 4px var(--shadow);margin-right:var(--margin-large);}
.comment-count-box .count-box{width:49%;display:inline-block;}
.comment-count-box .count-box h4{display: inline-block;width:100%;text-align:center;margin:0;font-weight:var(--font-weight-medium);}
.comment-count-box .count-box h6{display: inline-block;width:100%;text-align:center;margin:0;}
/* ====================================================================================================================
* SURVEY PAGE
* ====================================================================================================================*/
.page-survey .main-content{/*width:70%;*/}
.page-survey .main-content .survey-box{width:90%;margin:0 var(--margin-large);padding:var(--padding-medium) var(--padding-medium);border:1px solid var(--primary-color);border-radius:var(--border-radius-button);}
.page-survey .main-content .survey-box-carousel .question-type-box{display:block;}
.page-survey .main-content .survey-box-carousel .question-type-box .question-type-icon{display:inline-block;width:80px;height:80px;font-size:var(--font-size-question-type);vertical-align:middle;text-align:center;border-radius:50%;background-color:var(--primary-color);color:var(--white-dark);border:2px solid var(--white-dark);}
.page-survey .main-content .survey-box-carousel .question-type-box .question-type-text{
   color: #8a8585;
   text-align: left;
   box-shadow: 5px 10px 18px #3d929326;
   margin-top: 23px;
   background-color: white;
   border: 1px solid #8080800d;
   border-radius: 55px;
   padding: 10px 20px !important;
   width: 100%;
}
.page-survey .main-content .survey-box-carousel .question-type-box a .question-type-icon{display:inline-block;text-align:center;padding:15px;}
.page-survey .main-content .survey-box-carousel .question-type-box a .question-type-icon >img{width:100%;height:100%;display:inline-block;vertical-align:top;}
.page-survey .main-content .survey-box-carousel .question-type-box a.active .question-type-text{
   box-shadow: 5px 10px 18px #3d929326;
   margin-top: 23px;
   background-color: white;
   border: 1px solid #8080800d;
   border-radius: 55px;
   padding: 10px 20px !important;
   width: 100%;
}
.page-survey .main-content .survey-box-carousel{overflow:hidden;display:inline-block;width:65%;min-width:65%;margin:0 var(--margin-medium);padding:0  var(--padding-medium);border-radius: var(--border-radius-button);}
.page-survey .main-content .survey-box-carousel .row{}
.page-survey .main-content .survey-box-carousel .row .MultiCarousel {float: left; overflow: hidden; padding:0 15px; width: 100%; position:relative; }
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .MultiCarousel-inner .item { float: left;width: 10% !important;}
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .MultiCarousel-inner .item > div { text-align: center;}
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 46px); }
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .leftLst { left:0; }
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .rightLst { right:0; }
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none;  } 
.page-survey .main-content .survey-box-carousel .row .MultiCarousel .question-arrow{background:none !important;font-size:var(--font-size-question-type);color:var(--primary-color);border:none !important;box-shadow:none !important;}
.page-survey .main-content .content-box form label.file_label{color:var(--black-dark);}
.page-survey .main-content .content-box form input::placeholder{color:var(--black-dark);opacity:1;}
/*.page-survey .main-content .content-box form input[type="text"],input[type="file"]{border-radius:var(--border-radius-search-button);border:none;box-shadow: 5px 4px var(--shadow);}*/
.page-survey .main-content .content-box{display:inline-block;width:55%;min-height:408px;vertical-align:top;margin:0 0 28px var(--margin-medium); padding:var(--padding-large) 0;background:none;border:none;box-shadow:none;}
.page-survey .main-content .content-box form .fa-times{color:red;font-size:var(--font-size-large);}
/* ====================================================================================================================
* QUESTIONS AND ANSWERS
* ====================================================================================================================*/
.page-survey .main-content .content-box form input[type="text"]{border-radius:var(--border-radius-search-button);border:none;}
.page-survey .main-content .content-box form .form-question-part{display:block;width:100%;min-height:33px;margin-bottom:var(--margin-medium);}
.page-survey .main-content .content-box form input[type="text"]{
   font-weight:400 !important;
   display: inline-block;
   width: calc(100% - 110px);
   padding: 5px 10px;
   margin-bottom: var(--margin-medium);
   background-color: #e9e9ef;
   opacity: 1;
   color: #808080 !important; 
   border-radius:var(--border-radius-search-button);border:none; 
}
.page-survey .main-content .content-box form input[type="text"].survey-title{width:97%;}
.page-survey .main-content .content-box form label.file_label{position:relative;overflow:hidden;border:0px solid red;float:right;display:block;width:45px;height:40px;margin-left:10px !important;}
.page-survey .main-content .content-box form label.file_label input[type="file"]{position:absolute;width:40px;height:38px;opacity:0;cursor:pointer;}
.page-survey .main-content .content-box form label.file_label i{position:absolute;width:40px;height:38px;font-size:40px;color:var(--primary-color);}
.page-survey .main-content .content-box form label.file_label .fa-times{color:red;}
.page-survey .main-content .content-box form .form-answer-part{/*margin-bottom:var(--margin-medium);*/}
.page-survey .main-content .content-box form .form-answer-part-1{display:inline-block;width:calc(100% - 80px);margin-bottom: var(--margin-medium);}
.page-survey .main-content .content-box form .form-answer-part-2{vertical-align: middle;display:inline-block;width:75px;height:30px;}
.page-survey .main-content .content-box form .form-answer-part-2 a{display:inline-block;margin-width:33px;margin:0;padding:0;text-align:center;}
.page-survey .main-content .content-box form .form-answer-part-2 i{width:33px;height:38px;font-size:40px;color:var(--primary-color);}
.page-survey .main-content .content-box form .form-question-layout{text-align:center;}
.page-survey .main-content .content-box form .form-question-column-part{display:none;}
.page-survey .main-content .content-box form .form-question-row-part{display:none;}
.page-survey .main-content .content-box form h3{
   font-size: 18px;
   font-weight: 700;
   margin-bottom: var(--margin-small);
   color: var(--primary-color);
   padding: var(--padding-normal);
   /*margin-top: 11px;*/
   margin-bottom: 11px;
   text-transform: capitalize;
}
.page-survey .main-content .content-box form h3.question-setup{
   color: #a1a0a0 !important;
}
.page-survey .main-content .content-box form .form-question-column-part{margin-top:var(--margin-medium);}
.form-question-column-part-inner{margin-bottom:var(--margin-small);}
.form-question-column-part-inner .form-question-column-part-1{display:inline-block;width:calc(100% - 80px);height:33px;margin-bottom: var(--margin-medium);}
.form-question-column-part-inner .form-question-column-part-2{display:inline-block;width:75px;height:30px;}
.form-question-column-part-inner .form-question-column-part-2 a{display:inline-block;width:33px;margin:0;padding:0;text-align:center;}
.form-question-column-part-inner .form-question-column-part-2 i{width:33px;height:38px;font-size:var(--font-size-large);color:var(--primary-color);}
.form-question-row-part-inner{margin-bottom:var(--margin-medium);}
.form-question-row-part-inner .form-question-row-part-1{display:inline-block;width:calc(100% - 80px);height:30px;}
.form-question-row-part-inner .form-question-row-part-2{display:inline-block;width:75px;height:30px;}
.form-question-row-part-inner .form-question-row-part-2 a{display:inline-block;width:33px;margin:0;padding:0;text-align:center;}
.form-question-row-part-inner .form-question-row-part-2 i{width:33px;height:38px;font-size:var(--font-size-large);color:var(--primary-color);}
.form-question-column-part-inner img{display:inline-block;width:25px;height:25px;}
.form-question-column-part-3{margin-bottom:var(--margin-medium);}
.form-question-column-part-3 label.file_label{float:left !important;display:inline-block;width:120px !important;height:38px;}
.form-question-column-part-3 a{display:inline-block;vertical-align:top;width:auto;text-align:center;font-size:var(--font-size-large);font-weight:var(--font-weight-medium);color:var(--white-dark);height: 33px;line-height:28px;background-color:var(--primary-color);padding:2px 1px;border-radius:5px;}
.form-question-column-part-3 a.active{color:var(--black-dark) !important;}
.form-question-column-part-3 a label{width:auto;white-space: nowrap;margin:0;font-size: var(--font-size-small);vertical-align: top;cursor:pointer;}
.page-survey .main-content .content-box form label.error{width:100%;margin:0;line-height:0px;font-size:var(--font-size-small);color:red;}
/* validation correction css*/
.content-box form input[type="text"]{margin:0 !important;}
.content-box form label.file_label{margin:0 !important;}
/* ====================================================================================================================
* SIDEBAR
* ====================================================================================================================*/
form.question_form{display:none;}
.page-survey.mini form.question_form.SU{display:block ;}    /*SU*/
.page-survey.mini form.question_form.SU>.form-question-column-part{display:block !important;}   /*SU*/
.page-survey.mini form.question_form.SU>.form-question-column-part>div{display:block;}    /*SU*/
.page-survey form.question_form.SC{display:block ;}     /*SC*/
.page-survey .content-side-bar .content-side-bar-title{margin-bottom:var(--margin-large);}
.page-survey .content-side-bar .content-side-bar-title button{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);border-radius: var(--border-radius-search-button);padding:8px var(--padding-large);width: 200px;color:var(--white-dark);background-color:var(--primary-color);border:none;}
.page-survey .content-side-bar .content-side-bar-title.final-buttons button{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);border-radius: var(--border-radius-search-button);padding:var(--padding-normal) var(--padding-medium);width: 80px;color:var(--white-dark);background-color:var(--fourth-color);}
.page-survey .content-side-bar .content-side-bar-title.final-buttons button:first-child{
   font-size: var(--font-size-medium);
   font-weight: var(--font-weight-medium);
   border-radius: var(--border-radius-search-button);
   padding: var(--padding-normal) var(--padding-medium);
   width: 80px;
   color: var(--white);
   background-color: var(--primary-color);
}
.page-survey .content-side-bar .content-side-bar-title.final-buttons button:last-child{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);border-radius: var(--border-radius-search-button);padding:var(--padding-normal) var(--padding-medium);width: 80px;color:var(--white-dark);background-color:var(--primary-color);}
.page-survey .content-side-bar .content-side-box-preview{
   padding: var(--padding-medium);
   border-radius: 30px;
   background-color: var(--white-dark);
   box-shadow: 0px 0px 14px 7px #ddd;
   /*box-shadow: 5px 10px 18px #3d929326;*/
   min-height: 408px;
   border: 1px solid #e9e9ef;
}
.page-survey .content-side-bar .content-side-box-preview h3 {
   display: inline-block;
   font-size: 1.53125rem;
   font-weight: var(--font-weight-medium);
   margin: 0;
   text-align: left;
   height: 50px;
   color: #a1a0a0;
}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content h4 {display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:100%;}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content h6 {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:100%;}
/*.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qtext {
   */
 display: inline-block;
 font-size: var(--font-size-large);
 font-weight: var(--font-weight-light);
 margin: 0;
 text-align: left;
 width: 100%;
 color: #a1a0a0;
}
/*.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qimage {display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qimage img{border:var(--border);}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qvideo {display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qvideo video{border:var(--border);}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qchoicetext {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:100%;}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qchoiceimage {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qchoiceimage img{border:var(--border);}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qchoicevideo {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
.page-survey .content-side-bar .content-side-box-preview .content-side-box-content qchoicevideo video{border:var(--border);}
*/
/* ====================================================================================================================
* GOOGLE TRANSLATOR
* ====================================================================================================================*/
/*position: fixed;top: 10px;right: 260px !important;z-index:2;*/
/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */
div#google_translate_element div.goog-te-gadget-simple {
   border: none;
   background-color: transparent;
   /*background-color: #17548d;*/ /*#e3e3ff*/
}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
   text-decoration: none;
}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
   /*color: #aaa;*/
   color:var(--primary-color);
/*background:url("../images/google_translator.png") 0 0 / 100% 100%;
width: 40px;
height: 33px;*/
display: inline-block;  
content:"";
}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span>*{display:none;opacity:0;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
   /*color: white;*/
   color:var(--primary-color);
}
.goog-te-gadget-icon {
   display: none !important;
   /*background: url("url for the icon") 0 0 no-repeat !important;*/
}
/* Remove the down arrow */
/* when dropdown open */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {
   display: none;
}
/* after clicked/touched */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
   display: none;
}
/* on page load (not yet touched or clicked) */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
   display: none;
}
/* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
   display: none;
}
/* Remove span with left border line | (next to the arrow) in Edge & IE11 */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
   display: none;
}
/* HIDE the google translate toolbar */
.goog-te-banner-frame.skiptranslate {
   display: none !important;
}
/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */
/*.goog-te-gadget{color: var(--primary-color) !important;}
.goog-te-gadget {/*font-family: Roboto, 'Open Sans', sans-serif!important;}
.goog-te-gadget-simple  {background-color: var(--primary-color) !important;border: none !important;border-radius:var(--border-radius-search-button);font-size: var(--font-size-medium) !important;font-weight: var(--font-weight-medium) !important;display: inline-block;cursor: pointer;zoom: 1;padding:var(--padding-normal) var(--padding-medium) !important;}
.goog-te-menu2 {max-width: 100%;}
.goog-te-menu-value {color: var(--white-dark) !important;}
.goog-te-menu-value span:nth-child(5) {display:none;}
.goog-te-menu-value span:nth-child(3) {border:none!important;}
.goog-te-gadget-icon {background-image: url(https://placehold.it/32)!important;}
.goog-te-menu-item2 div, .goog-te-menu-item:link div, .goog-te-menu-item:visited div, .goog-te-menu-item:active div{color:var(--primary-color);}*/
/* ====================================================================================================================
* MATRIX LAYOUT
* ====================================================================================================================*/
#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: var(--primary-color); color: white;}
#selectable .ui-selected { background: var(--primary-color); color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 322px; border:1px solid var(--primary-color);display:inline-block;}
#selectable li { /*margin: 3px;*/ padding: 1px; float: left; width: 80px; height: 80px; font-size: 10px; text-align: center; }
.ui-draggable, .ui-droppable {background-position: top;}
/* ====================================================================================================================
* LOGIN PAGE
* ====================================================================================================================*/
.page-login{padding-top:50px;}
.page-login.home-shade{background-color:#f8f7fd;/*background-color:red;*/height:100vh;}
.page-login .home-screen{position:absolute;left:150px;}
.page-login .tab-login{display:inline-block;width:100%;height:80px;/*background-image: linear-gradient(var(--primary-color), var(--secondary-color));*/}
.page-login .tab-login h1{color:var(--white-dark);font-size:var(--font-size-extra-large);font-weight:var(--font-weight-heavy);margin-top:var(--margin-large);}
.page-login .tab-login form.login-form{display: inline-block;margin-left: 15px;width:370px;}
.page-login .tab-login form.login-form label{width:160px;color:var(--black-dark);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:var(--margin-medium) 0 var(--margin-small) 0;padding-left:2px;}
.page-login .tab-login form.login-form input[type="text"]{width:150px;margin-right:var(--margin-medium);font-size:var(--font-size-medium);height:25px;box-shadow: 3px 2px var(--shadow);border:1px solid var(--shadow);border-radius:5px;}
.page-login .tab-login form.login-form input[type="password"]{width:150px;margin-right:var(--margin-medium);font-size:var(--font-size-medium);height:25px;box-shadow: 3px 2px var(--shadow);border:1px solid var(--shadow);border-radius:5px;}
.page-login .tab-login form.login-form input[type="submit"]{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);height:25px;color:var(--white-dark);background-color:red;border:none;border-radius:5px;}
.page-login .tab-login form.login-form .row:last-child label{margin:0;}
.page-login .tab-login form.login-form label a{color:var(--fourth-color);font-size:var(--font-size-small);font-weight:var(--font-weight-light);}
.page-login .tab-login .home-logo{margin-left:40px;margin-top:20px;}
/*.page-login .tab-login form.login-form label.error{width:100%;color:red;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:0;}*/
.page-login .tab-registration{display:inline-block;width:100%;height:calc(100% - 80px);/*background-image: linear-gradient(var(--white-dark), var(--fourth-color));*/padding:0;}
.page-login .tab-registration h4{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);}
.page-login>div>div{width:80%;margin:auto;}
.page-login .tab-registration form.registration-form{margin:0;width:300px;}
.page-login .tab-registration form.registration-form .row{position:relative;margin:0 var(--margin-medium) var(--margin-medium) 0;}
.page-login .tab-registration form.registration-form input[type="text"]{width:100%;font-size:var(--font-size-medium);height:25px;padding:var(--padding-medium);box-shadow: 3px 2px var(--shadow);border:1px solid var(--shadow);border-radius:5px;}
.page-login .tab-registration form.registration-form input[type="password"]{width:100%;font-size:var(--font-size-medium);height:25px;padding:var(--padding-medium);box-shadow: 3px 2px var(--shadow);border:1px solid var(--shadow);border-radius:5px;}
.page-login .tab-registration form.registration-form input[type="submit"]{width:100px;font-size:var(--font-size-large);font-weight:var(--font-weight-heavy);height:30px;color:var(--white-dark);background-color:var(--primary-color);border:none;border-radius:5px;}
.page-login .tab-registration h1{font-size:var(--font-size-extra-large);font-weight:var(--font-weight-heavy);color:var(--primary-color);}
.page-login .tab-registration h5{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);}
.page-login .tab-registration h6{font-size:var(--font-size-small);font-weight:var(--font-weight-light);}
.page-login .tab-registration form.registration-form label.error{width:100%;color:red;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:0;}
/* ====================================================================================================================
* ALERT
* ====================================================================================================================*/
.alert{position:fixed; top: 40px; left: 0px; width: 500px;z-index:9999; border-radius:0px;margin-left:30%;opacity:0;}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;top: 0px; }}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;top: 0px; }}
.alert.fadeOut {animation-name: fadeOut;animation-duration: 10s;animation-iteration-count: 1;-webkit-animation-name: fadeOut;-webkit-animation-duration: 10s;}
/* ====================================================================================================================
* UPLOAD POPUP
* ====================================================================================================================*/
#upload-popup{position:fixed; top: 40%; left: 0px; width: 300px;z-index:9999; border-radius:0px;margin-left:40%;/*opacity:0;*/background-color:var(--primary-color);border:var(--border-white);color:var(--white-dark);padding:var(--padding-medium);display:none;}
#upload-popup>progress{width:100%;height:30px;}
#upload-popup>h3{font-size:var(--font-size-medium);}
#upload-popup>p{font-size:var(--font-size-small);margin:0;}
/* ====================================================================================================================
* MODAL POPUP
* ====================================================================================================================*/
#previewModal h1.modal-title{display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);margin: 0;text-align: left;}
#previewModal .modal-body [class^="qtext"] {display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:100%;}
#previewModal .modal-body [class^="qimage"] {display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
#previewModal .modal-body [class^="qimage"] img{border:var(--border);}
#previewModal .modal-body [class^="qvideo"] {display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
#previewModal .modal-body [class^="qvideo"] video{border:var(--border);}
#previewModal .modal-body [class^="qchoicetext"] {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:100%;}
#previewModal .modal-body [class^="qchoiceimage"] {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
#previewModal .modal-body [class^="qchoiceimage"] img{border:var(--border);}
#previewModal .modal-body [class^="qchoicevideo"] {display: inline-block;font-size: var(--font-size-small);font-weight: var(--font-weight-light);margin: 0;text-align: left;width:49%;vertical-align:top;}
#previewModal .modal-body [class^="qchoicevideo"] video{border:var(--border);}
/* ====================================================================================================================
*  PROFILE
* ====================================================================================================================*/
.page-profile .main-content{padding-top:0;width:80%;}
.page-profile .main-content .content-box{width:100%;height:auto;margin-left: 14%}
.page-profile .main-content .content-box h1{font-size: var(--font-size-extra-large);}
.page-profile .main-content .content-box h1>a{float:right;color:var(--primary-color);font-size:var(--font-size-medium);}
.page-profile .main-content .content-box td{font-size: var(--font-size-large);}
.page-profile .main-content .content-box td:first-child{text-transform: uppercase;}
#ProfileModal form input[readonly]{background-color:var(--grey-dark);}
#ProfileModal form input[type="text"]{width:100%;}
#ProfileModal form select{width:100%;}
#ProfileModal .bootstrap-select{width:100%;}
.profile_username_status{position: absolute;top: 22px;right: 22px;font-size: var(--font-size-large);}
.profile_email_status{position: absolute;top: 3px;right: 8px;font-size: var(--font-size-large);}
.profile_contact_status{position: absolute;top: 3px;right: 8px;font-size: var(--font-size-large);}
.fa-times{color:red;}
.fa-check{color:green;}
#ProfileModal form label.error{width:100%;color:red;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:0;display:table-cell;}
.profile-image-edit{position:absolute;background-color:rgba(0,0,0,0.5);color:var(--white-dark);bottom:0;width:100%;height:50px;left:0;padding-top:20px;padding-bottom:20px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);display:none;}
.profile-image-edit:hover{color:var(--white-dark);}
.profile-image-edit input[type="file"]{cursor:pointer;border-radius:0;box-shadow:none;width:100%;height:100%;opacity:0;}
.profile-image-edit>span{position:absolute;width:100%;bottom:0;left:0;height:50px;cursor:pointer;}
/* ====================================================================================================================
*  SELECT PICKER
* ====================================================================================================================*/
.bootstrap-select{border:1px solid #7a7a7a;width:100%;}
.bootstrap-select button{padding:2px;}
/* ====================================================================================================================
*  SEARCH
* ====================================================================================================================*/
.page-search .main-content{padding-top:0;width:94%;font-size:0px;}
.page-search .main-content .content-box{display:inline-block;width:300px;height:180px;margin: var(--margin-large) var(--margin-large) 0 var(--margin-large);}
.page-search .main-content .content-box .profile-head{text-align:center;}
.page-search .main-content .content-box .profile-head>img{width:70px;height:70px;}
.page-search .main-content .content-box .profile-body{text-align:center;}
.page-search .main-content .content-box .profile-body h2{text-align:center;font-size: var(--font-size-large);font-weight: var(--font-weight-heavy);color:var(--black-medium);}
.page-search .main-content .content-box .profile-body h3{text-align:center;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);color:var(--black-medium);}
.page-search .main-content .content-box .profile-body h6{margin-top:var(--margin-normal);}
.page-search .main-content .content-box .profile-body h6 span{display:none;}
.page-search .main-content .content-box .profile-body h6 span.active{display:inline-block;}
.page-search .main-content .content-box .profile-body a.following{display: inline-block;width:150px;padding:3px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--white-dark);color:var(--primary-color);border-radius:var(--border-radius-search-button);border:2px solid var(--primary-color);}
.page-search .main-content .content-box .profile-body a.following strong:first-child{display:block;}
.page-search .main-content .content-box .profile-body a.following strong:last-child{display:none;}
.page-search .main-content .content-box .profile-body a.following:hover{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--primary-color);color:var(--white-dark);}
.page-search .main-content .content-box .profile-body a.following:hover strong:first-child{display:none;}
.page-search .main-content .content-box .profile-body a.following:hover strong:last-child{display:block;}
.page-search .main-content .content-box .profile-body a.follow{display: inline-block;width:150px;padding:3px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--white-dark);color:var(--primary-color);border-radius:var(--border-radius-search-button);border:2px solid var(--primary-color);}
.page-search .main-content .content-box .profile-body a.follow:hover{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--primary-color);color:var(--white-dark);}
.page-search .content-top-box{margin-bottom:0;}
.content-top-box{display:inline-block;width:95%;height:45px;margin: var(--margin-small) 0 var(--margin-large) var(--margin-large);vertical-align:top;border-radius:var(--border-radius-button);background-color:var(--white-dark);box-shadow: 5px 4px var(--shadow);}
.content-top-box ul{display:inline-block;margin:0;padding:0;}
.content-top-box ul li{list-style: none;display:inline-block;}
.content-top-box ul li a{border:0px solid red;display:inline-block;padding:var(--padding-medium) var(--padding-large);text-align: center;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);color: var(--black-medium);}
.content-top-box ul li a:hover{color:var(--primary-color);}
.follower_search{display:inline-block;float:right;border:2px solid var(--primary-color);border-radius: var(--border-radius-search-button);padding:var(--padding-normal) var(--padding-medium);margin:3px var(--margin-small);}
.content-top-box form:after {font-family: "Font Awesome 5 Free";content: '\f35a';color:var(--primary-color);}
.content-top-box ul li.active a{color:var(--primary-color);font-weight:var(--font-weight-heavy);}
.follower_search input[type="text"]{border:none;/*width:200px;*/width:150px;font-size: var(--font-size-medium);}
.follower_search input[type="text"]::placeholder{color:var(--primary-color);opacity: 1;}
.follower_search button{height:24px;border:none;background:none;color:var(--primary-color);padding:0;}
.follower-search-photo{display:inline-block;}
.follower-search-photo>img{width:30px;height:30px;}
.follower-search-name{display:inline-block;}
.follower-search-username{display:inline-block;}
.ui-autocomplete{width:265px;}
.ui-menu-item{width:100% !important;}
.ui-menu-item-wrapper{display:inline-block;width:100%;color:#000 !important;padding:0 !important;margin:0 !important;}
.ui-menu-item-wrapper:hover{width:100%;color:#000 !important;padding:0 !important;margin:0 !important;background-color:var(--extra-grey-dark);}
.ui-menu-item-wrapper.ui-state-active{border:0px solid var(--primary-color);}
.follower-search-list{display:inline-block;width:100%;}
.follower-search-photo{display:inline-block;width:40px;height:30px;text-align:center;}
.follower-search-photo>img{display:inline-block;width:25px;height:25px;}
.follower-search-name{display:inline-block;width:calc(98% - 40px);height:40px;padding: var(--padding-normal);}
.follower-search-main-name{display:inline-block;color:var(--primary-color) !important;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);}
.follower-search-username{display:inline-block;font-size:var(--font-size-small);}
.follower-search-list .follower-search-trending{display:inline-block;width:100%;height:40px;padding:var(--padding-normal);}
.follower-search-list .follower-search-trending h4{font-size:var(--font-size-medium);margin:0;font-weight:var(--font-weight-medium);}
.follower-search-list .follower-search-trending h6{font-size:var(--font-size-small);}
.follower-search-list .follower-search-trending h4 a{color:var(--primary-color) !important;}
/* ====================================================================================================================
*  MULTI QUESTION PAGE
* ====================================================================================================================*/
.multiple-content-box{position:relative;background-color: var(--grey-dark);box-shadow: 5px 4px var(--shadow);border-radius: var(--border-radius-button);height:540px;overflow:hidden;width: 95%;margin: var(--margin-large) var(--margin-large) 28px var(--margin-large);}
.multiple-content-box .content-head{display:inline-block;padding:var(--padding-medium) var(--padding-large) 0  var(--padding-large);}
.multiple-content-box h5{color:var(--primary-color);text-align:center;font-weight:var(--font-weight-medium);margin:0;}
.multiple-content-box .content-footer{text-align:right;}
.multiple-content-box .content-footer a{padding:var(--padding-medium) 0 var(--padding-medium) var(--padding-medium);font-size:var(--font-size-large);color:var(--primary-color);}
.multiple-content-box .content-footer a.content-footer-links[data-box="0"]{display:none;}
.multiple-content-box .post-content {width: 92%;}
/*.MultiCarousel {float: left; overflow: hidden; padding:0  15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 46px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none;  }  
.MultiCarousel .question-arrow{background:none !important;font-size:var(--font-size-question-type);color:var(--primary-color);border:none !important;box-shadow:none !important;}*/
#multiple-page .modal-dialog{max-width:725px;}
.carousel-control-prev-icon,.carousel-control-next-icon{/*color:var(--primary-color);*/background-color:var(--primary-color);}
.carousel-control-next, .carousel-control-prev {top: 50%;width:30px;height: 30px;}
.carousel-control-next{right:5px;}
.post-options{position:absolute;right:20px;top:20px;}
.post-options a{color:var(--primary-color);}
/* ====================================================================================================================
* SPONSORED MODAL POPUP
* ====================================================================================================================*/
#sponsorModal h1.modal-title{display: inline-block;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);margin: 0;text-align: left;}
/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;} 
#sponsorModal input[type="text"]{margin-top:var(--margin-medium);width:80px !important;height:30px;display: inline-block;vertical-align: middle;}
#sponsorModal h3{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);}
.dropleft .dropdown-toggle::after {display:none;}
.dropleft .dropdown-toggle::before {display:none;}
/* ====================================================================================================================
* HASHTAG PAGE
* ====================================================================================================================*/
.page-hashtag .main-content .content-top-box{margin-bottom: 14px!important;display:inline-block;width:710px;height:45px;margin: var(--margin-small) 0 0 var(--margin-large);vertical-align:top;border-radius:var(--border-radius-button);background-color:var(--white-dark);box-shadow: 5px 4px var(--shadow);}
.page-hashtag .main-content .content-top-box ul{display:inline-block;margin:0;padding:0;}
.page-hashtag .main-content .content-top-box ul li{list-style: none;display:inline-block;}
.page-hashtag .main-content .content-top-box ul li a{border:0px solid red;display:inline-block;padding:var(--padding-medium) var(--padding-large);text-align: center;font-size: var(--font-size-large);font-weight: var(--font-weight-medium);color: var(--primary-color);}
.page-hashtag .main-content .content-top-box ul li a:hover{color:var(--primary-color);}
/* ====================================================================================================================
*  FOLLOWING
* ====================================================================================================================*/
.page-following .main-content{padding-top:0;width:98%;font-size:0px;}
.page-following .main-content .content-box{display:inline-block;width:300px;height:260px;margin: var(--margin-large) var(--margin-large) 0 var(--margin-large);}
.page-following .main-content .content-box .profile-head{text-align:center;}
.page-following .main-content .content-box .profile-head>img{width:70px;height:70px;}
.page-following .main-content .content-box .profile-body{text-align:center;}
.page-following .main-content .content-box .profile-body h2{text-align:center;font-size: var(--font-size-large);font-weight: var(--font-weight-heavy);color:var(--black-medium);}
.page-following .main-content .content-box .profile-body h3{text-align:center;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);color:var(--black-medium);}
.page-following .main-content .content-box .profile-body h6{margin-top:var(--margin-normal);}
.page-following .main-content .content-box .profile-body h6 span{display:none;}
.page-following .main-content .content-box .profile-body h6 span.active{display:inline-block;}
.page-following .main-content .content-box .profile-body a.following{display: inline-block;width:150px;padding:10px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--white-dark);color:var(--primary-color);border-radius:var(--border-radius-search-button);border:2px solid var(--primary-color);}
.page-following .main-content .content-box .profile-body a.following strong:first-child{display:block;}
.page-following .main-content .content-box .profile-body a.following strong:last-child{display:none;}
.page-following .main-content .content-box .profile-body a.following:hover{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--primary-color);color:var(--white-dark);}
.page-following .main-content .content-box .profile-body a.following:hover strong:first-child{display:none;}
.page-following .main-content .content-box .profile-body a.following:hover strong:last-child{display:block;}
.page-following .main-content .content-box .profile-body a.follow{display: inline-block;width:150px;padding:10px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--white-dark);color:var(--primary-color);border-radius:var(--border-radius-search-button);border:2px solid var(--primary-color);}
.page-following .main-content .content-box .profile-body a.follow:hover{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--primary-color);color:var(--white-dark);}
/*.page-following .main-content .content-top-box{display:inline-block;width:980px;height:45px;margin: var(--margin-small) 0 0 var(--margin-large);vertical-align:top;border-radius:var(--border-radius-button);background-color:var(--white-dark);box-shadow: 5px 4px var(--shadow);}
.page-following .main-content .content-top-box ul{display:inline-block;margin:0;padding:0;width:630px;}
.page-following .main-content .content-top-box ul li{list-style: none;display:inline-block;}
.page-following .main-content .content-top-box ul li a{border:0px solid red;display:inline-block;padding:var(--padding-medium) var(--padding-large);text-align: center;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);color: var(--black-medium);}
.page-following .main-content .content-top-box ul li a:hover{color:var(--primary-color);}*/
/* ====================================================================================================================
*  FOLLOWERS
* ====================================================================================================================*/
.page-followers .main-content{padding-top:0;width:98%;font-size:0px;}
.page-followers .main-content .content-box{display:inline-block;width:300px;height:260px;margin: var(--margin-large) var(--margin-large) 0 var(--margin-large);}
.page-followers .main-content .content-box .profile-head{text-align:center;}
.page-followers .main-content .content-box .profile-head>img{width:70px;height:70px;}
.page-followers .main-content .content-box .profile-body{text-align:center;}
.page-followers .main-content .content-box .profile-body h2{text-align:center;font-size: var(--font-size-large);font-weight: var(--font-weight-heavy);color:var(--black-medium);}
.page-followers .main-content .content-box .profile-body h3{text-align:center;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);color:var(--black-medium);}
.page-followers .main-content .content-box .profile-body h6{margin-top:var(--margin-normal);}
.page-followers .main-content .content-box .profile-body h6 span{display:none;}
.page-followers .main-content .content-box .profile-body h6 span.active{display:inline-block;}
.page-followers .main-content .content-box .profile-body a.following{display: inline-block;width:150px;padding:10px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--white-dark);color:var(--primary-color);border-radius:var(--border-radius-search-button);border:2px solid var(--primary-color);}
.page-followers .main-content .content-box .profile-body a.following strong:first-child{display:block;}
.page-followers .main-content .content-box .profile-body a.following strong:last-child{display:none;}
.page-followers .main-content .content-box .profile-body a.following:hover{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--primary-color);color:var(--white-dark);}
.page-followers .main-content .content-box .profile-body a.following:hover strong:first-child{display:none;}
.page-followers .main-content .content-box .profile-body a.following:hover strong:last-child{display:block;}
.page-followers .main-content .content-box .profile-body a.follow{display: inline-block;width:150px;padding:10px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--white-dark);color:var(--primary-color);border-radius:var(--border-radius-search-button);border:2px solid var(--primary-color);}
.page-followers .main-content .content-box .profile-body a.follow:hover{font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);background-color:var(--primary-color);color:var(--white-dark);}
/*.page-followers .main-content .content-top-box{display:inline-block;width:980px;height:45px;margin: var(--margin-small) 0 0 var(--margin-large);vertical-align:top;border-radius:var(--border-radius-button);background-color:var(--white-dark);box-shadow: 5px 4px var(--shadow);}
.page-followers .main-content .content-top-box ul{display:inline-block;margin:0;padding:0;width:630px;}
.page-followers .main-content .content-top-box ul li{list-style: none;display:inline-block;}
.page-followers .main-content .content-top-box ul li a{border:0px solid red;display:inline-block;padding:var(--padding-medium) var(--padding-large);text-align: center;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);color: var(--black-medium);}
.page-followers .main-content .content-top-box ul li a:hover{color:var(--primary-color);}*/
/* ====================================================================================================================
*  GOTOTOP BUTTON
* ====================================================================================================================*/
.goToTop{
   display: none; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
   bottom: 20px; /* Place the button at the bottom of the page */
   right: 30px; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   outline: none; /* Remove outline */
   background-color: var(--primary-color); /* Set a background color */
   color: var(--white-dark); /* Text color */
   cursor: pointer; /* Add a mouse pointer on hover */
   padding: var(--padding-normal); /* Some padding */
   border-radius: 50%; /* Rounded corners */
   font-size: 18px; /* Increase font size */
   border:2px solid var(--primary-color);
}
.goToTop:hover {
   border:2px solid var(--primary-color);
   /*background-color: #555;  Add a dark-grey background on hover */
   color: var(--primary-color); /* Text color */
   background-color: var(--white-dark); /* Set a background color */
}
.responsive-bottom-buttons{display:none;}
/* ====================================================================================================================
*  QUESTIONS VIEWS UPDATED
* ====================================================================================================================*/
.poll-question-text{padding-bottom:var(--padding-medium) !important;margin:0 !important;color:var(--grey-new);font-size:15px;font-weight:700;}
.poll-question-image{padding-bottom:var(--padding-medium) !important;margin:0 !important;}
/*.poll-question-image>img{width:100% !important;height:auto !important;}*/
/*.poll-question-video{display:inline-block;width:100%;overflow:hidden;padding-bottom:var(--padding-medium) !important;margin:0 !important;}
.poll-question-video video{width:100%;}*/
.poll-choice{display:inline-block;vertical-align:middle;}
.poll-choice.col-lg-6:nth-child(odd){padding-right:5px !important;}
.poll-choice.col-lg-6:nth-child(even){padding-left:5px !important;}
.poll-choice-text{}
.poll-choice-image{width:100%;max-height:350px;min-height:200px;height:auto;vertical-align:middle;display:inline-block;overflow:hidden;}
/*.poll-choice-image>img{width:100%;height:auto;max-height:350px;margin:auto 0;display:inline-block;vertical-align:middle;}*/
.poll-choice-video{}
/* ====================================================================================================================
*  NEW SETTING FOR POSTS
* ====================================================================================================================*/
.content-box {padding: var(--padding-large);}
.content-box p{margin-bottom:var(--margin-small);}
.post-content-header{display:inline-block;width:100%;}
.post-content-header>a{display: inline-block;width:30px;height:30px;vertical-align: top;}
.post-content-header .post-profile-photo {display:inline-block;width:100%;}
.post-content-header .post-profile-name {display: inline-block;width:calc(100% - 35px);vertical-align: top;}
.post-options {position: absolute;right: 20px;top: 10px;}
.post-content {display: inline-block;width: 100%;}
.post-footer {padding:0;}
.multiple-content-box .post-content {width: 100%;}
.multiple-content-box {min-height:400px;height:auto;}
.star-rating{width:100%;text-align:center;}
.poll-choice.col-lg-6 .poll-choice-box{border:1px solid var(--primary-color);margin-bottom:var(--margin-medium);padding:2px;cursor:pointer;}
.content-box.mini {height:auto;min-height:200px;}
.poll-choice:last-child .poll-choice-box{margin:0;}
.main-content {margin-top:var(--margin-large);margin-left:var(--margin-large)}
/*.content-box, .content-box.big, .multiple-content-box{display: inline-block;width: 95%;position: relative;overflow: hidden;margin: 0 var(--margin-large) var(--margin-large) var(--margin-large);height: auto;min-height: 200px;}*/
.content-box, .content-box.big, .multiple-content-box{display: inline-block;width: 40%;position: relative;overflow: hidden;margin: 0 var(--margin-large) var(--margin-large) var(--margin-large);height: auto;min-height: 200px;box-shadow: 0px 0px 19px 10px #e6e8e7;
   -webkit-box-shadow: 0px 0px 19px 10px #e6e8e7;-moz-box-shadow: 0px 0px 19px 10px #e6e8e7;}
   /*.poll-question-image{height:440px;}*/
   /*.poll-question-image.landscape{height:auto;}*/
   .poll-question-image>img{width:100%;height: 240px;background-size: contain;}
   .poll-question-video{height:auto;}
   .poll-question-video>video{width:100%;height: 100%;object-fit: cover;}
   .poll-choice.col-lg-6 .poll-choice-box .poll-choice-image{/*height:440px;*/height:220px;}
   .poll-choice.col-lg-6 .poll-choice-box .poll-choice-image>img{width:100%;height: 100%;object-fit: cover;}
   .poll-choice.col-lg-6 .poll-choice-box .poll-choice-video{/*height:440px;*/height:220px;}
   .poll-choice.col-lg-6 .poll-choice-box .poll-choice-video>video{width:100%;height: 100%;object-fit: cover;}
   /*.page-analytics .poll-question-image{height:220px;}*/
   .page-comments .poll-question-image{height:auto;}
   .page-analytics .poll-choice.col-lg-6 .poll-choice-box .poll-choice-image{height:200px;}
   .page-analytics .poll-choice.col-lg-6 .poll-choice-box .poll-choice-video{height:200px;}
   .page-comments .poll-choice.col-lg-6 .poll-choice-box .poll-choice-image{height:200px;}
   .page-comments .poll-choice.col-lg-6 .poll-choice-box .poll-choice-video{height:200px;}
   .poll-question-image.matrix{height:100px;}
   table .poll-question-image{height:100px;}
   .page-analytics table .poll-question-image{height:100px;}
   .page-analytics .analytics-graph-box>span{max-width:480px;}
   .page-analytics .analytics-graph-box>span.MX{max-width:545px;margin:-10px;}
   .page-analytics .content-box, .page-analytics .content-box.big, .page-analytics .multiple-content-box{margin: 0 0 var(--margin-large) var(--margin-large);}
   .more-types{position:absolute;top: 0;right: 0;}
   .more-types .dropdown-item {border:1px solid #000;padding-left:var(--padding-normal);padding-right:var(--padding-normal);}
   .more-types .dropdown-item{width:80px;height:80px;margin-bottom:7px;text-align:center;}
   .more-types a.dropdown-item.>span{font-size:9.7px;font-weight:var(--font-weight-heavy);display:block;vertical-align:bottom;}
   .more-types a.dropdown-item.>img{display:inline-block;vertical-align:top;width:60px;height:60px;border:0px solid #000;}
/*.more-types .dropdown-item.items4{width:80px;height:80px;margin-bottom:7px;text-align:center;}
.more-types a.dropdown-item.items4>span{font-size:9.7px;font-weight:var(--font-weight-heavy);display:block;vertical-align:bottom;}
.more-types a.dropdown-item.items4>img{display:inline-block;vertical-align:top;width:60px;height:60px;border:0px solid #000;}*/
.more-types .dropdown-item.active{color:#fff !important;border:1px solid #fff !important;background-color:var(--extra-grey-dark);}
/* ====================================================================================================================
*  LOAD MORE FOR SELFFEED
* ====================================================================================================================*/
h1.loader{width:100% !important;text-align:center;background-color:#fff;font-size:0px;}
h1.loader>img{height:30px;}
/*mobile responsive by suraj */
@media screen and (min-width: 480px) {
}
/*header theme select*/
.headerclass{
   margin-right: 12px;
   margin-left: 12px;   
   margin-top:15px;
}
/*language color set*/
/*top heaer*/
.top_right_text li {
   float: left;
   text-decoration: none;
   margin-left: 0px;
   list-style-type: none;
   font-weight: bold;
} 
.centered {
   position: absolute;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: 26px;
   font-weight: bold;
}
.content-right .analyticsBox_h4 {
   width: 35%;
   margin-left: 22px;
}
.profile-status-logout {
   text-align: center;
   margin-top: 46px;
}
.post-content-vote .new-buttons{
   border-radius: 22px;
   background-color: #ffffff;
   box-shadow: 0px 0px 19px 10px #e6e8e7;
   -webkit-box-shadow: 0px 0px 19px 10px #e6e8e;
   -moz-box-shadow: 0px 0px 19px 10px #e6e8e7;
   color:#ffffff;
   padding:6px !important;
   width:84px;
}
.post-content-vote .new-buttons:hover{
   background-color: var(--primary-color);
   color:#ffffff;
}
#google_translate_element {display: inline-block;position: relative;}
.goog-te-menu-value span{color: var(--grey-color) !important;background-color: #ffffff;box-shadow: 0px 0px 19px 10px #e6e8e7;-webkit-box-shadow: 0px 0px 19px 10px #e6e8e;-moz-box-shadow: 0px 0px 19px 10px #e6e8e7;
   border-radius: 22px;
   background-color: #ffffff;
   box-shadow: 0px 0px 19px 10px #e6e8e7;
   -webkit-box-shadow: 0px 0px 19px 10px #e6e8e;
   -moz-box-shadow: 0px 0px 19px 10px #e6e8e7;
   color:var(--grey-color);
   padding:10px !important;}
   .content-side-bar-title-span {
    font-size: 11px;
    font-weight: normal;
    margin-left: 24%;
    color: #b3b4c0;
 }
 .logout-button {
    cursor: pointer;
 }
 fieldset.profile-fieldset{
  border: 1px groove #ddd !important;
  padding: 0 0 0 0!important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #ddd;
  box-shadow:  0px 0px 0px 0px #ddd;
  border-left: unset !important;
  border-right:  unset !important;
  border-bottom:  unset !important;
}
fieldset.profile-fieldset>legend{
 font-size: 20px;
 font-weight: bold !important;0
 text-align: left !important;
 width:auto;
 padding:0 22px;
 margin-left: -23px;
 border-bottom:none;
}
/*mini survey css*/
.page-survey .main-content .content-box form label.file_label i {
   width: 35px;
   height: 38px;
}
.page-survey .content-panel{background-color: #fefeffe !important;}
.page-survey .main-content .content-box {
   width: 80%;
   max-width: 600px;
}
.page-survey .main-content .content-box form input[type="text"].survey-title {
  width: 89%;
  margin-left: 4% !important;
}   
.form-question-column-part{
   -webkit-box-shadow: 0px 0px 19px 10px #e6e8e7;
   margin: 0 var(--margin-large) var(--margin-large) var(--margin-large);
   padding: 5px var(--padding-large);
   background-color: #ffffff;
   border-radius: 40px;
   width: 90%;
}
.plusoptions{
   background-color: var(--primary-color);
   border-radius: var(--border-radius-search-button);
   font-size: var(--font-size-medium);
   font-weight: var(--font-weight-medium);
   width: 100px;
   color: var(--white);
   border: unset;
}
.plusquestions{
   background-color: var(--primary-color);
   border-radius: var(--border-radius-search-button);
   font-size: var(--font-size-medium);
   font-weight: var(--font-weight-medium);
   width: 130px;
   color: var(--white);
   border: unset;   
   float: right;
   margin-right: 60px;
}
.question-option-panel.delete-question{
   color: var(--grey-color);
   font-size: var(--font-size-medium);
   font-weight: var(--font-weight-medium);
   float: right;   
   margin-right: 50px;
}
.form-question-column-part-3 {display: none !important;}
.form-question-column-part-2 {display: none !important;}
.page-survey.mini .content-side-bar .content-side-bar-title.final-buttons button:first-child {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-search-button);
  padding: var(--padding-normal) var(--padding-medium);
  width: 80px;
  color: var(--white);
  background-color: var(--primary-color);
}
.page-survey.mini .content-side-bar .content-side-bar-title.final-buttons button {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-search-button);
  padding: var(--padding-normal) var(--padding-medium);
  width: 80px;
  color: var(--white-dark);
  background-color: var(--fourth-color);
}
.page-survey.mini .content-side-bar .content-side-bar-title.final-buttons button:last-child {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-search-button);
  padding: var(--padding-normal) var(--padding-medium);
  width: 80px;
  color: var(--white-dark);
  background-color: var(--primary-color);
}
.question-preview-panel .final-buttons > button {
  background-color: #ffffff !important;
  box-shadow: 0px 0px 19px 10px #e6e8e7;
  -webkit-box-shadow: 0px 0px 19px 10px #e6e8e;
  -moz-box-shadow: 0px 0px 19px 10px #e6e8e7;
  color: #495057 !important;
}
.main-menu-panel ul{width: 94%;}
.main-menu-panel li.search-box-menu{width: 300px;}//for lost removing search box
/* ====================================================================================================================
*  Last time changes
* ====================================================================================================================*/
.page-survey .content-side-bar .content-side-box-preview {
   box-shadow: -3px -3px 31px 18px rgba(142,128,128,0.75);
   -webkit-box-shadow: -3px -3px 31px 18px rgba(142,128,128,0.75);
   -moz-box-shadow: -3px -3px 31px 18px rgba(142,128,128,0.75);
}
.page-survey .main-content .content-box {
   box-shadow: 0px 0px 14px 7px #ddd;
   padding: 10px;
   margin-top: 30px;
}
/*.question-preview-panel .content-side-box-preview qimage {
   height: auto !important;
   min-height: 100px !important;
}
.question-preview-panel .content-side-box-preview qvideo {
   height: auto !important;
   min-height: 100px !important;      
}*/
.question-preview-panel {
   width: 300px !important;
   margin-left: 30px;
}
.response-setting-panel{
   margin-top: 26px;
   margin-left: 30px;
   padding: 20px;
   width: 300px !important;
   position: relative;
   display: inline-block;
   vertical-align: top;
   box-shadow: -3px -3px 14px 7px #ddd;
   background-color: var(--white-dark);
   border-radius: 40px;
   min-height: 408px;
   height: 408px;
   /*overflow: scroll;*/
} 
.response-setting-panel .accordion-wrapper{height: 256px;overflow-Y: scroll;scrollbar-color: #01A6A8 #F2F2F2;scrollbar-width: thin;border: 5px;}
.response-setting-panel .heading{color: var(---primary-color);
   font-size: 13px;
   font-weight: var(--font-weight-medium);}
   /*start response accordion*/
   [data-toggle="collapse"]:after {
      color: var(---primary-color) !important;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f0da";        /*//f054*/
      transform: rotate(90deg) ;
      transition: all linear 0.25s;
   }   
   [data-toggle="collapse"].collapsed:after {
      color: var(---primary-color) !important;
      transform: rotate(0deg) ;
   }
   .card{border: none;background-color: #ffffff;}
   .card-header{border: none;background-color: #ffffff;padding: 6px 10px;font-weight: 700;font-size: 13px;}
   .card-link{color: #a1a0a0;}
   .card-body{padding: 10px;}
   /*end response accordion*/
   .response_button {right: 333px !important;}
   .bootstrap-select .dropdown-menu{width: 200px;}
   .targetted .post-content-vote h6 {color: #ffffff !important;}
   .save-response-button{margin-top: 5px;font-size: var(--font-size-medium);font-weight: var(--font-weight-medium);border-radius: var(--border-radius-search-button);
      padding: var(--padding-normal) var(--padding-medium);0border: none;background-color: #ffffff !important;box-shadow: 0px 0px 19px 10px #e6e8e7;0}

      .default-response{border: none;
         background-color: #ffffff;
         padding: 6px 10px;
         font-weight: 700;
         font-size: 13px;0}

         .accordion-wrapper.disabled
         {
          pointer-events: none;

          /* for "disabled" effect */
          opacity: 0.5;
          background: #CCC;
       }



       .page-minisurvey .main-content .content-box {
         width: 80%;
         max-width: 600px !important;
         }.page-minisurvey .main-content .content-box form .form-answer-part-1 {
            margin-bottom: 0px;
         }
         .page-minisurvey .content-side-bar .content-side-box-preview{
            width: 300px;
         }
         .page-minisurvey .response-setting-panel{
            min-height: 488px;
            height: 488px;   
         }
         .page-minisurvey .response-setting-panel .content-side-bar-title {
           margin-bottom: var(--margin-large);
           position: absolute;margin-top: -70px;
           margin-left: -20px;
        }
        .page-minisurvey .response-setting-panel .content-side-bar-title button {
           font-size: var(--font-size-medium);
           font-weight: var(--font-weight-medium);
           border-radius: var(--border-radius-search-button);
           padding: 8px var(--padding-large);
           width: 200px;
           color: var(--white-dark);
           background-color: var(--primary-color);
           border: none;
        }
        .page-minisurvey .main-search{margin-left: 84px;}
        .page-minisurvey .response-setting-panel .accordion-wrapper{height: 352px;}

        .accordion-wrapper label{
         font-size: 13px;
         font-weight: var(--font-weight-medium);   
      }
      .page-minisurvey .content-side-bar{margin-top: 27px;}
      /*preview question on create poll and minisurvey*/
      .content-side-box-preview qtext{
         font-size: var(--font-size-medium);
         font-weight: var(--font-weight-medium);
         display:block;
         width:100% !important;
         margin-bottom:20px;
      }
      .question-preview-panel .content-side-box-preview qimage > img {
            width:80px !important;
            height:80px !important;
            display:block;
      }
      .question-preview-panel .content-side-box-preview qvideo{
            width:50px !important;
            height:50px !important;
            display:block;
      }
      .question-preview-panel .content-side-box-preview video{
            padding:20px;
            width:50px !important;
            height:50px !important;
            display:block;
      }
      .question-preview-panel .content-side-box-content .choices{
         margin-top:20px;
            display:inline-block;
            width:100%;         
            height:150px;
      }
      .question-preview-panel .content-side-box-content .choice-options-text{margin:10px 5px;}   

      .question-preview-panel .content-side-box-content .choices .choice-options qchoiceimage{
      }
   .choice-options{
      margin:auto;
      text-align:center;
   }
   .choice-options img {
      width:100%;
      height:100%;
         /*width: 100%;
         height: 100%;*/
         background-size: cover;            
      }
      
/*.page-minisurvey .form-question-column-part-4 {
   width: 402px;
   margin-top: 10px;
}     */ 
.question-preview-panel .content-side-box-content{
   width: 300px;
}
.question-preview-panel .content-side-box-preview .qpreview-wrapper{
   width: 280px;
    overflow-X: scroll;
    overflow-y: hidden;
    scrollbar-color: #01A6A8 #F2F2F2;
    scrollbar-width: thin;
    border: 5px;   
}
.question-preview-panel .content-side-box-preview .qpreview-wrapper .qpreview{
   width: 300px;
   /*overflow: hidden;*/
}