/* =============
   Accounts pages
============= */
.account-pages {
  background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0 / cover ;
  position: absolute;
  height: 100%;
  width: 100%;
}
.wrapper-page {
  margin: 5% auto;
  position: relative;
  width: 420px;
}
.wrapper-page .card-box {
  border: 1px solid rgba(54, 64, 74, 0.1);
}
.panel-pages {
  border-radius: 6px;
}
.panel-pages .panel-body {
  padding: 30px;
}
.panel-pages .panel-heading {
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 40px 20px;
  position: relative;
}
.panel-pages .panel-heading h3 {
  position: relative;
  z-index: 999;
}
.user-thumb {
  position: relative;
  z-index: 999;
}
.user-thumb img {
  height: 88px;
  margin: 0px auto;
  width: 88px;
}
.ex-page-content .text-error {
  color: #252932;
  font-size: 98px;
  font-weight: 700;
  line-height: 150px;
}
.ex-page-content .text-error i {
  font-size: 78px;
  padding: 0px 10px;
}
.table td{ line-height:28px!important;}
/* signup-signin-page */
.signup-signin-page {
  width: auto;
}


.rowfull{ position:absolute; height:100%; width:100%; margin:0;}
.verticalmiddle{ position:relative; color:#e4dde1;top:50%; margin:-200px 0 0 0;}
.verticalmiddle h1{ font-size:7vh; font-weight:200; line-height:90px; color:#f2f2f2; padding:0 20px;}
.verticalmiddle h1.red{ background:rgba(238,115,110,0.7); display:inline-block; margin:20px 0 0 0;}
.verticalmiddle h1.yellow{ background:rgba(237,165,47,0.7); display:inline-block;letter-spacing:6px;}
.verticalmiddle P{ color:#f4eae9; background:rgba(0,0,0,0.3); padding:2px;}
.vertical-form-middle{ position:relative; top:50%; margin-top:-198px;}
.formoverlay{ background:rgba(0,0,0,0.7)}
.vertical-form-middle .form-control{ background:transparent; border:none; border-bottom:1px solid #686868; border-radius:0; color:#f3f3f3;}
.vertical-form-middle .form-control:focus{border-bottom:1px solid #f3f3f3; }
.vertical-form-middle .form-control {
  padding: 0.675rem 0.75rem;
}
.rowfull .card-box{ background:none;}
.vertical-form-middle .btn{ padding:0.675rem 1rem;}
.vertical-form-middle .text-muted{ color:#f1f1f1;}
.vertical-form-middle  .checkbox label{ color:#f0cdcb;}
.vertical-form-middle  .checkbox label::before{ border:2px solid #f0cdcb}
.btn-login {
background: rgb(238,115,110); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(238,115,110,1) 0%, rgba(237,165,47,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(238,115,110,1) 0%,rgba(237,165,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(238,115,110,1) 0%,rgba(237,165,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee736e', endColorstr='#eda52f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    border-color: #dd6560;
    color: #fff;
}
.paddingleft-right{ padding:0 100px 0 100px;}
.btn-medcare:hover, .btn-medcare:focus, .btn-medcare:active {
    background-color: #7a034b;
    border-color: #68023f;
    color: #fff;
}
.paddingleft-right, .formoverlay{ height:100%;}
/* =============
   first page
============= */
.thin-white-60{ font-weight:100; color:#fff; font-size:60px; line-height:70px; padding-top:60px;}
.beginsurvey{ color:#fff; font-size:32px; font-weight:100}
.beginsurvey:hover, .beginsurvey:focus, .beginsurvey:active{ color:#fff;}
.first-survey h1{ color:#fff;font-size:7vh; font-weight:200; line-height:8vh; padding-bottom:20px;}
.error-survey h1{ color:#666;font-size:7vh; font-weight:200; line-height:8vh; padding-bottom:20px;}
.error-survey h1 span{ color:#ee736e;}
.first-survey{ padding-top:10vh;}
a.first-create{ font-size:2vh;}
.error-survey{ padding-top:50px;}
.errorimg img{position:fixed; right:0; bottom:0; width:auto; z-index:-1}

.survList figure{position:relative;z-index:1;display:inline-block;overflow:hidden;margin:-0.13%;width:100%;height:300px;text-align:center;cursor:pointer; margin-bottom:0.8em;}
figure.effect-sarah{background:#262260;background:-moz-linear-gradient(45deg, #262260 0%, #3a1a5c 50%, #3a1a5c 51%, #241f24 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#262260), color-stop(50%,#3a1a5c), color-stop(51%,#3a1a5c), color-stop(100%,#241f24));background:-webkit-linear-gradient(45deg, #262260 0%,#3a1a5c 50%,#3a1a5c 51%,#241f24 100%);background:-o-linear-gradient(45deg, #262260 0%,#3a1a5c 50%,#3a1a5c 51%,#241f24 100%);background:-ms-linear-gradient(45deg, #262260 0%,#3a1a5c 50%,#3a1a5c 51%,#241f24 100%);background:linear-gradient(45deg, #262260 0%,#3a1a5c 50%,#3a1a5c 51%,#241f24 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#262260', endColorstr='#241f24',GradientType=1 );cursor:default;margin-top:-3px}
/*figure.effect-sarah{
background: #ee736e;
background: -moz-linear-gradient(top,  #ee736e 0%, #4b052f 100%);
background: -webkit-linear-gradient(top,  #ee736e 0%,#4b052f 100%); 
background: linear-gradient(to bottom,  #ee736e 0%,#4b052f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee736e', endColorstr='#4b052f',GradientType=0 ); 
}*/
.survList figure img{position:relative;display:block;height:100%;opacity:0.8}
figure.effect-sarah img{opacity:0.7;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:all 1.05s;-webkit-transform:scale(1.15);transform:scale(1.15)}figure.effect-sarah:hover img{opacity:0.3;-webkit-transform:scale(1);transform:scale(1)}figure.effect-sarah figcaption{text-align:left}
.survList figure figcaption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.survList figure figcaption {
    backface-visibility: hidden;
    color: #fff;
    font-size: 1.25em;
    padding: 20px;
    text-transform: uppercase;
}
.survList figure h2 {
    font-size: 1.2em;
    font-weight: 400;
	color:#fff;
	margin-bottom:0;
}

figure.effect-sarah h2 {
    overflow: hidden;
    padding: 0 35px 0.4em 0;
    position: relative;
}
figure.effect-sarah h2::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: translate3d(-100%, 0px, 0px);
    transition: transform 0.35s ease 0s;
    width: 100%;
}
figure.effect-sarah .delete {
    cursor: pointer;
    font-size: 20px;
    margin-top: -50px;
    opacity: 0;
    position: absolute;
    right: 20px;
    transition: all 0.35s ease 0s;
	font-size: 20px;
	width:30px;
    padding-left: 5px;
	color:#fff;
}
figure.effect-sarah .delete.red:hover{color:#ff9fd9;}
figure.effect-sarah .delete.green:hover{color:#69f58a;}
figure.effect-sarah ul {
    bottom: 32px;
    margin: 0 0 0 -27px;
    opacity: 0;
    padding: 1em 0;
    position: absolute;
    text-align: center;
    transition: all 0.35s ease 0s;
    width: 100%;
}
figure.effect-sarah ul li a:first-child {
    margin-left: -6px;
}
figure.effect-sarah ul li a{
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 50px;
    margin: 7px;
    text-align: center;
    transition: all 1.35s ease 0s;
    width: 50px;
	color:#fff;
}
figure.effect-sarah ul li {list-style: outside none none; display: inline-block;}
figure.effect-sarah:hover h2::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sarah p{padding:1em 0;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}figure.effect-sarah:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sarah .label{padding:0.3em 0em;margin:auto;width:100%;font-size:0.7em;font-weight:500;opacity:1; white-space:normal; text-transform:none; -webkit-transition:all 0.35s;transition:all 0.35s}figure.effect-sarah .label.active{opacity:1}figure.effect-sarah ul{width:100%;margin:0;padding:1em 0;opacity:0;-webkit-transition:all 0.35s;transition:all 0.35s;text-align:center;bottom:15px;position:absolute;margin-left:-18px}figure.effect-sarah:hover ul{opacity:1}figure.effect-sarah ul li a{display:inline-block;width:42px;text-align:center;height:42px;border-radius:50%;border:1px solid #fff;margin:7px;list-style:none;cursor:pointer;-webkit-transition:all 1.35s;transition:all 1.35s}figure.effect-sarah ul li a:hover{background:rgba(255,255,255,0.9)}figure.effect-sarah ul li a:hover i{color:rgba(20,20,20,0.7)}figure.effect-sarah ul li a:first-child{margin-left:-6px}figure.effect-sarah ul li i{font-size:17px;line-height:40px;margin-left:1px;-webkit-transition:all 1.35s;transition:all 1.35s}
figure.effect-sarah:hover .delete {
    opacity: 1;
}
figure.effect-sarah:hover .label{opacity:1;}
.tab-content.survey-list{ overflow:hidden; padding:18px 8px 5px 8px!important;}
.nav.nav-tabs.topborder{ background:#fff; border-bottom:1px solid #ccc;}
.nav.nav-tabs.topborder > li.active > a{ border-bottom:2px solid #ee736e;}
.modal-demo.modal-vpn .close{color:#666;}
.loader{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.3); left:0; top:0; z-index:1030; display:none;}
.loader.active{display:block;}
.loader img{position:absolute; top:50%; left:50%; margin:-93px 0 0 -93px;}
.min-height.survey-list{ min-height:330px;}
.min-height.qstn-list{ min-height:330px; padding:20px;}
.nosurvey-middle{text-align:center; padding:60px 20px 20px; color:#666;}
.nonps-middle{text-align:center; padding:125px 20px 20px; color:#666;}
.nosurvey-middle h3, .nonps-middle h3{color:#d9d9d9;}
.question-container{border:3px dashed #d2d2d2; width:100%; min-height:300px; padding:4px 10px;}
.imagebg{ background:url("assets/images/startbg.jpg") no-repeat scroll 0 0/cover;}
.survey-main-details{ width:100%; background:#fff; padding:12px; box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.2)}
.qstn-details{ width: calc(100% - 60px);/* max-width:500px;*/ background:#e8e6f4; padding:12px; border:1px solid #dad8e6; float:left;}
.qstncart{ width:40px; float:right; margin-left:15px; padding-top:10px;}
.overflow-hidden{ overflow:hidden;}
.clickedit{position:relative; width:100%;}
.clickedit input{ background:transparent; font-size:24px; color:#8a7382; padding:5px 40px 5px 46px; border:0px; width:100%;}
.clickedit .draft-icon{position:absolute; left0; top:9px; font-size:46px;}
.warning-clr{color:#ffbd4a;}
.modifiedp{padding-left:46px; font-size:12px; margin:-8px 0 0 0; padding-right:34px;}
.full-width {width:100%;}
.btn-survey-settings{ position:absolute; right:42px; top:16px; right:5px; display:block; font-size:17px;padding:5px; border:1px solid #eee3ea; }
.btn-survey-settings.active{ border:1px solid #ddd; background:#fdefd6;}
.survey-qstn-container{width:100%; min-height:300px; padding:10px;}
.response{ position:absolute; bottom:20px; display:block; border:1px solid #e5dff1; padding:6px 10px; border-radius:40px; text-transform:capitalize; color:#e5dff1; font-size:12px;}
figure.effect-sarah:hover .response{ display:none;}
#survey-qstn-container{display:none;}
label{ font-weight:500;}
.required {
    background: #e34f4f none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    padding: 5px;
    position: absolute;
    left: 9px;
    top: -24px;
	z-index:2;
}

.required::after {
    border-color: transparent #e34f4f;
    border-style: solid;
    border-width: 0 6px 6px 0;
    bottom: -6px;
    content: "";
    display: block;
    left: 20%;
    position: absolute;
    width: 0;
    z-index: 1;
}
.form-control.pwd{ padding-right:20px;}
.password_eye{ font-size:16px; position:absolute; top:7px; right:15px; z-index:0; color:#666; background:transparent; border:none; cursor:pointer;}
.noborder .form-control{ border:none;}
.noborder .form-control:focus{ border:1px solid #aaaaaa}
.notification{padding:10px; margin:-20px; font-size:15px; text-align:center; margin-bottom:10px; border-top-left-radius:4px; border-top-right-radius:4px; font-weight: 500;}
.notification.success{ background:#dff0d8; border:1px solid #d2e6c1; color:#3c763d}
.notification.error{ background:#f2dede; border:1px solid #e5c4c9; color:#a94442}
.btn-toolbar .btn{ padding:2px 5px;}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before{   background-color: #fb6d9d; border-color: #ef5b8d;}
.hiddenRow{ padding:0!important;}
table{ border:1px solid #ebeff2!important;}
table.table-striped tr:hover td{ background:#f4eaee;}
.min-height.table-list {
    min-height: 330px;
}
.tab-content.table-list {
    overflow: hidden;
    padding: 15px !important;
}
.table-action-btn{
  border-radius: 0.2rem;
    font-size: 1.375rem;
    line-height: 1.6;
    padding: 0.25rem 0.75rem;
	  margin-left: 5px;
	  opacity:0.8;
	  display:inline-block; min-width:31px;
}
.table-action-btn:hover{  opacity:1;}
.table-collapse{ padding:5px;}
.new-outlet-sub{ margin-top:8px; margin-right:15px;}
table.inside{ width:100%; border:0px!important;}
.success-clr{ color:#8ccd76;}
.font-20{ font-weight:bold; font-size:20px;}
.table-rep-plugin .pagination{ margin:0;}
.np-validate{ color:red; padding-top:5px; font-size:12px; display:block;}
.np-success{ color:#81c868; padding-top:5px; font-size:12px; display:block;}

/*.card-box.add-outlet{ background:rgba(0 ,0, 0, 0) url("../images/bg-pattern.jpg") repeat scroll 0 0 / cover; border:0; color:#333;}*/
.card-box.add-outlet h4{ color:#333;}
.tab-content.table-list .pagination{ margin:0;}

table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: right;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  width: 19px;
  margin-right:9px;
}
table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}
table.treetable tr.collapsed span.indenter a{ background:rgba(0, 0, 0, 0) url("../images/treearrow.png") no-repeat scroll center center}
table.treetable tr.expanded span.indenter a{ background:rgba(0, 0, 0, 0) url("../images/treearrow_bottom.png") no-repeat scroll center center}
.bl{ color:#aa5388; font-weight:500; font-size:15px;}
.dp{ color:#4c4c4c; font-weight:500; font-size:14px;}
.nav.nav-tabs > li.new-outlet-sub a{ border-radius:3px!important; color:#fff!important; padding:6px 12px; line-height:1.42857; font-weight:400; text-transform:capitalize; font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:0.009em;}
.filterlocationwise{width:75px; height:110px; position:fixed!important; left:0px; top:50%; margin-top:-55px; z-index:1002; border:none!important}
.filterlocationwise.filter{ background:url(../images/filter.png) no-repeat;}
.filterlocationwise.pdf{ background:url(../images/download-pdf.png) no-repeat;}
.filterlocationwise.nofilter{ background:url(../images/filter2.png) no-repeat;}
.mandatory-field{ color:red; padding-left:4px;}
.np-validate{ color:red; padding-left:4px;}
.survey-filter{ overflow:hidden;}
.modal .modal-dialog .modal-content{
background: #f25664; 
background: -moz-linear-gradient(-45deg,  #f25664 0%, #781782 100%); 
background: -webkit-linear-gradient(-45deg,  #f25664 0%,#781782 100%);
background: linear-gradient(135deg,  #f25664 0%,#781782 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25664', endColorstr='#781782',GradientType=1 );
border-color:#a62d7a;
/*background:url(../images/brick-background.jpg) no-repeat;*/
}
#add-qstn .modal-content .modal-title{ color:#fff;}
#add-qstn .modal-content .close{ color:#fff;}
#add-qstn .modal-content .modal-header{ border-bottom:1px solid rgba(255,255,255,0.2); }



/**/
.phone-icons-image{text-align: center; position: absolute; width: 100%; left: 0; top: 0; opacity: 0; max-width:550px;}
.phone-icons-image.visible{opacity: 1;}
.phone-icons-image:first-child{position: absolute; opacity: 1; max-width:550px;}
.phone-icons-image img{display: inline-block; max-width: 100%; height: auto;}
.phone-icons-description{ text-align:left; padding-top:20px;}
.phone-icons-description .entry{}
.phone-icons-description .entry .icon{width: 50px; float: left; padding-top: 5px;}
.phone-icons-description .entry .content{text-align:left;}
.phone-icons-description .entry .icon img{display: inline-block; max-width: 100%; height: auto;}
.phone-icons-description .entry .title{color: #222; font-size: 18px; line-height: 22px; text-transform: uppercase; margin-bottom: 10px;}
.phone-icons-description .entry:hover .title{color: #f27122;}
.phone-icons-description .entry .description{font-size: 14px; line-height: 24px; color: #777;}
.phone-icons-description.right-align{text-align: right;}
.phone-icons-description.right-align .entry .icon{float: right;}
.phone-icons-description.right-align .entry .content{margin-right: 75px; margin-left: 0;}
.left-right-entry{margin-bottom: 120px;}
.left-right-entry .image-entry{text-align: center;}
.left-right-entry .image-entry img{max-width: 400px; width: 70%; height: auto; display: inline-block; vertical-align: bottom;}
.left-right-entry .cell-view{height: 585px;}
.dividing-image{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.inline-play-button{position: relative; display: inline-block; margin: 0; left: auto; top: auto; float: none;}
#content-wrapper .team-inline-entry{margin-bottom: 40px;}
.phone-icons-description .title{ text-align:left;}
.phone-icons-description .description{ text-align:left;}
.phone-icons-description.right-align .title{ text-align:right;}
.phone-icons-description.right-align .description{ text-align:right;}



/*Drag and Drop*/
/*.sortable a:focus {
    outline-offset: 0px;
}
.sortable-dragging{
    border: 1px solid #e8e8e8;
}
.sortable-placeholder {
    border: 1px dashed #CCC;
    background: #fcfcfc;
    height:auto;
    min-height: 30px;
    padding: 0px;
    margin:0px;
}
.handle {
    cursor: move;
    display: inline-block;
    position: relative;
    margin: 10px 0 10px 0px;
    width: 16px;
    top: 13px;
    height: 17px;
    background-size: 16px 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjkxNkE4RDZCMTg4MTFFMkEwQTZGNENDMTk5Njg5M0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjkxNkE4RDdCMTg4MTFFMkEwQTZGNENDMTk5Njg5M0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOTE2QThENEIxODgxMUUyQTBBNkY0Q0MxOTk2ODkzQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOTE2QThENUIxODgxMUUyQTBBNkY0Q0MxOTk2ODkzQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm7hDAYAAAAzSURBVHjaYszJyfnPAAT8/PyMIPrjx49E8ZkYyAQsMJNggFg++TYS66dRP476EQUABBgAOQlACVbFjQwAAAAASUVORK5CYII=);
}*/
.taskheading {
  margin: 25px 0px 0px 0px;
}
.question-icon-container span{ font-size:20px;}
.taskheading h2{
  display: inline-block;
  margin: 11px 113px 0px 7px;
}
.sortable, .exclude, .handles {
    margin: auto;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.task_row {
	position:relative;
	display:table;
	table-layout:fixed;
    border-radius:4px;
    background:#ffffff;
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    padding:0 0 0 15px;
    width:calc(100% - 5px);
    margin: 10px 0 10px 0;
    cursor:pointer;
}
.task_row:hover {
	background:#fafafa;
}
.question-container.sortable{ padding:15px;}
.question-header {
	position:relative;
	display:table-cell;
	cursor:pointer;
	padding:9px 47px 9px 0;
	width: 100%;
}
.question-text-container {
	word-wrap:break-word!important;
	padding-left:60px;
	font-size:20px;
	color:#252525;
	font-weight:400;
}
.question-subtext {
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    overflow-wrap: break-word !important;
}
.question-type-container {
    left: 0;
    position: absolute;
    top: 12px;
}
.question-icon-container {
    border-radius: 2px;
    height: 46px;
    padding-top: 11px;
    text-align: center;
    width: 46px;
}
.color-question {
    background: #ee8656 none repeat scroll 0 0;
	color:#fff;
}
.sortable-handle {
	display:table-cell;
	vertical-align:middle;
	cursor: move;
	width:40px;
	border-left:1px solid #dbdbdb;
	text-align:center;
	border-radius:0 4px 4px 0;
	background:#efefef url("../images/sort.png") no-repeat scroll center center;
}

/*drag anddrop2*/
#sort-it ol { 
  /* list style is faked with number inputs */
  list-style: none;
  padding: 0;
}
#sort-it li { 
    position: relative; 
    min-height: 0.3em;
}
    
#sort-it li input { 
    /* Move these to visually fake the ol numbers */
    border: 0;
    background: transparent;
	width:24px;
}
    
#sort-it li label { 
  /* visually hidden offscreen so it still benefits screen readers */
    position: absolute;
    right: -9999px;
}

/* sortable plugin styles when dragged */
#sort-it .dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

#sort-it li.placeholder {
    position: relative;
    background: purple;
}
.type-delete{ position:absolute; right:50px; top:20px;}

/*QUESTION TYPE*/

.qstnoverlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1030;
    top: 0;
    left: 0;
	background:rgba(0, 0, 0, 0) url("../images/brick-background.jpg") no-repeat scroll 0 0/cover;
    overflow-y: auto;
    transition: 0.5s;
}

.qstnoverlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.qstnoverlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.qstnoverlay-content a{ width:100%; text-align:left; padding-left:50px; padding-right:12px; text-overflow:ellipsis; margin-bottom:10px;}
.phone-icons-box{ padding:20px 50px 50px; overflow:hidden;}
.btn-label.absolute{ position:absolute; left:13px;}
.qstnoverlay-head{ border-bottom:1px dashed #b22b7d; border-top:1px dashed #b22b7d; padding:20px 50px; text-transform:uppercase;}
.carticon{ background:url(../images/cart.png) no-repeat; width:37px; height:33px; display:block; position:relative;}
.carticon span{ position:absolute; right:4px; top:-7px; width:23px; height:22px; color:#8337a6; font-weight:bold; text-align:center; letter-spacing:1px;}
.qstntype-head{ margin:0; padding:0 0 10px 0; border-bottom:1px dotted #555; font-size:20px; margin-bottom:25px;}
.qstntype-head i{ color:#ee736e;}
.focus-type-img{ margin-left:10px; position:relative; cursor:help;}
.focus-type-img span{ width:250px; height:auto; display:none; position:absolute; left:10px; top:-18px; z-index:10; background:url(../images/ipadhover.png) no-repeat;}
.focus-type-img span img{ width:100%;}
.focus-type-img:hover span{ display:block}
.min-width-118{ min-width:118px;}
/*#qstn-type-box .form-group{margin-bottom:10px;}*/
.remScnt{position: absolute;
bottom:20px;
right: -19px;
}
.min-h-label{width:100%; min-height:150px; padding-top:55px!important; font-size:22px;}
.min-height200{ min-height:200px!important;}
.emotion-change{ padding-top:25px;}
#autoreply-enable{ display:none;}
.min-height350{ min-height:350px!important;}
.question-number-container{ display:inline-block;}
.survList.report figure{ height:29vh!important; border-radius:4px; cursor:pointer;}
.report figure.effect-sarah img{opacity:0.7;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:all 1.05s;-webkit-transform:scale(2.15);transform:scale(2.15); width:100%;}
.report figure.effect-sarah:hover img{opacity:0.3;-webkit-transform:scale(1.8);transform:scale(1.8)}
.report .text-dark{ color:#fff!important; text-transform:capitalize;}
.report small{ color:#e6d7e2; text-transform:capitalize;}
.widget-bg-color-icon .bg-icon-white {
    background-color: rgba(240, 232, 238, 0.2);
}
.table-list .widget-bg-color-icon{ min-height:27vh;}
.widget-bg-color-icon.card-box{ padding:3.6vh; cursor:pointer;}

.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  width:100%;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #ee736e;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

ul.menusub{ padding:0; margin:0; display:inline-block; margin-top:-15px; background:#8836a9;}
ul.menusub li{ background-color:#8836a9;color:#fff;border:1px solid #8431a5;display:inline-block; font-size:15px; list-style-type:none;position:relative;text-align:center; text-style:none; padding:0;}
ul.menusub li a{ display:block; color:#fff; padding:5px 10px;}
ul.menusub li:hover{ background:#7d2b9e; border:1px solid #822ca5;}
ul.menusub li:hover a{ color:#fff;}
ul.menusub li.active {
    background: #60147e none repeat scroll 0 0;
    color: #fff;
    content: "";
	border:1px solid #5d127b;
}
ul.menusub li.active a{ color:#fff;}
ul.menusub li.active:after{content:"";display:block;border:8px solid #60147e;border-color:#60147e transparent transparent transparent;position:absolute;top:100%;left:48%;}
.filter{ text-align:right; /*background:#efe7f3; */ background:#fff; border:1px solid rgba(214, 193, 224, 0.65); color:#8b55a1; padding:0px; position:relative;}
.filter .form-control{border: 1px solid #e1d4e8; color:#9267a4;}
.m-t-4{ margin-top:4px;}
.purpleline{ width:100%; border-top:1px dashed #d7bfe1; margin:12px 0;}
.filter .form-group{ margin:0;}
.filter .btn-group.bootstrap-select button.btn-white{ height:30px; border:1px solid #e1d4e8!important; color:#9267a4; line-height:13px; font-size:12px}
.filter-icon{ background:url(../images/filer-icon.png) no-repeat; width:41px; height:41PX; position:absolute; left:0; top:0;}
.filter .bs-searchbox input{ height:30px;}
.type-survey-select{ display:none; background: transparent; border: none; background:#8836a9; color:#fff; margin-top:5px;}
.filter-area{ padding:10px;}
.filter_toggle{ position:absolute; bottom:-17px; right:-1px; background:#fff; padding:1px 5px; border:1px solid #decfe7; border-top:0; height:18px; line-height:5px; padding-top:3px;}
#daterange{ cursor:pointer;}
.icon-report{ color:#fff; background:#ee736e; padding:7px; border-radius:2px; margin-right:10px;}
.panel-group .panel + .panel{ margin-top:10px;}
.question-statistics-header {
    border: 0 none;
    color: #999;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
}
.question-statistics-row{
border-bottom: 1px solid #cdcdcd;
}
.nopadding {
    padding: 0 !important;
}
.option-color {
    border-radius: 50%;
    height: 15px;
    margin-top: 16px;
    width: 15px;
}
.left {
    float: left;
}
.centertext{ line-height:40px;}
.option-text img{ line-height:40px;}
.question-statistics-row{ border-bottom:1px dashed #e0e0e0; display:block;}
.question-statistics-row:last-child{ border-bottom:none;}
.question-statistics-row {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.question-statistics-row:hover, .question-statistics-row:focus, .question-statistics-row:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.p-t-10{ padding-top:10px;}
.option-text {padding:5px 0 5px 8px; line-height:35px; color:#333;}
.tabular .dp img{ max-height:25px;}
.filter-b-d-l{width: calc(100% - 10px); float:left;}
.content-inner {
	position: relative;
	padding: 8px;
	color: #333;
	border: none;
	border-left: 5px solid #ee736e;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	background: #fff;
	margin-bottom:10px;
	display:block;
	 padding-right:35px;
	 padding-left:25px;
}
.over.content-inner:before {
	font-family: 'FontAwesome';
	content: '';
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #2dcfaf;
	right: 0px;
	top: 50%;
	z-index: 1;
	margin-top:-10px;
}
.transtype-head {
    border-bottom: 1px dotted #555;
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0 0 10px;
}
.content-inner.over{border-left:5px solid #11bd9b;}
.qsttitle{ background:rgba(0, 0, 0, 0) url("../images/list-bg.png") no-repeat scroll 0 0;}
.qstname{ background:rgba(0, 0, 0, 0) url("../images/list-bg-qstn.png") no-repeat scroll 0 0;}
.ansname{/* background:rgba(0, 0, 0, 0) url("../images/list-bg-answr.png") no-repeat scroll 0 0;*/}
.qsttitle.content-inner-arrow{background:#f4e9ef url("../images/list-bg.png") no-repeat scroll 0 0!important;}
.qstname.content-inner-arrow{background:#f4e9ef url("../images/list-bg-qstn.png") no-repeat scroll 0 0!important;}
.ansname.content-inner-arrow{background:#f4e9ef!important;}
.qsttitle:hover{ background:#f2f2f2 url("../images/list-bg.png") no-repeat scroll 0 0; transition: all 0.3s ease;}
.qstname:hover{ background:#f2f2f2 url("../images/list-bg-qstn.png") no-repeat scroll 0 0; transition: all 0.3s ease;}
.ansname:hover{/* background:rgba(0, 0, 0, 0) url("../images/list-bg-answr.png") no-repeat scroll 0 0;*/ background:#f2f2f2; transition: all 0.3s ease;}
.ansname.content-inner-arrow:hover{ background:#ebd9e3 none repeat scroll 0 0 !important; transition: all 0.3s ease;}
.inside-translation{ padding-left:24px;}
.content-inner-arrow:before {
	font-family: 'FontAwesome';
	content: '';
	font-weight: normal;
	font-size: 35px;
	line-height: 35px;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #ee736e;
	right: 0px;
	top: 50%;
	z-index: 1;
	margin-top:-18px;
}
.pad20{ padding:20px;}
.content-inner p{ margin:0; font-size:16px;}
.content-inner p span{ color:#18abef;}
.70vh{min-height:70vh;}
.pad-t-10vh{ padding-top:10vh}
.bottomabsol{ position:relative; right:0px; bottom:13px;}
.qstntype-head span{color:#18abef;}
.original{ background:#f3f3f3; overflow:hidden;}
.min-h-40vh{ min-height:40vh;}
.translate{ background:#fdeef3;}
.original input, .original textarea, .original select{ background:none!important;}
.min-h-25vh{ min-height:25vh!important;}
.original .panel-heading, .translate .panel-heading{ padding:10px!important;}
.original .panel-heading .panel-title, .translate .panel-heading .panel-title{ color:#666!important;}
.auto-translate{ padding:5px 10px;font-size:15px; position:absolute; right:10px; top:7px; color:#ee736e;}
.h69vh{height:69vh;}
.h63vh{height:63vh;}
.h32vh{height:32vh;}
.highcharts-button.highcharts-contextbutton{ display:none!important;}
.small_icon{ max-width:35px; height:auto;}
.card-box.leftq li{ list-style:none;  transition: all 0.5s ease;}
.top-cover{ width:100%; height:15px; background:#fff; position:absolute; top:0; left:0; z-index:1; display:none;}
.highcharts-title{ opacity:0!important;}
.relativeandhidden{ position:relative; overflow:hidden; padding-top:18px;}
.m-tminus20{ margin-top:-20px;}
.m-tminus28{ margin-top:-28px;}
.question-statistics-row.nomargin{ margin:0!important}
.errorclr{ background:#eceaff!important;}
.first-time{background:rgba(0, 0, 0, 0) url("../images/startbg.jpg") no-repeat scroll center center/cover;}
/*.download-data{ position:absolute; left:110px; top:22px;}*/
.download-data a{
 	border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 5px;
	margin-bottom:10px;
	}
.clockpicker-popover {
    z-index: 999;
}
.nps-title {
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 0;
}
.stright-line{ width:100%; height:1px; background:#dfdfdf; margin:15px 0 5px 0;}
.nps-drop{ min-width:250px; margin-bottom:15px;}
.days{ font-size:15px; font-weight:600; text-transform:uppercase}
#nps3 .highcharts-title{ text-align:left!important; text-transform:uppercase; font-weight:500; font-size:16px; font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; color:#505458!important; letter-spacing:#0.04em;}
.bgpattern{ background:rgba(0, 0, 0, 0) url("../images/cardbox-bg.jpg") no-repeat scroll 0 0 / cover }
.300-box {
  height: 300px!important; overflow:auto!important;
}
a.disableanchor{pointer-events: none; cursor: default; background:#d8d8d8!important; border-color:#c4c4c4!important;}
.form-control[readonly]{ background:#fff;}
.block-entry{ position:absolute; left:0; top:-1px; width: calc(100% - 39px); z-index:2; height:42px;}
.input-group-addon{ background:#94eec9; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.min-h-507px{ min-height:507px;}
.min-h-385px{ min-height:385px;}
.view-qstn{ padding:0;}
.view-qstn li {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: table;
 	height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
	margin-top: 20px;
}
.view-qstn li:first-child {
	margin:0;
}
.left-qstn{
    border-right: 1px solid #dee1e8;
    box-sizing: border-box;
    display: table-cell;
    line-height: 25px;
    min-height: 100%;
    padding: 25px;
    vertical-align: top;
    width: 60%;
}
.right-qstn{
	background-color: #faf8f9;
    box-sizing: border-box;
    display: table-cell;
    line-height: 25px;
    min-height: 100%;
    padding: 25px;
    vertical-align: top;
    width: 40%;
	position:relative;
}
.right-qstn-caret {
	content: "";
	position:absolute; left:-1px; top:25px;
	border-bottom: 11px solid transparent;
    border-left: 10px solid #dee1e8;
    border-top: 11px solid transparent;
    content: "";
	z-index:1;
}
.right-qstn-caret::before{
	border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    border-top: 10px solid transparent;
    content: "";
    position:absolute; left:-11px; top:-10px;
	z-index:0;
}
.left-qstn h4{ font-size:16px; font-weight:400; margin:4px 0 0; line-height:27px; color:#494949;}
.child-right-qstn{ padding:0; background:none; color:#666;}
.child-right-qstn li{ height:auto; min-height:0; box-shadow:none; border-radius:0; margin:0; background:none;}
.view-type-icon{ padding:5px!important; border-radius:0; background:none; color:#ee736e;}
.border-view{font-size: 15px; font-weight: 400; line-height: 19px; display:inline-block; color:#9b9b9b; padding-right:12px; /*border-bottom:1px dotted #ccc;*/}
.text-empty{ color: #ccc; font-style: italic; font-weight: 400;}
.question-view-container {
    left: 26px;
    position: absolute;
    top: 26px;
}
#hdtbl-1{ z-index:4; background:#fff;}
.right-item-img{ float:right; width: calc(100% - 55px);}
.small-active{ display:none;}
.likert-head{ color:#999!important; overflow:hidden; border-bottom:1px solid #e0e0e0}
.likert-head div{ min-height:52px; line-height:54px;}
.likert-parent{ overflow:hidden; height:auto!important;}
.border-tble{ border:1px solid #e0e0e0; margin-top:15px;}
.likedversion{ border-bottom: 1px dashed #e0e0e0; }
.likedversion:last-child{ border:none;}
.p25{ width:25%;}
.p75{ width:75%;}
.p15{ width:15%;}

@keyframes loading {
  0% { background-position: 0 0; }
  100% { background-position: 40px 0; }
}
.btn.loading {
	background-image:linear-gradient(to right bottom, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px;
  animation: loading 1.5s linear infinite;
}
/*loader animation*/
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
  background: none;
  position:absolute;
  width: 200px;
  height: 200px;
  left:50%; top:50%;
  margin-left:-100px; margin-top:-100px;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 10px;
  border-style: solid;
  -ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #ee736e;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #f6f6f6;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.rotate{
 animation-name: rotate; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
#topnav .topbar-main {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee736e+0,eda52f+100 */
background: rgb(238,115,110); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(238,115,110,1) 0%, rgba(237,165,47,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(238,115,110,1) 0%,rgba(237,165,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(238,115,110,1) 0%,rgba(237,165,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee736e', endColorstr='#eda52f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#topnav .has-submenu.active a i,#topnav .has-submenu.active a{
    color: #eda52f!important;
}
#topnav .navigation-menu > li > a:hover,#topnav .navigation-menu > li > a:hover i {
    color: #eda52f!important;
}

.btn-magenta, .btn-magenta:hover, .btn-magenta:focus, .btn-magenta:active {
    background-color: #ee736e!important;
    border: 1px solid #db4e48!important;
    color: #ffffff!important;
}

.bootstrap-select .btn-label{ background:#ee736e;}
.bootstrap-select .btn-default, .bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:active, .open > .dropdown-toggle.btn-default{ background:#fff!important; color:#333!important; border-color:#ccc!important;}
.h370{ height:366px;}
.group-type{ font-weight:400; text-transform:uppercase; font-size:15px; padding-bottom:5px; border-bottom:1px dotted #888; text-align:center; color:#333;}
.pick-date {
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    right: 50px;
	color:#a9a9a9!important;
    top: 14px;
}
.datepicker-days{ cursor:pointer;}
.h33{ height:33px;}
.form-overflow .form-group{ overflow:hidden;}
.publish-drop.dropdown-multiple .dropdown-main{ display:block!important; box-shadow:none;}
.hover-img img {
    max-height: 100px;
    max-width: 100px;
}
.hover-img i {
	font-size:36px; color:#ee756c;
}
.hover-img{ position:absolute; top:-2px; left:-20px; z-index:1; background:#f2f2f2; border:2px dotted #ee736e; padding:4px; border-radius:4px; min-height:50px; min-width:70px; text-align:center; display:none;}
.document-sec .task_row:hover .hover-img{ display:block;}
.delete-handle {
    background: #ee736e;
    border-left: 1px solid #dbdbdb;
    border-radius: 0 4px 4px 0;
    cursor:pointer;
	box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);
    display: table-cell;
    text-align: center;
	color:#fff;
    vertical-align: middle;
    width: 40px;
}
.question-icon-container.document{ height:25px; padding-top:2px;}
.question-icon-container.document span{ font-size:16px;}
.document-sec .question-text-container a{ font-size:18px; color:#252525;}
.upload-border{ border:2px solid #e5e1cf; padding:15px; min-height:100px; background:#fdfbf1; border-radius:4px;}
.border-padding{ padding:0 15px;}
.browse-button button{padding:8px 20px!important; background:#fff!important; border:none!important; border:1px solid #ccc!important;}
.browse-button #myuploader + button{ width:100%!important;}
.browse-button table td:first-child, .browse-button table td:first-child{ width:10px!important;}
.browse-button table td:nth-child(2){ width: calc(100% - 20px)!important;}
.filterlocationwise.import {
    background: rgba(0, 0, 0, 0) url("../images/import.png") no-repeat scroll 0 0;
}
.checkbox.table-check{ display:inline;}
.checkbox.table-check label::before{ top:6px;}
.site-list .focus-btn-group{ display:none;}
.site-select-btn{ position:absolute; top:17px; left:32px; color:#e75d8c;}
.import-vpn form button:first-child{background:#fff!important; border:none!important; border:1px solid #ccc!important; width:100%;}
.map-indicator .card-box{ padding:12px 20px; margin-bottom:8px; position:relative;}
.map-indicator .widget-inline-box h5{ display:inline-block; width:calc(100% - 18px)}
.map-indicator .widget-inline-box .checkbox{ display:inline; padding:0; margin:0; width:15px; position:absolute; top:13px; right:-3px;}
.indicator-img{ max-width:20px; vertical-align:-4px;}
.ui-draggable-handle{ cursor:move;}
.floatModal .modal-content{background:#fff!important; border-color:#ccc!important;}
.p-t-20{ padding-top:20px!important;}
.right-pad{ width:calc(100% - 90px);}
.selected-map-btn{ position:absolute; top:4px; right:10px;}
.task_row.intent{ margin-left:25px!important; width:calc(100% - 25px);}
.file-import {
    overflow: hidden;
    display: inline-block;
    position: relative;    
    vertical-align: middle;
    text-align: center;
    color: #818181;
    border: 1px solid #ccc;
    background: #fff;
	margin-bottom:15px;
    cursor:pointer;
}

.file-import input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index:-1;
}

.file-import span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding-top: .45em;
}

.file-import { height: 38px; }
.file-import,
.file-import span { width: 100%; }    

.file-import-status {
    margin-left: 10px;
    vertical-align: middle;
    padding: 7px 11px;
    font-weight: bold;    
    font-size: 16px;
    color: #888;
    background: #f8f8f8;
    border: 3px solid #ddd;
}
/*7-nov-17*/
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{top:0!important;}
.relativeautocomplete{ position:relative;}
.lookup {
  margin: 1em 0;
  padding: 1em;
  border-radius: 0.5em;
  display: inline-block;
  text-align: left;
}
.matches{ display:none;}
.matches.sug {
	display:block;
	background:#ffd6d5;
  margin: 0.5em 0 0;
  color:#535353;
  padding: 0;
  border:1px solid #fac3c2;
  position:absolute;
  width:100%;
  padding-top:28px;
  border-radius:4px;
  z-index:2;
}
.matches.sug::before {
    content: 'Already Used';
    display: block;
	position:absolute;
	top:3px;
	color:#bf5b58;
	left:7px;
}
.matches > .match {
  margin: 0;
  padding: 0.5em;
  background-color: white;
  list-style: none;
  background:#fff2f2;
}
.matches > .match:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.match > .highlight {
  background-color: #fdd246;
  border-radius: 0.2em;
}
.matches-success{ display:none;}
.matches-success.sug{
	display:block;
	background:#ccf9cc;
  margin: 0.5em 0 0;
  color:#538653;
  padding: 0;
  border:1px solid #a9e6a9;
  position:absolute;
  width:100%;
  padding:4px 7px;
  border-radius:4px;
  z-index:2;
}







.card-box.animsition-link{ width:100%; margin-bottom:10px; display:block; padding:15px;}
.h26vh{ min-height:19vh;}
.start-head{ color:#fff; font-weight:bold; text-transform:uppercase; margin:0;font-size:1.5em; line-height:1.2em; padding-top:4vh;}
.survey-detail-head{ color:#979797; font-weight:300; margin-bottom:10px; margin-top:0; font-size:17px;}
.count{ margin-bottom:0; font-size:2.7em; font-weight:bold; line-height:1em;}
.survey-type-image{ max-width:6vh; position:absolute; bottom:3vh; right:3vh;}
.survey-rocket-image{ max-width:8vh; position:absolute; top:3vh; right:3vh;}
.start-head span{ display:block; font-size:1.5em;}
.violet-clr{ color:#9f66cf;}
.green-clr{ color:#36d6b0;}
.yellow-clr{ color:#fdc451;}
.blue-clr{ color:#0aafe5;}
.gray-clr{ color:#7e7c87;}
.litegreen-clr{ color:#8cda62;}
.red-clr{ color:#eb3b3b;}
.litered-clr{ color:#de6875;}
/*.bg-grad{
background: rgb(238,115,110);
background: -moz-linear-gradient(-45deg, rgba(238,115,110,1) 19%, rgba(238,115,110,1) 49%, rgba(236,135,68,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(238,115,110,1) 19%,rgba(238,115,110,1) 49%,rgba(236,135,68,1) 100%);
background: linear-gradient(135deg, rgba(238,115,110,1) 19%,rgba(238,115,110,1) 49%,rgba(236,135,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee736e', endColorstr='#ec8744',GradientType=1 );
}*/
.min-h-360px{ min-height:360px; max-height:360px;}
.bg-grad{ background:#ee736e;}
.bg-grad2{ background:#ec8744;}
.bg-grad .survey-detail-head, .bg-grad .count{ color:#fff;}
.bg-grad2 .survey-detail-head, .bg-grad2 .count{ color:#fff;}
.ui-sortable{ height:44vh; overflow:auto;}




.language-switch {
    font-weight: 500;
    cursor: pointer;
	font-size:13px;
	text-transform:capitalize;
}
.landusesbtn:before {
    content: 'Site Summary';
    display: block
}
.normalsbtn:before {
    content: ' Other Survey Summary';
    display: block
}
.landusesbtn,
.normalsbtn {
    display: inline-block;
    padding: 0;
	margin: 0;
}
.normalS .normalsbtn {
	border-bottom:3px solid #ee746b;
    color: #ee746b;
}
.normalS .landusesbtn {
    color: #cecece;
	border-bottom:3px solid #dedede;
}
.landusesbtn {
	border-bottom:3px solid #ee746b;
    color: #ee746b;
	margin-right:7px;
}
.normalsbtn {
    color: #cecece;
	border-bottom:3px solid #dedede;
}