@font-face {
    font-family: Avenir;
    font-weight: lighter;
    src: url("../fonts/AvenirLTStd-Light.otf") format("opentype");
}
*{
    box-sizing: border-box;
    outline: 0 !important;
}
.mrgnTop20{
    margin-top: 20px;
}
.trashList{
    margin: 0px 0px 0px -484px !important;
}
.optImage{
    margin: 0px 488px 10px 10px !important;
}
.check_box_2{
   width: 30px;
   height: 16px;

}

.isRandom_box2{
    margin-top: 10px;
}

.pipeRow_2{
    
    color: #266d91;
    margin-bottom: 6px;
    
    }
.coCode{
    font-family: inherit;
        background: none;
        color: #266d91;
        padding: 0;
        font-size: inherit;
        border-radius: 0;
    
    
    }
.dlt_row{
    background: #fff;
        border: 1px solid #266d91;
        display: inline-block;
        width: 20px;
        text-align: center;
        height: 20px;
        line-height: 18px;
        cursor: pointer;
        box-sizing: border-box;
        outline: 0 !important;
    
    }
    

.signShape{
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 3px !important;
    color: white;
    cursor: pointer;
}
.instance-class {
    display: flex !important;
    flex-direction: row !important;
    font-weight: 500 !important;
    color: #555 !important;
    font-size: 14px;
    white-space: nowrap;
}

.highlightersize{
    margin: -21px 0px 0px 99px;
}
img.group-4 {
    width: 40px;
    height: 40px;
    margin: 291px 25px 301px 0;
    object-fit: contain;
  }
.column{
    float: left;
    width: 30%;
}
.column2{
    float: left;
    width:28%;
    text-align: center;
}

.closePreview{
    float: right;
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
}

.column1{
    float: left;
    width:28%;
    text-align: center;
    padding-top: 40%;
}
img.pre-next {
    cursor: pointer;
}
.show-text {
    width: 196px;
    font-weight: 900;
    font-style: oblique;
    padding-left: 20px;
    padding-top: 165px;
}
.right-arrow2 {
    padding-top: 284px !important;
}
.right-arrow {
    padding-top: 45px !important;
}

.prev_footer {
    margin-left: 327px;
    margin-top: 29px;
}
.restartpage {
    background-color: #1d5ea9;
    color: white;
    padding: 5px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 4px;
    
}

.sheet_border{
    border-radius: 15px;
    width: 741px;
    height: 749px;
    background-color: #eaedf1 !important;
}
.prev_head{
    padding: 20px;
}
.imgHighlighterText{
    margin-top: 7px;
}
.imgOpt{
    margin: 0px 488px 0px 0px;
}
.imgTrash{
    margin: 0px 0px 0px -485px;
}
.Color-Code {
    width: 86px !important;
    height: 18px !important;
    margin: -32px 0 1px 115px;
    font-family: OpenSans;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
  }


.imgHighlighyColor {
    width: 8px;
    height: 15px;
    margin: 1px 3px 0 -2px;
    font-family: OpenSans;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
  }


.Rectangle-Copy {
    width: 105px;
    height: 24px;
    margin: -20px 6px 11px 104px;
    padding: 3px 6px 4px;
    border: solid 1px #266d92;
    background-color: #fff;
  }

.Shape2 {
    
    width: 18px;
    height: 18px;
    margin: -23px 23px 31.5px 156px;
    text-align: center;
    background-color: #266d92;
  }
  

.Shape {
    
    width: 18px;
    height: 18px;
    margin: -17px 23px 31.5px 98px;
    text-align: center;
    background-color: #266d92;
  }
  
.selectionchoice {
    height:120px;
    width: 150px;
    background:white;
    display:inline-block;
    margin:1%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.56);
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}
.selectiongroup {
    height:25px;
    width: 150px;
    background:lightblue; 
}
.maxDiffExtra {
    margin-top: 10px;
}
.maxDiffExtra span{
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.09px;
    color: #38415c;
}
.maxDiffExtra em {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.09px;
    color: #38415c;
}
.max_diff_warning {
    border-radius: 3px;
    border: solid 1px #ffd7a9;
    background-color: #fef9f1;
    padding: 12px;
    margin: 15px 0px;
    font-style: italic;
}
.padding_left {
    position: absolute;
    left: 325px;
}
.max_diff_label {
    margin: 25px 20px;
    padding: 15px;
    border: 1px solid lightgrey;
}
.max_diff_label div {
    display: inline-block;
    width: 30%;
    margin-right: 10px;
}
.max_diff_label div input{
    width: 100%;
}
img{
    max-width: 100%;
}
body{
    font-family: 'Muli', sans-serif;
}
label{
    cursor: text;
}
form{
    margin: 0;
}
.ng-hide+span{
    display: none;
}
.navbar .nav>li>a.brand {
    padding-left:20px;
    margin-left:0
}
.bx-wrapper{
    margin-bottom: 0;
}
.content {
    margin-top:50px;
    width:100%
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
span.commError{
    color: #cd0000;
    font-size: 12px;
    font-weight: bold;
}
.drag-box {
    padding-bottom: 20px;
}
.drag-box label {
    display: inline;
    padding: 0;
    font-size: 12px;
    color: #555;
    position: relative;
    cursor: pointer;
    line-height: 21px;
}
.drag-box div {
    display: inline;
}
.drag-box input {
    border: solid 1px #266d91;
    color: #266d91;
    font-size: 12px;
    border-radius: 0;
    position: absolute;
    left: 11%;
}
/*
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.animatedpulse {
  animation-name: pulse;
  animation-duration: 1s;
}
.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
*/
.loader_cont{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.loader_cont img{
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.loader_cont p{
    color: #fff;
    max-width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    margin-top: 60px;
    text-align: center;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
footer {
    position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background:#ddd;
    -webkit-box-shadow:0 8px 6px 6px black;
    -moz-box-shadow:0 8px 6px 6px black;
    box-shadow:0 8px 6px 6px black
}

footer p {
    padding:5px 0 12px 10px
}

.homepage{
    background: #fafdff;
    position: relative;
    height: 100%;
}
.homepage .home_left{
    height: calc(100vh - 230px);
    float: left;
    width: 65%;
    padding: 0 30px;
    box-sizing: border-box;
}
.homepage .logo{
    padding: 19px;
    width: 100%;
}
.homepage .logo ul{
    font-size: 0;
}
.homepage .logo ul li{
    padding: 0 10px;
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
}
.homepage .logo ul li img{
    width: 130px;
}
.homepage .logo ul li:first-child{
    border-right: 1px solid #ccc;
    padding: 0;
}
.homepage .logo ul li p{
    margin-bottom: 0;
    font-weight: 700;
}
.homepage .home_left_mid{
    width: 100%;
    padding: 0 20px;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    display: table;
}
.homepage .home_left_mid iframe{
    width: 100%;
    height: 100%;
}
.homepage .home_left_mid .home_left_midcell{
    display: table-cell;
    vertical-align: middle;
}
.homepage .home_left_mid p.head{
    font-weight: 600;
    font-size: 18px;
    color: #5d5d5d;
    margin-top: 45px;
    margin-bottom: 10px;
}
.homepage .home_left_mid p.para{
    font-weight: 600;
    font-size: 22px;
    color: #2d38c3;
}
.homepage .home_bottom{
    /*position: absolute;*/
    width: 100%;
    background: #4325ce;
    height: 180px;
    bottom: 0;
    left: 0;
}
.homepage .home_bottom .slider_main{
    float: left;
    width: 100%;
    text-align: center;
    height: 100%;
    padding: 22px 0;
}
.homepage .home_bottom .slider_main h2.head{
    margin-top: 0;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 18px;
}
.homepage .home_right{
    width: 35%;
    padding: 4px 70px 45px 0;
    box-sizing: border-box;
    z-index: 1;
    float: right;
    margin-top:-70px;
}
.homepage .home_right .home_right_inner{
    background-color: #ffffff;
    box-shadow: 0 0 5px 0 rgba(159, 158, 158, 0.5);
    padding: 40px 30px;
    box-sizing: border-box;
    height: 66vh;

}
.homepage .home_right .home_right_inner .login_signup_select ul li{
    display: inline-block;
}
.homepage .home_right .home_right_inner .login_signup_select ul li:first-child{
    padding-right: 40px;
}
.homepage .home_right .home_right_inner .login_signup_select ul li a{
    font-size: 16px;
    font-weight: 600;
    color: #5d5d5d;
    text-decoration: none;
}
.homepage .home_right .home_right_inner .login_signup_select ul li.active a{
    color: #2d38c3;
    border-bottom: 2px solid #2d38c3;
    padding-bottom: 5px;
}
.homepage .home_right .home_right_inner .tabbing_box{
    padding: 10px;
    height: -webkit-calc(100% - 21px);
    height: -moz-calc(100% - 21px);
    height: calc(100% - 21px);
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane{
    height: 100%;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account{
    text-align: center;
    margin-bottom: 15px;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account h2{
    line-height: 24px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #555;
    margin: 0;
    margin-bottom: 25px;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account a{
    cursor: pointer;
    position: relative;
    color: #fff;
    background: #017bb7;
    border-radius: 4px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    box-sizing: border-box;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account a img{
    height: 100%;
    padding: 5px 30px;
    float: left;
    position: absolute;
    left: 0;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account a span{
    padding: 10px 0;
    display: block;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account p{
    color: #5c5c5c;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account p span{
    color: #017bb7;
    display: block;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane form{
    margin-bottom: 0;
    height: -webkit-calc(100% - 164px);
    height: -moz-calc(100% - 164px);
    height: calc(100% - 164px);
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane form.login{
    height: -webkit-calc(100% - 106px);
    height: -moz-calc(100% - 106px);
    height: calc(100% - 106px);
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane form .fields_box{
    height: -webkit-calc(100% - 55px);
    height: -moz-calc(100% - 55px);
    height: calc(100% - 55px);
    overflow: auto;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .form_group{
    margin-top: 15px;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .form_group label{
    font-weight: 600;
    font-size: 14px;
    color: #4325ce;
    cursor: text;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .form_group input[type="text"], .homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .form_group input[type="email"], .homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .form_group input[type="password"]{
    border: none;
    border-bottom: solid 1px #006fb1;
    font-size: 15px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    color: #777;
    font-weight: normal;
    box-sizing: border-box;
    width: 100%;
    padding: 0 5px;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .submit_btn{
    margin-top: 17px;
    margin-bottom: 30px;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .submit_btn button{
    padding: 10px 0;
    color: #fff;
    margin: 0;
    background: #a6a6a6;
    border-radius: 4px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    max-width: 275px;
    border: none;
    margin: auto;
}
.homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .submit_btn button.active{
    background: #017bb7;
}
.popup_cont{
    overflow: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 99;
    position: fixed;
    padding: 10px 0;
}
.details_popup, .homepage .reports_popup{
    margin-bottom: 10px;
    width: 900px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.details_popup .details_popup_head p{
    font-size: 24px;
    color: #4325ce;
    padding: 20px 40px;
    margin: 0;
    background: #f6fbff;
    border-radius: 5px 5px 0 0;
}
.details_popup .details_popup_head p a{
    font-size: 14px;
    color: #2d38c3;
    padding: 0px 10px;
    border: 1px solid #2d38c3;
    float: right;
    text-decoration: none;
    border-radius: 4px;
}
.details_popup .details_popup_head p a:hover{
    color: #fff;
    background: #2d38c3;
}
.details_popup .flex_box{
    display: flex;
}
.details_popup .flex_box.full_left .details_popup_left{
    width: 50%;
    float: none;
    margin: auto;
    border-right: none;
}
.details_popup .flex_box.full_left .details_popup_right{
    display: none;
}
.details_popup .details_popup_left{
    width: 40%;
    float: left;
    padding: 18px 30px 24px;
    border-right: 1px solid #979797;
}
.details_popup .details_popup_left .form_head img{
    display: inline-block;
}
.details_popup .details_popup_left .form_head span{
    display: inline-block;
    font-size: 22px;
    color: #017bb7;
    vertical-align: middle;
    margin-left: 7px;
}
.details_popup.reports .details_popup_left .form_head span{
    font-size: 20px;
    color: #474747;
    text-transform: uppercase;
    margin: 0;
}
.details_popup .details_popup_left .form{
    margin: 0;
}
.details_popup .details_popup_left .form .form_group{
    margin-top: 10px;
}
.details_popup .details_popup_left .form .form_group label{
    margin-bottom: 0;
    padding: 5px 1px;
    font-size: 16px;
    color: #4325ce;
    font-weight: bold;
}
.details_popup .details_popup_left .form .form_group .form_control{
    border-radius: 2px;
    border: solid 1px #979797;
    height: 40px;
    margin: 0;
    width: 100%;
}
div.error{
    display: block;
    color: #bc0033;
    font-size: 12px;
    font-weight: bold;
}
.details_popup .details_popup_right{
    width: 60%;
    float: right;
    padding: 18px 40px 24px;
}
.details_popup .details_popup_right .benefits_head p{
    font-size: 24px;
    color: #2d38c3;
}
.details_popup.reports .details_popup_right .benefits_head p{
    font-size: 22px;
    color: #474747;
    text-transform: uppercase;
}
.details_popup .details_popup_right .benefits_head p img{
    vertical-align: bottom;
    font-size: 48px;
    margin-bottom: -4px;
    margin-left: 4px;
}
.details_popup .details_popup_right .benefits_box ul li{
    margin-top: 30px;
    font-size: 18px;
    color: #666464;
    background: url(../img/shape.png) no-repeat top left;
    list-style: none;
    padding-left: 45px;
}
.details_popup .details_popup_bottom{
    clear: left;
    border-top: 1px solid #979797;
}
.details_popup .details_popup_bottom label{
    padding: 25px;
    position: relative;
    cursor: pointer;
    margin: 0;
    float: left;
}
.details_popup .details_popup_bottom label p{
    margin: 0;
    padding-left: 35px;
    font-size: 16px;
    color: #666464;
    font-weight: normal;
}
.details_popup .details_popup_bottom label p a{
    color: #4325ce;
    text-decoration: none;
}
.details_popup .details_popup_bottom label input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.details_popup .details_popup_bottom label span{
    width: 22px;
    height: 22px;
    border: solid 1px #979797;
    position: absolute;
    top: 23px;
    left: 25px;
}
.details_popup .details_popup_bottom label span:before{
    height: 14px;
    width: 14px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #2d38c3;
    content: "";
    display: none;
}
.details_popup .details_popup_bottom label input[type="checkbox"]:checked+span:before{
    display: block;
}
.details_popup .details_popup_bottom button.confirm_btn{
    width: 100%;
    border: 0;
    margin: 13px;
    display: block;
    float: right;
    width: 250px;
    height: 44px;
    text-align: center;
    border-radius: 2px;
    background-color: #939393;
    padding: 12px 0;
    font-size: 20px;
    color: #fff;
    font-weight: lighter;
    text-decoration: none;
}
.details_popup .details_popup_bottom button.confirm_btn.active{
    background-color: #2d38c3;
}
.details_popup .cate_box{
    margin-top: 40px;
}
.details_popup .cate_box p{
    color: #474747;
    font-size: 14px;
    margin: 0;
}
.details_popup .cate_box ul li{
    list-style: none;
}
.details_popup .cate_box ul li+li{
    margin-top: 15px;
}
.details_popup .cate_box ul li a{
    display: block;
    text-decoration: none;
    color: #474747;
    border: 1px solid #474747;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 20px;
}
.details_popup .cate_box ul li.active a{
    color: #fff;
    background: #2d38c3;
    border-color: #2d38c3;
}
.common_popup_cont_bulk{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.common_popup_cont, .common_popup_cont_sheet{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.popup_confirm_cont{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.viewpopup, .datatable_prev_cont{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(57, 57, 57, 0.6);
    z-index: 99;
}
.viewpopup .popup_view_cont, .datatable_prev_cont .datatable_prev_box {
    background: #fff;
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-bottom: solid 1px #979797;
}
.viewpopup .popup_view_cont .popupheader, .datatable_prev_cont .datatable_prev_box .datatable_prev_box_head {
    border-bottom: solid 1px #979797;
}
.viewpopup .popup_view_cont .popupheader p, .datatable_prev_cont .datatable_prev_box .datatable_prev_box_head p {
    margin-bottom: 0;
    padding: 20px 30px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #164157;
}
.datatable_prev_cont .datatable_prev_box .datatable_prev_box_body{
    padding: 20px;
    height: calc(100% - 61px);
    overflow: auto;
}
.datatable_prev_cont .datatable_prev_box .datatable_prev_box_body table{
}
.viewpopup .popup_view_cont .slider_content .slide_data {
    float: left;
    width: 33.33%;
    padding: 4px;
}
.viewpopup .popup_view_cont .slider_content .slide_data .slide_data_inn{
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #979797;
    height: 100%;
}
.viewpopup .popup_view_cont .slider_content .slide_data .slide_data_inn .slideImg{
    height: 100px;
    width: 100px;
    margin: auto;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.viewpopup .popup_view_cont .slider_content .slide_data img {
    max-width: 100%;
    max-height: 100%;
}
.viewpopup .popup_view_cont .slider_content .slide_data img.showZoom{
    cursor: pointer;
}
.viewpopup .popup_view_cont .slider_content .slide_data i.fa-plus-circle{
    cursor: pointer;
    position: absolute;
    color: #eee;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    display: none;
}
.viewpopup .popup_view_cont .slider_content .slide_data img.showZoom + i.fa-plus-circle{
    display: block;
}
.viewpopup .popup_view_cont .slider_content .slide_data p {
    font-size: 14px;
    font-weight: bold;
    color: #595959;
}
.loadingpopup, .viewpopup .popup_view_cont .slider_content {
    text-align: center;   
    padding: 0px 85px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}
.loadingpopup, .viewpopup .popup_view_cont .slider_nocontent{
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: 60px;
}
.loadingpopup, .viewpopup .popup_view_cont .slider_nocontent p{
    font-size: 20px;
}
.loadingpopup, .viewpopup .popup_view_cont .slider_nocontent a{
    background: #164157;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 5px 15px;
    margin-top: 10px;
}
.next_slide {
    float: right;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.prev_slide {
    float: left;
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.viewpopup .popup_view_cont .slider_content .slide_data .answer_summary{
    overflow: auto;
}
.viewpopup .popup_view_cont .slider_content .slide_data .answer_summary .panel_data_cont{
    display: flex;
    flex-wrap: wrap;
}
.viewpopup .popup_view_cont .slider_content .slide_data .answer_summary .ques_ans h2{
    margin: 0;
    font-size: 11px;
    color: #595959;
    text-align: left;
    padding: 0;
}
.viewpopup .popup_view_cont .slider_content .slide_data .answer_summary .ques_ans h3{
    font-size: 11px;
    color: #969696;
    margin: 0;
    margin-top: 3px;
    text-align: left;
}
.viewpopup .popup_view_cont .slider_content .slide_data .answer_summary .ques_ans h3 img{
    width: 70px;
    display: block;
}
.viewpopup .popup_view_cont .slider_content .slide_data .answer_summary .paneldata {
    overflow: hidden;
    margin-bottom: 14px;
    padding: 0 10px;
}
.viewpopup .popup_view_cont .pagination_cont{
    text-align: center;
    padding: 15px 0 30px;
}
.viewpopup .popup_view_cont .pagination_cont .radiobutton{
    position: relative;
    display: inline-block;
}
.viewpopup .popup_view_cont .pagination_cont .radiobutton+.radiobutton{
    padding: 0 4px;
}
.viewpopup .popup_view_cont .pagination_cont .radiobutton input[type="radio"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.viewpopup .popup_view_cont .pagination_cont .radiobutton span.checkmark{
    width: 6px;
    height: 6px;
    border: 1px solid #000;
    border-radius: 10%;
    cursor: pointer;
}
.viewpopup .popup_view_cont .pagination_cont .radiobutton.active span.checkmark{
    background: #000;
}

.zoom_box_popup{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(57, 57, 57, 0.6);
    z-index: 99;
}
.zoom_box_popup .zoom_box{
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 15px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 90%;
}
.zoom_box_popup .zoom_box span{
    position: absolute;
    top: -5px;
    right: -5px;
    line-height: 12px;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}
.zoom_box_popup .zoom_box img{
    max-width: 100%;
    max-height: 100%;
}



.loadingpopup img{
   width: 100px 
}
.common_popup_cont_bulk .common_popup_bulk{
    background: #fff;
    border-radius: 0px;
    min-width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.common_popup_cont .common_popup, .common_popup_cont_sheet .common_popup_sheet{
    background: #fff;
    border-radius: 5px;
    min-width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    /* z-index: 12; */
}
.popup_confirm_cont .popup_confirm{
    background: #fff;
    border-radius: 5px;
    min-width: 300px;
    padding: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.pop_up_for_copy{
    background: #fff;
    border-radius: 5px;
    min-width: 400px;
    min-height: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 10px;
}


.common_popup_cont .common_popup p, .common_popup_cont_sheet .common_popup_sheet p {
    background: white;
    margin-bottom: 0;
    font-size: 14px;
    color: #555;
    padding: 20px 10px;
    text-align: center;
}

.common_popup_cont_bulk .common_popup_bulk div {
    /* width: 650px; */
    margin: 20px;
}

.common_popup_cont_bulk .common_popup_bulk .common_popup_bulk_headings{
    text-align: center; 
    font-size: 14px;
}

.common_popup_cont_bulk .common_popup_bulk div textarea{
    background: #f8ffff;    
    width: 300px;
    height: 305px;
    margin: 10px;
}

.common_popup_cont_bulk .common_popup_bulk p {
    background: #dddddd;
    font-size: 24px;
    color: rgb(49, 49, 49);
    text-decoration: underline;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.popup_confirm_cont .popup_confirm p{
    margin-bottom: 0;
    font-size: 16px;
    color: #555;
    padding: 40px 16px;
    text-align: center;
    width: 385px;
}
.popup_confirm_cont .popup_confirm button {
    width: 190px;
    height: 50px;
}
.common_popup_cont .common_popup a, .common_popup_cont_sheet .common_popup_sheet a{
    text-decoration: none;
    width: 100%;
    color: #fff;
    padding: 3px 2px;
    text-align: center;
    display: block;
    background: #2d38c3;
}
.common_popup_cont_bulk .common_popup_bulk a{
    text-decoration: none;
    width: 100%;
    color: #fff;
    padding: 3px 2px;
    text-align: center;
    display: block;
    background: #266d91;
}
.confirmSheet {
    text-decoration: none;
    width: 49%;
    color: #fff;
    padding: 3px 2px;
    text-align: center;
    background: #2d38c3;
    border: none;
    float: left;
}
.cancelSheet {
    text-decoration: none;
    width: 50%;
    color: #fff;
    padding: 3px 2px;
    text-align: center;
    background: #2d38c3;
    border: none;
    float: right;
}
.reportpage header{
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
}
.reportpage header .logo{
    width: 165px;
    float: left;
    padding: 8px 0;
    text-align: center;
}
.reportpage header.perheader .logo{
    padding: 9px 25px;
}
.reportpage header.perheader .logo.white_bg{
    background: #fff;
    padding: 9px 17px;
}
.reportpage header .header_right{
    margin-left: 165px;
}
.reportpage header .header_right p.powered{
    margin-top: 0;
    float: left;
    line-height: 70px;
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 700;
}
.reportpage header .header_right p.powered:before{
    position: absolute;
    width: 1px;
    background: #f0f0f0;
    height: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    content: "";
}
.reportpage header .header_right .welcome_box{
    float: right;
    padding: 18px 25px;
    position: relative;
    cursor: pointer;
    position: relative;
}
.reportpage header .header_right .welcome_box .dropDown{
    box-shadow: 0 2px 8px 2px #ccc;
    position: absolute;
    top: 100%;
    right: 25px;
    background: #fff;
    width: 80%;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    display: none;
}
.reportpage header .header_right .welcome_box:hover .dropDown{
    display: block;
}
.reportpage header .header_right .welcome_box .dropDown ul li{
    list-style: none;
}
.reportpage header .header_right .welcome_box .dropDown ul li a{
    text-align: center;
    display: block;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    padding: 10px;
}
.reportpage header .header_right .welcome_box .dropDown ul li a:hover{
    background: #eee;
}
.reportpage header .header_right .welcome_box .welcome_left{
    display: inline-block;
}
.reportpage header .header_right .welcome_box .welcome_left h2{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    line-height: 15px;
}
.reportpage header .header_right .welcome_box .welcome_left p{
    font-size: 12px;
    color: #6d6f72;
    margin: 0;
    line-height: 16px;
}
.reportpage header .header_right .welcome_box .welcome_right{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 15px;
}
.reportpage header .header_right .welcome_box .welcome_right img{
    display: inline-block;
    width: 34px;
}
.reportpage header .header_right .welcome_box .welcome_right span{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.reportpage aside{
    width: 165px;
    float: left;
    box-shadow: 0 2px 3px 0 rgba(118, 118, 118, 0.5);
    position: fixed;
    top: 70px;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 3;
    border-top: 1px solid #e3e3e3;

}
.reportpage aside.fixed, .reportpage .info_panel.fixed{
    position: fixed;
    top: 0;
}
.reportpage aside.asper {
    background-color: #164157;
}
/* .reportpage aside.asper ul li {
    border: solid 0px #c7c7c7;
} */
.reportpage header.perheader {
    width: 100%;
    height: 70px;
    background-color: #266d91;
}
.reportpage header .header_right p.poweredperformance {
    position: fixed;
    right: 50%;
    margin-top: 20px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    font-family: Muli;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}
.reportpage aside.asper ul li{
    position: relative;
}
.reportpage aside.asper ul li a{
  font-size: 15px;
  font-weight: normal;
  line-height: normal;
  color: #ffffff;
  border-bottom: solid 0.5px #c7c7c7;
}
.reportpage aside.asper ul li.active:before{
    content: "";
    position: absolute;
    background: #3587b1;
    width: 12px;
    height: 100%;
}
.reportpage aside.asper ul li.active a{
    color: #fff;
}
.reportpage aside ul li a{
    display: block;
    text-decoration: none;
    padding: 20px;
    color: black;
    font-weight: 600;
    border-bottom: 1px solid #f0f0f0;
}
.reportpage aside ul li.collapseExpand{
    display: none;
}
.reportpage aside ul li.active a{
    color: #2d38c3;
}
.reportpage aside ul li a img{
    float: left;
    width: 24px;
}
.reportpage aside ul li a span{
    margin-left: 35px;
    display: block;
}
.reportpage aside ul li a span em{
    font-style: normal;
    color: #a0a0a0;
    font-size: 12px;
    display: none;
}
.reportpage aside ul li.disabled a{
    padding: 20px 20px 10px;
    pointer-events: none;
    background: #e1e1e1;
}
.reportpage aside ul li.disabled a span em{
    display: block;
}


.reportpage.collapsed.open aside ul li.collapseExpand a img{
    transform: rotate(180deg);
}
.reportpage.collapsed aside ul li.collapseExpand a img{
    transform: rotate(0);
    margin-top: -4px;
}

.reportpage.collapsed aside{
    width: 45px;
}
.reportpage.collapsed aside ul li a, .reportpage.collapsed aside ul li.disabled a{
    padding: 10px;
}
.reportpage.collapsed aside ul li a img{
    float: none;
}
.reportpage.collapsed aside ul li a span{
    display: none;
}
.reportpage.collapsed .report_section{
    margin-left: 45px;
}
.reportpage.collapsed .report_section.full{
    margin-left: 0;
}

.reportpage.collapsed.open aside{
    width: 165px;
}
.reportpage.collapsed.open aside ul li a, .reportpage.collapsed.open aside ul li.disabled a{
    padding: 20px;
}
.reportpage.collapsed.open aside ul li a img{
    float: left;
}
.reportpage.collapsed.open aside ul li a span{
    display: block;
}
.reportpage.collapsed.open .report_section{
    transform: translateX(120px)
}
.copy_toast{
    position: fixed;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
.copy_toast p{
    background: #555;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
}

.report_section.survey h2.survey_home_title{
    font-size: 13px;
    font-weight:600;
    color:#055983;
    margin-right: 10px;
  
}


.reportpage .report_section{
    margin-left: 165px;
    margin-top: 140px;
    padding: 20px;
}
.reportpage .report_section.full{
    margin-left: 0 !important;
}
.reportpage .report_section.survey{
    position: relative;
    margin-left: 165px;
    margin-top: 70px;
    padding: 20px 20px 20px 20px
}


.reportpage .report_section_1.survey{
    width:74%;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    padding: 20px 20px 20px 20px
}


.new_report_section{
    padding: 20px 10px 45px 10px  !important;
}

.reportpage .report_section.no_info{
    margin-top: 125px;
}
.report_section.survey .no_survey_box{
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 6px 0 rgba(140, 140, 140, 0.5);
    margin-bottom: 40px;
}
.report_section.survey .no_survey_box p{
    margin-bottom: 0;
    font-weight: bold;
}

.report_section.survey .survey_list_box .survey_box{
    border-left: 8px solid #266d91;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.report_section.survey .survey_list_box .survey_box .survey_top{
    border-bottom: 1px solid #e8e8e8;
    padding: 7px 20px;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_left{
    margin-right: 25px;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_left p.name{
    font-size: 16px;
    font-weight: 600;
    color: #266d91;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_left p.date{
    font-size: 12px;
    color: #9e9e9e;
    margin: 0;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_left p.date img{
    width: 14px;
    display: inline-block;
    margin-top: -2px;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_right{
    float: right;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_right ul li{
    display: inline-block;
    list-style: none;
}
.report_section.survey .survey_list_box .survey_box .survey_top .survey_top_right ul li a{
    text-decoration: none;
    color: #c5c5c5;
    font-size: 20px;
    display: block;
    line-height: 45px;
    margin-left: 7px;
}
.report_section.survey .survey_list_box .survey_box .ques_response{
    padding: 10px 20px;
}
.report_section.survey .survey_list_box .survey_box .ques_response p{
    font-size: 14px;
    color: #555;
    line-height: 16px;
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
}
.report_section.survey .survey_list_box .survey_box .ques_response p span{
    font-size: 12px;
    display: block;
    color: #ada9a9;
}
.report_section.survey .survey_list_box .survey_box .ques_response em{
    font-size: 12px;
    color: #266d91;
    font-style: normal;
    float: right;
    line-height: 32px;
}
.report_section.survey .survey_list_box .survey_box .ques_response em span{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 8px;
}
.report_section.survey .survey_list_box .survey_box .ques_response em.active span{
    background: #69d264;
}
.report_section.survey .survey_list_box .survey_box .ques_response em.inactive span{
    background: #787878;
}
.report_section.survey .survey_list_box .survey_box .preview{
    background: #f6f7f7;
    padding: 14px 20px;
}
.report_section.survey .survey_list_box .survey_box .preview a{
    font-size: 13px;
    float: left;
    margin-right: 25px;
    color: #266d91;
    text-decoration: none;
    display: inline-block;
}
.reportpage .info_panel{
    background: #f6f8f8;
    border-bottom: 1px solid #ddd;
    padding: 8px 30px;
    position: absolute;
    top: 70px;
    width: 100%;
    left: 0;
    z-index: 2;
    padding-left: 195px;
}
.typeOption {
    border: 1px solid #ccc;
    padding: 4px 30px;
    margin-bottom: 25px;
}
.prefer {
    color: #006fb1;
    margin-left: 10px;
}
.performance {
    background-color: #006fb1;
}
.selectmargin {
    /* margin: 10px; */
    border: 1px solid #ccc;
    padding: 8px;
    margin: 10px;
}
.selectstatus {
    border: 1px solid #ccc;
    padding: 8px;
    padding-right: 125px;
}
select {
    background-color: white;
    border-radius: 4px;
}
.reportpage .dishwash_header, .reportpage .performance_header{
    width: 100%;
    background-color: #ffffff;
}

.reportpage .info_panel.full{
    padding: 8px 30px;
}
.reportpage .dishwash_header h2{
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    margin-bottom: 5px;
}

.reportpage .dishwash_header p {
    margin-bottom: 0;
}
.reportpage .performance_header .head{
    padding: 20px;
    border-bottom: 1px solid #7d7d7d;
}
.reportpage .performance_header .head.analysis_head{
    padding: 20px;
    border-bottom: 0px;
}
.reportpage .performance_header .head h2{
    font-size: 18px;
    margin: 0;
    margin-bottom: 8px;
    color: #555;
    font-weight: bold;
}
.reportpage .performance_header .head h2 em{
    font-style: normal;
    color: #d8d8d8;
    margin: 0 7px;
}
.reportpage .performance_header .head_left{
    margin-right: 300px;
}
.reportpage .performance_header .head_right{
    float: right;
    text-align: right;
}
.reportpage .performance_header .head_right a.exportAll{
    display: inline-block;
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 3px;
    border: none;
    border-radius: 0;
}
.reportpage .performance_header .head .head_right p, .reportpage .performance_header .head .head_left p.dropdownP{
    color: #2492ce;
    font-size: 15px;
    margin-top: 10px;
}
.reportpage .performance_header .head .head_right select, .reportpage .performance_header .head .head_left select{
    border: solid 1px #cbc9c9;
    font-size: 14px;
    color: #555555;
    margin-left: 18px;
    padding: 5px;
    width: 183px;
    height: 30px;
    border-radius: 0;
}
.switchvisibility {
    position: relative;
    display: inline-block;
    width: 60px;
    vertical-align: middle;
    margin: 0 5px;
}
.sub_head p {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    margin-left: 15px;
    margin-right: 23px;
} 
.sub_head em {
    width: 24px;
    height: 19px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #4a4a4a;
}
.sub_head input[type="text"] {
    width: 85px;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #979797;
}
.sub_head {
    margin-top: 26px;
}
.panel_head_right .switch input, .switchvisibility input {display:none;}
.panel_head_right .switch input {display:none;}
.switchvisibility code{
    position: absolute;
    left: -48px;
    background: none;
    font-family: inherit;
    color: #777;
    font-size: 14px;
    top: -1px;
}
.switchvisibility input {
    display:none;
}
.switchvisibility .slidertogglevisibility {
    display: block;
    width: 100%;
    height: 23px;
    cursor: pointer;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: solid 1px #d5d2d2;
}
.switchvisibility .slidertogglevisibility:before {
    position: absolute;
    content: "";
    height: 27px;
    width: 27px;
    bottom: -2px;
    left: -1px;
    background-color: #f92653;
    -webkit-transition: .4s;
    transition: .4s;
}
.switchvisibility .slidertogglevisibility em {
    position: absolute;
    left: auto;
    top: 3px;
    font-style: normal;
    right: 6px;
    font-weight: bold;
    font-size: 12px;
}
.switchvisibility input:checked + .slidertogglevisibility::before {
    background-color: #23e2bf;
}
.switchvisibility input:checked + .slidertogglevisibility:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
}
.switchvisibility input:checked + .slidertogglevisibility em {
    position: absolute;
    left: auto;
    top: 3px;
    font-style: normal;
    right: auto;
    left: 3px;
    font-weight: bold;
    font-size: 12px;
}

/* Rounded sliders */
.switchvisibility .slidertogglevisibility.roundtoggle {
    border-radius: 9px;
}

.switchvisibility .slidertogglevisibility.roundtoggle:before {
    border-radius: 50%;
}
.reportpage .performance_header .head_bottom{
    margin-top: 10px;
    text-align: center;
}
.reportpage .performance_header .head_bottom_filter {
    margin: 20px;
    text-align: center; 
}
.reportpage .performance_header .head_bottom ul li, .reportpage .performance_header .head_bottom_filter ul li{
    display: inline-block;
}
.reportpage .performance_header .head_bottom ul li a{
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 3px;
    border: none;
    border-radius: 0;
}

.reportpage .performance_header .head_bottom_filter ul li a{
    text-decoration: none;
    border-radius: 16px;
    background-color: #266d91;
    border: none;
    font-family: Muli;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 6px 45px;
    margin: 15px;
}

.reportpage .performance_header .circulars .circular_box{
    text-align: center;
    padding: 50px 0;
}
.reportpage .performance_header .circulars .circular_box .canvas{
    position: relative;
}
.reportpage .performance_header .circulars .circular_box span{
    display: block;
    font-size: 18px;
    color: #555;
    margin-top: 8px;
}
.reportpage .performance_header .circulars .circular_box em{
    position: absolute;
    top: 50%;
    left: 50%;
    font-style: normal;
    font-size: 20px;
    color: #005280;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.reportpage .performance_header p{
    margin: 0;
    color: #555;
    font-size: 16px;
}
.reportpage .performance_header p span{
    color: #898989;
}
.reportpage .info_panel .data_indi{
    width: 65%;
    float: left;
    border-right: 1px solid #dcdcdc;
}
.reportpage .info_panel .time_period{
    width: 35%;
    float: right;
}
.reportpage .info_panel .time_period img{
    margin-right: 15px;
    width: 24px;
}
.reportpage .info_panel h2.info_panel_head{
    font-size: 16px;
    color: #2d38c3;
    margin: 0;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 9px;
}
.reportpage .info_panel h2.info_panel_head span.support{
    font-size: 12px;
    color: #63c1b7;
    text-transform: capitalize;
    margin-left: 6px;
}
.reportpage .info_panel h2.info_panel_head span.support a{
    color: #70c8be;
    text-decoration: underline;
}
.reportpage .info_panel .data_indi p{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}
.reportpage .info_panel .data_indi p span{
    color: #2d38c3;
    font-size: 15px;
    font-weight: 700;
}
.reportpage .info_panel .time_period{
    padding-left: 30px;
}
.reportpage .info_panel .time_period input[type="text"], .reportpage .info_panel .time_period span, .reportpage .info_panel .time_period input[type="email"], .reportpage .info_panel .time_period input[type="password"]{
    margin: 0;
    border: none;
    border-bottom: 1px solid #2d38c3;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 700;
    color: #2d38c3;
    font-family: 'Muli', sans-serif;
    padding: 0 5px;
}
.reportpage .info_panel .time_period span{
    display: inline-block;
    position: absolute;
    clip: rect(0,0,0,0);
}
.reportpage .report_section.survey .report_section_inner{
    margin-right: 240px;
}
.reportpage .report_section .report_section_inner .bill_main_head{
    text-align: center;
}
.reportpage .report_section .report_section_inner .bill_main_head p{
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700;
}
.canvasabove {
    border: solid 0.5px #7d7d7d;
}
.reportpage .report_section .report_section_inner .common_chart_cont{
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    position: relative;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance{
    background: #fff;
    border-radius: 3px;
    position: relative;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(99, 99, 99, 0.5);
    /* margin-left: 165px;  */
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_head{
    background: #f6fcfe;
    border-radius: 5px 5px 0 0;
    margin-top: 16px;
}
.chart_head{
    border-bottom: solid 0.5px #7d7d7d;
}
.chart_head p {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
    color: #555555;
    padding: 12px 15px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_head p{
    font-size: 18px;
    margin-bottom: 0;
    color: #555;
    padding: 12px 15px;
    cursor: pointer;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_head i {
    float: right;
    margin-top: 4px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_subhead p:first-child {
    font-size: 18px;
    font-weight: bold;
    color: #555555;
    padding-left: 35px;
    padding-top: 9px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_subhead p span:first-child{
    font-weight: bold;
    padding-left: 35px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_subhead p span {
    font-size: 18px;
    color: #555555;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_subhead p:last-child{
    padding-bottom: 14px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_head p em{
    color: #d8d8d8;
    font-style: normal;
    margin: 0 7px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_head p span{
    color: #f83a51;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body{
    padding: 20px 60px;
    margin-bottom: 16px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .average{
    margin: 40px 0;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .progress_bar h2{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    margin-top: 18px;
    margin-bottom: 22px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .progress_bar .progress_large{
    background-color:#f1f1f1;
    border-radius: 4px;
    height: 8px;
    width: 77%;
    margin-bottom: 20px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .progress_bar .progress_large .progress_small{
    background: #0077CC;
    height: 8px;
    border-radius: 4px;
}
.response_progress {
    width: 20%;
    float: right;
    font-weight: bold;
    font-size: 16px;
    color: #555555;
    margin-top: -14px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .progress_bar .progress_small{
    background-color:#0077CC;
    height:8px;
    width:20%;
    border-radius: 4px;
    margin-bottom: 0;
    margin-top: -8px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .average p{
    margin-bottom: 2px;
    font-size: 16px;
    color: #555;
    margin-left: 10px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .average p span{
    color: #2492ce;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body hr.separator{
    margin: 40px 0;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota h2{
    font-size: 18px;
    color: #555;
    font-weight: bold;
    margin-bottom: 20px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner{
    padding: 0 30px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner .average{
    margin: 30px 0;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner .sub_quota_list{
    margin-bottom: 45px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner .sub_quota_list .sub_quota_box{
    cursor: pointer;
    border-radius: 5px;
    float: left;
    border: 1px solid #dbdbdb;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.56);
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner .sub_quota_list .sub_quota_box.subquota_active{
    border: 1px solid #b3b3b3;
    box-shadow: none;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner .sub_quota_list .sub_quota_box p.achived{
    font-size: 20px;
    font-weight: bold;
    color: #555;
    padding-top: 10px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .subQuota .subQuota_inner .sub_quota_list .sub_quota_box p.complete{
    font-size: 18px;
    color: #5abb3a;
    padding-left: 37px;
    padding-right: 37px;
}
.common_chart_cont_performance .quota_body .subQuota .subQuota_inner .sub_quota_list .sub_quota_box p.head{
    background: #f6fcfe;
    border-radius: 4px 4px 0 0;
    padding: 5px 12px;
    font-size: 16px;
    color: #555;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box{
    margin-top: 15px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box h2{
    font-size: 16px;
    color: #555;
    font-weight: bold;
    margin: 0;
    margin-bottom: 12px;
    padding-top: 16px;
}
.report_section_inner.performancetracker table tr{
    margin-top: 10px;
    background-color: #f9f9f9;
}
.report_section_inner.performancetracker {
    margin-right: 0 !important;
}
.report_section_inner.performancetracker table tr th:first-child{
    width: 50px;
}
.report_section_inner.performancetracker table tr th:nth-child(2), .report_section_inner.performancetracker table tr th:last-child{
    width: 150px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table{
    text-align: center;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tr th{
    font-size: 16px;
    font-weight: bold;
    color: #555;
    border-bottom: 0;
    text-align: center;
    padding: 10px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tbody tr td{
    font-size: 16px;
    color: #555;
    padding: 10px;
    position: relative;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tbody tr td:nth-child(2) .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #266d91;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 100%;
    padding: 8px;
}
.analysisrep {
    width: 165px;
    float: left;
    padding: 8px 0;
    text-align: center;
}
.analysisrep .analysisrepname {
    color: white;
    font-weight: bold;
    font-size: 18px;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tbody tr td:nth-child(2) .tooltiptext::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #266d91 transparent transparent;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tbody tr td:nth-child(2):hover .tooltiptext {
    visibility: visible;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tbody tr:first-child td{
    border-top: 0;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box table tr td span{
    color: #d0011b;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box .see_more{
    text-align: center;
}
.reportpage .report_section .report_section_inner .common_chart_cont_performance .quota_body .chart_box .see_more a{
    font-size: 16px;
    color: #555;
    background: #f3f3f3;
    padding: 2px 10px;
    border-radius: 4px;
    text-decoration: none;
}
.reportpage .report_section .analysis .common_chart_cont{
    background: #fff;
    padding: 20px;
    text-align: right;
}
.reportpage .report_section .analysis .common_chart_cont+.common_chart_cont{
    margin-top: 20px;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header{
    margin-bottom: 25px;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header p{
    font-size: 18px;
    color: #555;
    font-weight: bold;
    float: left;
    margin-bottom: 0;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header ul{
    float: right;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header ul li{
    display: inline-block;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header ul li a{
    display: block;
    width: 30px;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header ul li.active a{
    box-shadow: 0 2px 4px 0 rgba(249, 249, 249, 0.5);
    background-color: #f4f4f4;
    border: solid 0.5px #c8c8c8;
}
.reportpage .report_section .analysis .common_chart_cont .chart_header ul li a img{
    width: 100%;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr th{
    height: 1px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 2px;
    border: none;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr th span{
    background-color: rgba(36, 146, 206, 0.14);
    display: block;
    padding: 12px 15px;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr th span em{
    font-style: normal;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box .downloadExcel{
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 3px;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    float: right;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box .table-responsive{
    width: 100%;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table{
    border: none;
    width: 100% !important;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box .dataTables_wrapper .dataTables_filter{
    display: none;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr td{
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 14px;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr:first-child td{
    border-top: 0;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr td:first-child{
    text-align: left;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box table tr td:last-child{
    text-align: center;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box [id^="chartBox"]{
    min-height: 400px;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box #noShow{
    min-height: 400px;
    position: relative;
}
.reportpage .report_section .analysis .common_chart_cont .chart_box #noShow p{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
    color: #266d91;
    border: 2px solid #266d91;
    padding: 14px;
    border-radius: 20px;
}

.reportpage .report_section .report_section_inner .common_chart_cont .chart_loader{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_loader img{
    width: 50px;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.reportpage .report_section .report_section_inner .chart_main_cont{
    margin-top: 10px;
}
.reportpage .report_section .report_section_inner .chart_main_cont+.chart_main_cont{
    margin-top: 25px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_header{
    margin-bottom: 22px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_header p{
    margin-bottom: 0;
}
.dupImage {
    width: 250px !important;
    height: 250px !important;
    top: 50%;
    position: absolute;
    left: 50%;
    border-radius: 0% !important;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.uploadfile {
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    top: 50%;
    position: absolute;
    left: 50%;
}
.panel_head_right em{
    font-style: normal;
    font-weight: bold;
}
.panel_head_right .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: middle;
    margin: 0 5px;
  }
  
.panel_head_right .switch input {display:none;}
  
.slidertoggle {
    display: block;
    width: 100%;
    height: 75%;
    cursor: pointer;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
  
  .slidertoggle:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 9px;
    bottom: 13px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slidertoggle {
    background-color: #2196F3;
  }
  
  
  
  input:checked + .slidertoggle:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slidertoggle.roundtoggle {
    border-radius: 34px;
  }
  
  .slidertoggle.roundtoggle:before {
    border-radius: 50%;
  }

.heading{
  font-family: Muli;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #555555;
}
.sub_header {
    font-family: Muli;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #555555;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_header p span{
    font-size: 14px;
    font-weight: 700;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_header p span em{
    padding: 0;
    color: #2d38c3;
    font-variant-position: 14px;
    font-weight: 700;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_header p em{
    font-style: normal;
    color: #aeaeae;
    font-size: 14px;
    padding: 0 15px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_header p select{
    padding: 0;
    color: #2d38c3;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
    border: none;
    width: 100px;
    height: 20px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .instance{
    z-index: 1;
    position: absolute;
    top: 70px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .instance p{
    font-size: 14px;
    color: #555;
    margin-bottom: -5px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .instance span{
    display: inline-block;
    color: #555;
    font-size: 42px;
    font-weight: 700;
}

.reportpage .report_section .report_section_inner .common_chart_cont+.common_chart_cont{
    margin-top: 25px;
}
.reportpage .report_section .report_section_inner .common_chart_cont .chart_box{
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
/*    min-height: 240px;*/
    width: 100%;
    padding: 8px;
}
.reportpage .report_section .report_section_inner .common_chart_cont.barChart .chart_box{
    height: 240px;
}
.reportpage .report_section .report_section_inner .common_chart_cont.lineChart .chart_box, .reportpage .report_section .report_section_inner .common_chart_cont.columnChart .chart_box, .reportpage .report_section .report_section_inner .common_chart_cont.pieChart .chart_box{
    height: 400px;
}
.reportpage .report_section .report_section_inner .twoChart .half{
    width: 50%;
    float: left;
    margin-bottom: 25px;
}
.reportpage .report_section .report_section_inner .twoChart .half:first-child{
    padding-right: 7.5px;
}
.reportpage .report_section .report_section_inner .twoChart .half:last-child{
    padding-left: 7.5px;
}
.reportpage .report_section .report_section_inner .twoChart.one .half{
    width: 100%;
    padding: 0!important;
    margin-bottom: 12.5px;
}

.reportpage .report_section .panel_head{
    background: #fff;
    height: 84px;
    padding: 15px;
    box-shadow: 0 1px 2px 0 #d1d1d1;
}
.reportpage .report_section .panel_head h2{
    float: left;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #164157;
    line-height: 54px;
}
.reportpage .report_section .panel_head h2 a{
    color: #164157;
    text-decoration: none;
}
.reportpage .report_section .panel_head h2 i{
    margin: 0 10px;
}
.reportpage .report_section .panel_head h2 span{
    font-weight: normal;
}
.reportpage .report_section .panel_head .panel_search, .panel_search{
    float: right;
    border-radius: 4px;
    border: solid 1px #979797;
    height: 35px;
    margin-top: 10px;
}
.reportpage .report_section .panel_head .panel_search i, .panel_search i{
    float: left;
    line-height: 35px;
    padding: 0 10px;
    color: #b2b2b2;
    font-size: 20px;
}
.reportpage .report_section .panel_head .panel_search input[type="text"], .panel_search input[type="text"]{
    border: none;
    vertical-align: top;
    line-height: 33px;
    padding: 0 5px 0 0;
    border-radius: 4px;
    color: #777;
}
.reportpage .report_section .panel_table .project_list_box{
    background: #fff;
    padding: 0 20px 20px;
    box-shadow: 0 2px 4px 0 rgba(168, 168, 168, 0.48);
}
.reportpage .report_section .panel_table .project_list_box+.project_list_box{
    margin-top: 25px;
}
.reportpage .report_section .panel_table .project_list_box .project_head{
    padding: 20px;
    border-bottom: solid 1px #979797;
}
.reportpage .report_section .panel_table .project_list_box .project_head p{
    margin-bottom: 0;
    font-size: 20px;
    color: #555;
}
.reportpage .report_section .panel_table .project_list_box .project_body{
    padding-top: 30px;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box{
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(140, 140, 140, 0.5);
    margin-bottom: 30px;
    position: relative;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box a{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box h2{
    font-size: 16px;
    font-weight: 600;
    color: #555;
    margin: 0;
    padding: 15px 15px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box p.id{
    font-size: 14px;
    color: #a7a7a7;
    padding: 0 15px 15px;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box p.studies{
    border-radius: 3px;
    background-color: #edf5f9;
    font-size: 17px;
    color: #266d91;
    margin-bottom: 0;
    padding: 15px 18px;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info{
    border-radius: 0 0 3px 3px;
    background: #edf5f9;
    padding: 5px 18px;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p{
    font-size: 16px;
    margin-bottom: 0;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p.response{
    font-size: 16px;
    color: #266d91;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p.response img{
    vertical-align: top;
    width: 22px;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p.studies{
    color: #266d91;
    padding: 10px 0;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p.danger{
    color: #d0011b;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p.warning{
    color: #f6a623;
}
.reportpage .report_section .panel_table .project_list_box .project_body .project_box .info p.success{
    color: #529604;
}
.reportpage .report_section .panel_table .project_list_box.notfound p{
    text-align: center;
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
}
.reportpage .report_section .panel_table .table_wrapper{
    margin-bottom: 20px;
    overflow: auto;
}
.reportpage .report_section .panel_table table{
    box-shadow: 0 2px 4px 0 rgba(168, 168, 168, 0.5);
    background: #fff;
    border-radius: 4px;
    margin-bottom: 0;
    white-space: nowrap;
}
.reportpage .report_section .panel_table table tr th{
    vertical-align: top;
    background: #edf5f9;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    padding: 15px;
    min-width: 110px;
    border-bottom: 0;
    text-align: center;
}
.reportpage .report_section .panel_table table tr th input{
    display: block;
    margin: auto;
}
.reportpage .report_section .panel_table table tbody {
    text-align: center;
}
.reportpage .report_section .panel_table table tr th:first-child{
    width: 50px;
}
.reportpage .report_section .panel_table table tbody tr:first-child td{
    border-top: 0;
}
.reportpage .report_section .panel_table table tbody tr td button, .reportpage .report_section .panel_table .project_list_box .project_body h3 button {
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    border-radius: 19px;
    background-color: #164157;
    border: none;
    padding: 5px 8px;
}
.reportpage .report_section .panel_table table tbody tr td{
    padding: 25px 15px;
    font-size: 16px;
    color: #555;
    vertical-align: middle;
    position: relative;
    min-width: 110px;
}
.reportpage .report_section .panel_table table tbody tr td input.rowSelect{
    width: auto;
    position: absolute;
    top: 10px;
}
.reportpage .report_section .panel_table table tbody tr td:nth-child(2){
    width: 60px;
}
.reportpage .report_section .panel_table table tbody tr td input{
    font-size: 16px;
    width: 140px;
    height: 36px
}
.reportpage .report_section .panel_table table tbody tr td img{
    width: 60px;
    border-radius: 100%;
}
.reportpage .report_section .panel_table .pagination_box{
    text-align: center;
}
.reportpage .report_section .panel_table .pagination_box a{
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #164157;
}
.reportpage .report_section .panel_table .pagination_box p{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin: 0 15px;
}
.reportpage .report_section .panel_table .pagination_box p span{
    font-weight: bold;
}
.reportpage .report_section .panel_table .reports_box{
    width: 50%;
    float: left;
    padding: 10px;
}
.reportpage .report_section .panel_table .reports_box .reports_box_inner{
    box-shadow: 0 1px 3px 0 #bdbdbd;
    background: #fff;
    padding: 20px;
    display: table;
    width: 100%;
}
.reportpage .report_section .panel_table .reports_box .reports_box_inner .icon{
    width: 50px;
    display: table-cell;
}
.reportpage .report_section .panel_table .reports_box .reports_box_inner .icon img{
    width: 100%;
}
.reportpage .report_section .panel_table .reports_box .reports_box_inner p{
    font-size: 16px;
    color: #555;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
    padding: 0 15px;
}
.reportpage .report_section .panel_table .reports_box .reports_box_inner .download{
    display: table-cell;
    width: 110px;
    vertical-align: middle;
    text-align: center;
}
.reportpage .report_section .panel_table .reports_box .reports_box_inner a{
    background: #3587b1;
    color: #fff;
    display: block;
    border-radius: 27px;
    padding: 7px 18px;
    text-decoration: none;
}
.reportpage .report_section .panel_header {
    margin: 17px 37px;
}
.reportpage .report_section .panel_header p {
   font-size: 16px;
   font-weight: bold;
   color: #555555;
   display: inline;
   margin-right: 19px;
}
.reportpage .report_section .panel_header a.printBtn{
    float: right;
    background-color: #164157;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    border: none;
    padding: 3px 17px 2px;
    text-decoration: none;
}
.reportpage .report_section .panel_header .panel_head_top{
    margin-bottom: 15px;
}
.select2-container--open .select2-dropdown--below {
    background-color: #f4f4f4;
}
.inputfile {
    background: #266d91;
    font-size: 18px;
    border: none;
    color: white;
    padding: 8px 28px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #999;
    font-size: 16px;
    border-radius: 16px;
}
.uploadtext {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.citylist li {
    color: #0072bc;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: left;
}
.citylistfilter li {
    color: #0072bc;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: left;
}
.uploadbtn {
    background-color: #164157;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border: none;
    padding: 8px 30px;
    margin: 30px 130px;
    border-radius: 15px;
}
.citylist {
    list-style: none;
    background-color: #ffffff;
    padding-left: 0px;
    width: 185px;
    margin-left: 450px;
}
.citylistfilter {
    list-style: none;
    background-color: #ffffff;
    padding-left: 0px;
    width: 150px;
}
.adminuser .control-group {
    width: 30%;
    display: inline-table;
    margin-top: 20px;
    margin-right: 25px
}
.adminuser .control-group .control-label, .adding p {
    font-size: 20px
}
.adding .notext{
    display: block;
    color: #bc0033;
    font-size: 12px;
    font-weight: 700;
}
.adminuser .control-group .controls input, .adding input {
    padding: 5px
}
.adding {
    text-align: center;
}
.net_promoter_cont{
    height: 100px;
    background: #ccc;
    position: relative;
}
.adding_inline .notext{
    display: block;
    color: #bc0033;
    font-size: 12px;
    font-weight: 700;
}
.adminuser .control-group .controls input, .adding_inline input {
    padding: 5px
}
.adding_inline {
    text-align: center;
    display: inline-block;
}
.net_promoter_cont .detractors{
    height: 100%;
    background: #f15b40;
    width: 0;
    float: left;
}
.net_promoter_cont .passives{
    height: 100%;
    background: #70c8be;
    width: 0;
    float: left;
}
.net_promoter_cont .promoters{
    height: 100%;
    background: #ffdd0c;
    width: 0;
    float: left;
}
.net_promoter_cont .nps_score{
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.nps_legend{
    margin-top: 30px;
}
.nps_legend ul li{
    font-size: 12px;
    color: #000;
    width: 165px;
    margin-bottom: 10px;
}
.nps_legend ul li span{
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 10px;
    float: left;
}
.nps_legend ul li.detractors span{
    background: #f15b40;
}
.nps_legend ul li.passives span{
    background: #70c8be;
}
.nps_legend ul li.promoters span{
    background: #ffdd0c;
}
.nps_legend ul li em{
    font-style: normal;
    float: right;
    font-size: 14px;
    font-weight: 600;
    margin-top: -2px;
}

/* slider css start */

.weekSliderBox {
    position: relative;
}
.weekSliderBox .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 25px;
}
.weekSliderBox .MS-content .item {
    display: inline-block;
    width: 20%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 10px;
}

/* slider css end */

.weekSliderBox .MS-content .item .item_inner{
    height: 85px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 3px;
    position: relative;
}
.weekSliderBox .MS-content .item.active .item_inner{
    background: #70c8be;
}
.weekSliderBox .MS-content .item.active .item_inner p.date, .weekSliderBox .MS-content .item.active .item_inner p.bills{
    color: #fff;
}
.weekSliderBox .MS-content .item .item_inner a.wholeClick{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.weekSliderBox .MS-content .item .item_inner p.date{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 15px;
}
.weekSliderBox .MS-content .item .item_inner p.bills{
    color: #70c8be;
    font-size: 14px;
    margin-top: 10px;
}
.weekSliderBox .MS-controls{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 26px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.weekSliderBox .MS-controls button{
    height: 26px;
    width: 26px;
    background: url(../img/slider_arrow_blue.png) no-repeat;
    border: none;
}
.weekSliderBox .MS-controls .MS-left{
    position: absolute;
    top: 0;
    left: 0;
    background-position: top left;
}
.weekSliderBox .MS-controls .MS-right{
    position: absolute;
    top: 0;
    right: 0;
    background-position: top right;
}
.bill_sample_box{
    margin-right: 270px;
    background: #fff;
    border-radius: 3px;
    padding: 10px 20px 20px;
    margin-top: 20px;
}
.bill_sample_box h2.sample_head{
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
}
.bx-wrapper{
    box-shadow: none;
    border: 0;
}
.bill_sample_box .bill_view_cont{
    padding: 20px 10px 10px;
}
.bill_sample_box .bill_view_cont .bill_slider_cont{
    width: 90px;
    float: left;
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bill_slider_box .slide{
    width: 88px;
    height: 88px;
    border: 1px solid #ccc;
    position: relative;
}
.bill_sample_box .bill_view_cont .bill_slider_box .slide img{
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.bill_sample_box .bill_view_cont .bill_slider_box .slide a{
    display: block;
    height: 100%;
}
.bill_sample_box .bill_view_cont .bill_slider_box .slide.active a{
    background: rgba(0,0,0,0.3);
}

.bill_sample_box .bill_view_cont .bill_view_box{
    margin-left: 110px;
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper{
    padding: 40px 0;
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls{
    width: 26px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls a{
    position: absolute;
    margin: 0;
    background: url(../img/slider_arrow_vertical_blue.png);
    height: 26px;
    width: 26px;
    font-size: 0;
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls a.bx-prev{
    top: 0;
    left: 0;
    background-position: top left;
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls a.bx-next{
    bottom: 0;
    left: 0;
    top: auto;
    background-position: bottom left;
}
.bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-viewport{
    z-index: 1;
}
.bill_sample_box .bill_view_cont .bill_view_box .bill_details{
    width: 100%;
    float: left;
}
.bill_sample_box .bill_view_cont .bill_view_box .bill_details p{
    width: 33.33%;
    float: left;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #414141;
    margin-bottom: 0;
}
.bill_sample_box .bill_view_cont .bill_view_box .bill_image{
    background: #f0f0f0;
    float: left;
    margin-top: 20px;
    height: 600px;
    position: relative;
    width: 100%;
}
.common_loader{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    display: none;
}
.common_loader img{
    position: absolute;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.user_details_box{
    width: 248px;
    float: right;
    margin-top: 20px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}
.user_details_box .user_details_head{
    background: #4325ce;
    text-align: center;
}
.user_details_box .user_details_head p{
    margin-bottom: 0;
    padding: 10px 10px 40px;
    color: #fff;
}
.user_details_box .user_details_body{
    padding: 10px;
}
.user_details_box .user_details_body .name_img{
    text-align: center;
    margin-bottom: 10px;
}
.user_details_box .user_details_body .name_img .avtar{
    width: 100%;
    margin-top: -40px;
}
.user_details_box .user_details_body .name_img .avtar img{
    width: 55px;
}
.user_details_box .user_details_body .name_img .name{
    width: 100%;
    vertical-align: middle;
}
.user_details_box .user_details_body .name_img .name p{
    font-size: 16px;
    font-weight: 700;
}
.user_details_box .user_details_body .city_bill_info ul li{
    list-style: none;
}
.user_details_box .user_details_body .city_bill_info ul li p{
    width: 50%;
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding-right: 15px;
    margin-top: 2px;
    clear: none;
    text-align: right;
    position: relative;
}
.user_details_box .user_details_body .city_bill_info ul li p+p{
    text-align: left;
    padding-left: 15px;
}
.user_details_box .user_details_body .city_bill_info ul li p+p:before{
    position: absolute;
    top: 0;
    left: 0;
    content: ":";
}
.user_details_box .user_details_body p{
    text-transform: capitalize;
    clear: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.user_details_box .user_details_body .conduct_research{
    margin-top: 20px;
    padding-top: 10px;
    float: left;
}
.user_details_box .user_details_body .conduct_research p{
    font-size: 13px;
}
.user_details_box .user_details_body .conduct_research p span{
    font-weight: 700;
    text-transform: uppercase;
    color: #4325ce;
}
.user_details_box .user_details_body .conduct_research a{
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin-top: 15px;
    background: #4325ce;
    display: block;
}
.conduct_research_popup_cont{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.5);
    overflow: auto;
}
.conduct_research_popup_cont .conduct_research_popup{
    background: #fff;
    position: absolute;
    top: 50px;
    left: 50%;
    background: #fff;
    width: 300px;
    transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    padding: 20px 15px;
    border-radius: 3px;
}
.conduct_research_popup_cont .conduct_research_popup h2{
    margin: 0;
    line-height: normal;
    font-size: 16px;
    font-weight: 700;
    color: #2d38c3;
    margin-bottom: 10px;
}
.conduct_research_popup_cont .conduct_research_popup ul li{
    list-style: none;
    margin: 5px 0;
}
.conduct_research_popup_cont .conduct_research_popup ul li label{
    display: block;
    padding: 5px 5px 5px 25px;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
}
.conduct_research_popup_cont .conduct_research_popup ul li label input[type="radio"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.conduct_research_popup_cont .conduct_research_popup ul li label span{
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 100%;
    top: 7px;
    left: 0;
}
.conduct_research_popup_cont .conduct_research_popup ul li label span:before{
    position: absolute;
    display: none;
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    background: #2d38c3;
    border-radius: 100%;
    content: ""
}
.conduct_research_popup_cont .conduct_research_popup ul li label input[type="radio"]:checked+span:before{
    display: block;
}
.conduct_research_popup_cont .conduct_research_popup .detail_box{
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.conduct_research_popup_cont .conduct_research_popup .detail_box .form_group{
    margin-bottom: 10px;
}
.conduct_research_popup_cont .conduct_research_popup .detail_box .form_group label{
    font-size: 14px;
}
.conduct_research_popup_cont .conduct_research_popup .detail_box .form_group input[type="text"], .conduct_research_popup_cont .conduct_research_popup .detail_box .form_group input[type="email"]{
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 5px;
}
span.error{
    color: #f44336;
    font-size: 12px;
    display: block;
    font-weight: 700;
    margin-top: 2px;
}
.conduct_research_popup_cont .conduct_research_popup .submit_btn a{
    display: block;
    color: #fff;
    background: #2d38c3;
    border-radius: 3px;
    padding: 7px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
}
.conduct_research_popup_cont .conduct_research_popup > span.close{
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 5px;
    right: 9px;
}
.view_bills_btn{
    margin-top: 25px;
    text-align: center;
}
.view_bills_btn a{
    background: #2d38c3;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
}

.addnewsurvey{
    padding: 1px 10px;
}
.addnewsurvey .survey_new_tile{
    width: 33.33%;
    margin-bottom: 10px;
    float: left;
    padding: 0 5px;
}
.addnewsurvey .survey_new_tile a{
    font-size: 12px;
    color: #9d4480;
    text-decoration: none;
    display: inline-block;
    padding: 13px;
    height: 50px;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    width: 100%;
}
.addnewsurvey .next_prev{
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.addnewsurvey .next_prev .next_prev_left{
    float: left;
    margin-top: 7px;
}
.addnewsurvey .next_prev .next_prev_right{
    float: right;
}
.addnewsurvey .next_prev .next_prev_right .survey_search{
    border: solid 1px #979797;
    height: 35px;
    background: #fff;
    display: inline-block;
}
.addnewsurvey .next_prev .next_prev_right button{
    display: inline-block;
    vertical-align: top;
    background: #266d91;
    color: #fff;
    border-radius: 0;
}
.addnewsurvey .next_prev .next_prev_right button.reset{
    background: #cf7c06;
}
.addnewsurvey .next_prev .next_prev_right i{
    float: left;
    line-height: 35px;
    padding: 0 10px;
    color: #b2b2b2;
    font-size: 20px;
}
.addnewsurvey .next_prev .next_prev_right input[type="text"]{
    border: none;
    vertical-align: top;
    line-height: 33px;
    padding: 0 5px 0 0;
    border-radius: 4px;
    color: #777;
}
.addnewsurvey .next_prev a{
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 3px;
    display: inline-block;
}

.addnewsurvey .survey_new_tile a{
    border: solid 1px #9d4480;
}
.addnewsurvey .survey_new_tile.quesAdd a, .addnewsurvey .survey_new_tile.genQuesAdd a{
    border: solid 1px #266d91;
}
.addnewsurvey .survey_new_tile.screenAdd a{
    border: solid 1px #e87752;
}
.addnewsurvey .survey_new_tile.quesAdd a, .addnewsurvey .survey_new_tile.genQuesAdd a, .addnewsurvey .survey_new_tile.surveyAdd a{
    color: #266d91;
}
.addnewsurvey .survey_new_tile.screenAdd a{
    color: #e87752;
}
.addnewsurvey .survey_new_tile a i{
    background: #9d4480;
    border-radius: 100%;
    padding: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}
.addnewsurvey .survey_new_tile.quesAdd a i, .addnewsurvey .survey_new_tile.genQuesAdd a i, .addnewsurvey .survey_new_tile.surveyAdd a i{
    background: #266d91;
}
.addnewsurvey .survey_new_tile.screenAdd a i{
    background: #e87752;
}



.addnewsurvey .survey_new_tile.surveyAdd{
    /* border: solid 1px #266d91;
    width: 100%; */
  
}
.addnewsurvey.survey .survey_new_tile.surveyAdd{
    background: #fff;
    margin-bottom: 15px;
}





.addnewsurvey.survey .survey_new_tile.surveyAdd a{
    border: none;
    float: left;
}


.survey-question-group .quesAdd{
    width:95%;
    margin: 13px auto;
    border: solid 1px #266d91;
    padding: 10px 15px;

}


.survey-question-group .quesAdd a{
    text-decoration: none;
    display: flex;
    align-items: center;

}


.survey-question-group .quesAdd a div{
    margin-left: 15px;
    font-size: 13px;

}

.survey-question-group .quesAdd a i{

    border-radius: 100%;
    padding: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    display: inline-block;
}


.addnewsurvey .survey_new_tile .enterNameBox{
    padding: 13px;
}
.addnewsurvey .survey_new_tile .enterNameBox input[type="text"]{
    border: none;
    border-bottom: 1px solid #266d91;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 5px;
}
.addnewsurvey .survey_new_tile .enterNameBox button{
    float: right;
    background: #266d91;
    border: none;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 3px;
}
/* .manage_survey_main {
    height: 91vh;
    overflow: auto;
} */
.manage_survey_main .survey_head_tile{
    padding: 15px;
    background: #266d91;
    margin-bottom: 10px;
}
.manage_survey_main .survey_head_tile .showName p{
    color: #fff;
    margin-bottom: 0;
}
.manage_survey_main .survey_head_tile .showName a{
    text-decoration: none;
    color: #fff;
    float: right;
}
.manage_survey_main .survey_head_tile .editName input[type="text"]{
    border: 1px solid #266d91;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 0;
    padding: 0 5px;
}
.manage_survey_main .survey_head_tile .editName .action_btn{
    float: right;
}
.manage_survey_main .survey_head_tile .editName .action_btn a{
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
}
.manage_survey_main .survey_head_tile .editName .action_btn a.cancel{
    color: #fff;
}
.manage_survey_main .survey_head_tile .editName .action_btn a.save{
    background: #fff;
    color: #266d91;
    margin: 0 10px;
    padding: 0 10px;
}
.manage_survey_main .survey_question{
    margin-bottom: 10px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    background: #fff;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head{
    border-bottom: 1px solid #266d91;
}
.manage_survey_main .survey_question .question_tabbing .logic .question_tab_head{
    border-bottom: 1px solid #9d4480;
}
.manage_survey_main .survey_question .question_tabbing .screen .question_tab_head{
    border-bottom: 1px solid #e87752;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head ul{
    float: left;
    margin: 0;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head ul li{
    display: inline-block;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head ul li.active{
    pointer-events: none;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head ul li a{
    font-size: 12px;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    padding: 6px 9px 3px;
    display: block;
    line-height: 25px;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head ul li.active a{
    border-bottom: 3px solid #266d91;
}
.manage_survey_main .survey_question .question_tabbing .logic .question_tab_head ul li.active a{
    border-bottom: 3px solid #9d4480;
}
.manage_survey_main .survey_question .question_tabbing .screen .question_tab_head ul li.active a{
    border-bottom: 3px solid #e87752;
    pointer-events: none;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head ul li+li{
    margin-left: 10px;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head select.position{
    width: 104px;
    height: 23px;
    border: solid 1px #266d91;
    border-radius: 0;
    padding: 0;
    font-size: 12px;
    color: #555;
    float: right;
    margin-bottom: 0;
    margin-top: 7px;
}
.manage_survey_main .survey_question .question_tabbing .logic .question_tab_head select.position{
    border: solid 1px #9d4480;
}
.manage_survey_main .survey_question .question_tabbing .screen .question_tab_head select.position{
    border: solid 1px #e87752;
}
.manage_survey_main .survey_question .question_tabbing .question_tab_head .action_btn{
    padding: 7px 20px;
    float: right;
    border: 0;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details{
    background: #f6f7f7;
    padding: 10px 15px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details.body{
    padding: 20px;
    background: #fff;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesType{
    display: inline-block;
    margin-bottom: 0;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesType select{
    width: 200px;
    height: 30px;
    background-color: #ffffff;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #266d91;
    border-radius: 0;
    margin-bottom: 0;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesType input[type="text"]{
    width: 100px;
    height: 30px;
    background-color: #ffffff;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #266d91;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 5px;
}
.question_tabbing .logic .question_tab_body .question_tab_pane .ques_head_details .quesType select{
    border: solid 1px #9d4480;
}
.question_tabbing .screen .question_tab_body .question_tab_pane .ques_head_details .quesType select{
    border: solid 1px #e87752;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesType select:disabled{
    background: #eee;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .loopType{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #266d91;
    margin-left: 15px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .loopType a{
    font-size: 12px;
    text-decoration: none;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .loopType .pm-toggle{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .loopType .pm-toggle label{
    margin-bottom: 0;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesText{
    margin-top: 10px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesText .input{
    margin-right: 240px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesText .input input{
    width: 100%;
    height: 30px;
    background-color: #ffffff;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #266d91;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 5px;
}
.question_tabbing .logic .question_tab_body .question_tab_pane .ques_head_details .quesText .input input{
    border: solid 1px #9d4480;
    color: #9d4480;
}
.question_tabbing .screen .question_tab_body .question_tab_pane .ques_head_details .quesText .input input{
    border: solid 1px #e87752;
    color: #e87752;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesText a{
    float: right;
    margin: 0 2px;
    padding: 5.5px 10px;
    font-size: 12px;
    color: #266d91;
    border: 1px solid #266d91;
    text-decoration: none;
    background: #fff;
}
.question_tabbing .logic .question_tab_body .question_tab_pane .ques_head_details .quesText a{
    color: #9d4480;
    border: 1px solid #9d4480;
}
.question_tabbing .screen .question_tab_body .question_tab_pane .ques_head_details .quesText a{
    color: #e87752;
    border: 1px solid #e87752;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesText a i{
    background: #266d91;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    line-height: 18px;
    text-align: center;
}
.question_tabbing .logic .question_tab_body .question_tab_pane .ques_head_details .quesText a i{
    background: #9d4480;
}
.question_tabbing .screen .question_tab_body .question_tab_pane .ques_head_details .quesText a i{
    background: #e87752;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .quesText a.disabled{
    pointer-events: none;
    opacity: .6;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia{
    margin-top: 10px;
    margin-bottom: 0;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia p{
    display: inline-block;
    font-size: 12px;
    color: #555;
    margin-bottom: 0;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia a{
    display: inline-block;
    font-size: 12px;
    width: 127px;
    height: 34px;
    text-align: center;
    text-decoration: none;
    padding: 4px;
    background: #fff;
    border: 1px solid #266d91;
    margin-left: 15px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia a.active{
    background: #eee;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia a img{
    display: inline-block;
    width: 25px;
    margin-right: 3px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia input[type="file"]{
    margin-top: 10px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia input[type="text"]{
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #266d91;
    border: 1px solid #266d91;
    border-radius: 0;
    margin-top: 10px;
    padding: 0 5px;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia span{
    margin-top: 2px;
    font-size: 12px;
    display: block;
    font-weight: bold;
    color: #2d38c3;
}
.question_tabbing .question_tab_body .question_tab_pane .ques_head_details .addMedia em{
    margin-top: 2px;
    font-size: 12px;
    display: block;
    font-weight: bold;
    color: #2d38c3;
    margin-top: 10px;
    font-style: normal;
}
.question_tab_pane .ques_head_details .screen_insert_box{
    margin-bottom: 14px;
}
.question_tab_pane .ques_head_details .isRandom_box label{
    margin-bottom: 0;
    position: relative;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}
.question_tab_pane .ques_head_details .isRandom_box label span{
    border: solid 1px #9d4480;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 8px;
}
.question_tab_pane .ques_head_details .isRandom_box label span:before{
    display: none;
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
    background: #9d4480;
    height: 13px;
    width: 13px;
}
.question_tab_pane .ques_head_details .isRandom_box label input[type="checkbox"]:checked + span:before{
    display: block;
}
.question_tab_pane .ques_head_details .isRandom_box label input[type="checkbox"]{
    clip: rect(0,0,0,0);
    position: absolute;
}
.question_tab_pane .ques_head_details .screen_insert_box input[type="text"]{
    width: 100%;
    height: 30px;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #555;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 5px;
}
.question_tabbing .logic .question_tab_pane .ques_head_details .screen_insert_box input[type="text"]{
    border: solid 1px #9d4480;
}
.question_tabbing .screen .question_tab_pane .ques_head_details .screen_insert_box input[type="text"]{
    border: solid 1px #e87752;
}
.question_tab_pane .ques_head_details .screen_insert_box input[type="file"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tab_pane .ques_head_details .screen_insert_box .upload{
    text-align: center;
    width: 100%;
    height: 154px;
    background-color: #e6e6e6;
    position: relative;
    margin-bottom: -7px;
}
.question_tab_pane .ques_head_details .screen_insert_box label.addMoreImg{
    width: 100%;
    height: 154px;
    background-color: #e6e6e6;
    position: relative;
    cursor: pointer;
}
.question_tab_pane .ques_head_details .screen_insert_box .upload .upload_inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.question_tab_pane .ques_head_details .screen_insert_box .upload .upload_inner label{
    width: 117px;
    height: 30px;
    background-color: #e87752;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    display: block;
    margin: auto;
}
.question_tab_pane .ques_head_details .screen_insert_box .upload .upload_inner em{
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    display: block;
    text-align: center;
    margin: 10px 0;
}
.question_tab_pane .ques_head_details .screen_insert_box .upload .upload_inner input[type="text"]{
    width: 200px;
    height: 30px;
}
.question_tab_pane .ques_head_details .screen_insert_box .upload a{
    text-decoration: none;
    color: #c4c4c4;
    font-size: 18px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
}
.question_tab_pane .ques_head_details .screen_insert_box label.addMoreImg span{
    color: #777;
    line-height: 154px;
    font-size: 12px;
}
.question_tab_pane .ques_head_details .screen_insert_box label.addMoreImg span i{
    margin-right: 5px;
}
.question_tab_pane .ques_head_details p.screen_head{
    color: #555;
    font-size: 12px;
}
.question_tab_pane .ques_head_details .screen_insert_box textarea{
    width: 100%;
    height: 190px;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #555;
    border-radius: 0;
    margin-bottom: 0;
    resize: none;
}
.question_tab_pane .ques_head_details .screen_insert_box select{
    width: auto;
    height: 30px;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #555;
    border-radius: 0;
    margin-bottom: 0;
}
.question_tabbing .logic .question_tab_pane .ques_head_details .screen_insert_box textarea, .question_tabbing .logic .question_tab_pane .ques_head_details .screen_insert_box select{
    border: solid 1px #9d4480;
}
.question_tabbing .screen .question_tab_pane .ques_head_details .screen_insert_box textarea, .question_tabbing .screen .question_tab_pane .ques_head_details .screen_insert_box select{
    border: solid 1px #e87752;
}
.question_tabbing .question_tab_pane .ques_head_details .screen_insert_box a.removeQues{
    font-size: 18px;
    color: #c4c4c4;
    margin-left: 5px;
    display: inline-block;
}
.question_tabbing .question_tab_pane .ques_head_details .screen_insert_box a.addQuesScreen{
    font-size: 12px;
    color: #9d4480;
    display: block;
    text-decoration: none;
    margin-top: 20px;
}
.question_tabbing .question_tab_pane .ques_head_details .screen_insert_box a.addQuesScreen i{
    color: #fff;
    background: #9d4480;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin-right: 15px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row p{
    margin-bottom: 0;
    float: left;
    font-size: 12px;
    color: #555;
    line-height: 30px;
    margin-right: 15px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .multiSelectDrop{
    float: left;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row p span{
    color: #a8578d;
    font-weight: bold;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row select, .question_tabbing .question_tab_pane .ques_head_details .logic_row input[type="text"]{
    float: left;
    padding: 0 5px;
    width: auto;
    height: 30px;
    border: solid 1px #a8578d;
    border-radius: 0;
    margin-right: 15px;
    font-size: 12px;
    color:#555;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .random{
    margin-bottom: 0;
    position: relative;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .random span{
    display: inline-block;
    height: 30px;
    width: 30px;
    border: 1px solid #9d4480;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .random span:before{
    background: #9d4480;
    width: 14px;
    height: 14px;
    content: "";
    display: none;
    top: 7px;
    position: absolute;
    left: 7px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .random input[type="checkbox"]:checked + span:before{
    display: block;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .random input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row select.ng-hide + span{
    display: none;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row p a.plus{
    float: left;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 10px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row p a.plus span i{
    color: #fff;
    display: block;
    background: #9d4480;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    line-height: 18px;
    text-align: center;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row p a.delete{
    float: left;
    font-size: 18px;
    color: #c4c4c4;
    margin-left: 10px;
    margin-right: 5px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row p a.delete span{
    color: #c4c4c4;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .instance_logic {
    float: left;
    margin-right: 10px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .instance_logic select {
    float: right;
    padding: 0 5px;
    width: auto;
    height: 30px;
    border: solid 1px #a8578d;
    border-radius: 0;
    margin-right: 15px;
    font-size: 12px;
    color: #555;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .instance_logic .select2-container {
    width: 125px !important;
    min-height: 30px;
    border: solid 1px #a8578d;
    border-radius: 0;
    float: right;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .instance_logic .select2-container .select2-selection--multiple {
    min-height: auto;
    border: none;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row select[select2] + span{
    min-width: 75px !important;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .select2-container{
    width: 175px !important;
    min-height: 30px;
    border: solid 1px #a8578d;
    border-radius: 0;
    float: left;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    font-size: 11px;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .select2-container .select2-selection--multiple{
    min-height: auto;
    border: none;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .select2-container .select2-selection--multiple ul li input{
    margin: 0;
    position: absolute;
    bottom: 6px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .dropdown-multiselect button{
    font-size: 12px;
    height: 30px;
    border-radius: 0;
    box-shadow: none;
    line-height: 30px;
    padding: 0 10px;
    border: solid 1px #a8578d;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep{
    clear: left;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio{
    float: left;
    margin: 18px 0 0;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio+.radio{
    margin-left: 35px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio label{
    text-transform: uppercase;
    font-size: 12px;
    color: #555;
    font-weight: bold;
    position: relative;
    padding-left: 25px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio label span{
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background: #f6f6f6;
    border: solid 1px #555555;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio label span:before{
    height: 7px;
    width: 7px;
    top: 3px;
    left: 3px;
    content: "";
    background: #414141;
    position: absolute;
    display: none;
    border-radius: 100%;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio label input[type="radio"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .and_or_sep .radio label input[type="radio"]:checked+span:before{
    display: block;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row+.logic_row{
    margin-top: 18px;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row a.else{
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0 12px;
    display: block;
    background: #9d4480;
    float: left;
    font-size: 12px;
    text-decoration: none;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row a.else i{
    color: #9d4480;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: block;
    float: left;
    text-align: center;
    line-height: 18px;
    margin-top: 6px;
    margin-right: 8px;
}
.reportpage .report_section .panel_table table tbody tr td input[type="radio"], .viewpopup .popup_view_cont label input[type="radio"]{
    clip: rect(0,0,0,0);
    position: absolute;
}
.reportpage .report_section .panel_table table tbody tr td input[type="radio"] + span {
    height: 13px;
    width: 13px;
    border-radius: 100%;
    border: 1px solid #000;
    position: absolute;
    top: 60px;
    left: 25px;
    text-align: center;
}
.viewpopup .popup_view_cont label input[type="radio"] + span{
    height: 13px;
    width: 13px;
    border-radius: 100%;
    border: 1px solid #000;
    position: absolute;
    top: 3px;
    left: 0px;
    text-align: center;
    cursor: pointer;
}
.reportpage .report_section .panel_table table tbody tr td input[type="radio"] + span:before, .viewpopup .popup_view_cont label input[type="radio"] + span:before{
    content: "";
    display: none;
    height: 7px;
    width: 7px;
    background: #000;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.reportpage .report_section .panel_table table tbody tr td input[type="radio"]:checked + span:before, .viewpopup .popup_view_cont label input[type="radio"]:checked + span:before, .viewpopup .popup_view_cont .radiobutton input[type="radio"]:checked + span:before {
    display: block;
}
.viewpopup .popup_view_cont .cate_head{
    padding: 20px 85px 15px;
}
.viewpopup .popup_view_cont label {
    position: relative;
    margin-bottom: 0px;
}
.viewpopup .popup_view_cont label.disabled {
    pointer-events: none;
}
.viewpopup .popup_view_cont label+label {
    margin-left: 15px;
}
.viewpopup .popup_view_cont .popupbody{
    height: calc(90vh - 65px);
    overflow: auto;
    padding-bottom: 40px;
}
.viewpopup .popup_view_cont .popupbody .products {
    position: relative;
    margin-right: 20px;
    display: inline
}
.viewpopup .popup_view_cont .popupbody .products p {
    font-size: 14px;
    color: #555555;
    display: inline
}
.viewpopup .popup_view_cont label p {
    font-size: 15px;
    font-weight: 800;
    color: #3587b1;
    margin-left: 18px;
    margin-bottom: 0px
}
.viewpopup .popup_view_cont label em{
    font-size: 14px;
    color: #555555;
    display: inline;
    font-style: normal;
    font-weight: normal;
    margin-left: 18px;
}
.viewpopup .popup_view_cont .closepopup, .datatable_prev_cont .datatable_prev_box .closepopup{
    position: absolute;
    top: -10px;
    right: 5px;
    font-size: 32px;
    color: black;
    cursor: pointer;
}
.datatable_prev_cont .datatable_prev_box #printableTable_wrapper .dt-buttons{
    text-align: right;
}
.datatable_prev_cont .datatable_prev_box #printableTable_filter{
    display: none;
}
.datatable_prev_cont .datatable_prev_box #printableTable_wrapper .dt-buttons .downloadExcel{
    display: inline-block;
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 3px;
    border: none;
    border-radius: 0;
}
.datatable_prev_cont .datatable_prev_box #printableTable_wrapper #printableTable{
    width: 100% !important;
}
.datatable_prev_cont .datatable_prev_box #printableTable_wrapper #printableTable tr td img{
    width: 50px;
    border-radius: 100%;
}
.reportpage .report_section .panel_table table tbody tr td button, .adding button, .pull-right button, .advancefilter, .linkedstudiesupdate {
    border-radius: 19px;
    background-color: #164157;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    border: none;
    padding: 6px 17px;
    text-decoration: none;
}
.dropdown-menu > li > a{
    cursor: pointer;
}
.question_tab_pane .ques_head_details .img_row_cont{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
}
.question_tab_pane .ques_head_details .img_row_cont h2{
    margin: 10px 15px;
    font-size: 14px;
}
.question_tab_pane .ques_head_details .img_row_cont h2 a{
    font-size: 12px;
    color: #fff;
    background: #e87752;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 10px;
    display: inline-block;
}

.question_tab_pane .ques_head_details .img_row_cont .img_row_box{
    width: 33.33%;
    float: left;
    padding: 0 15px;
}
.question_tab_pane .ques_head_details .img_row_cont .img_row_box_btn{
    width: 100%;
    padding: 0 15px;
    clear: left;
}
.question_tab_pane .ques_head_details .img_row_box_btn a.addRow{
    text-decoration: none;
    display: block;
    width: 117px;
    border: none;
    height: 30px;
    background-color: #e87752;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.question_tab_pane .ques_head_details .skip_video .screen_prop {
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    padding-top: 10px;
}
.question_tab_pane .ques_head_details .skip_video .screen_prop span {
    font-size: 12px;
    color: #555;
    position: relative;
    cursor: pointer;
    line-height: 22px;
    padding-left: 0;
}
.question_tab_pane .ques_head_details .skip_video .screen_prop select{
    border: solid 1px #e87752;
    font-size: 12px;
    margin-left: 6px;
}
.question_tab_pane .ques_head_details .skip_video .checkbox{
    padding-left: 30px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    padding-top: 10px;
}
.question_tab_pane .ques_head_details .skip_video .checkbox+.checkbox{
    margin-left: 20px;
}
.question_tab_pane .ques_head_details .skip_video .checkbox label{
    font-size: 12px;
    color: #555;
    position: relative;
    cursor: pointer;
    line-height: 22px;
    padding-left: 0;
}
.question_tab_pane .ques_head_details .skip_video .checkbox label input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tab_pane .ques_head_details .skip_video .checkbox label textarea{
    display: block;
    border: 1px solid #e87752;
    margin-top: 5px;
}
.question_tab_pane .ques_head_details .skip_video .checkbox label span{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(210, 210, 210, 0.5);
    border: solid 1px #266d91;
    position: absolute;
    top: 0;
    left: -30px;
}
.question_tabbing .logic .question_tab_pane .ques_head_details .skip_video .checkbox label span{
    border: solid 1px #9d4480;
}
.question_tabbing .screen .question_tab_pane .ques_head_details .skip_video .checkbox label span{
    border: solid 1px #e87752;
}
.autocode_search_head,.autocode_search_list{
    font-size: large;
    font-weight: 500;
    font-family: sans-serif;
    list-style:none;
    padding:0;
    margin:0;
    white-space:nowrap;
    max-height:150px;
    color: black;
}
.autocode_search_head{
    overflow-y:scroll;
}
.autocode_search_list:hover{
    background-color: #35424a;
    color: #fff;
    padding: 0px 2px;
}
.autocode_select_loop{
    padding: 3px 6px;
    margin-left: 7px;
}
.autocode_search_box{
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    width: 200px;
    margin-top: 10px;
}
.question_tab_pane .ques_head_details .skip_video .checkbox label span:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 12px;
    width: 12px;
    background: #266d91;
    display: none;
}
.question_tabbing .logic .question_tab_pane .ques_head_details .skip_video .checkbox label span:before{
    background: #9d4480;
}
.question_tabbing .screen .question_tab_pane .ques_head_details .skip_video .checkbox label span:before{
    background: #e87752;
}
.question_tab_pane .ques_head_details .skip_video .checkbox label input[type="checkbox"]:checked + span:before{
    display: block;
}
.question_tabbing .question_tab_body .question_tab_pane fieldset{
    padding: 15px;
}
.question_tabbing .question_tab_body .question_tab_pane fieldset .answer_choice_body .agreement_cont_box textarea{
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    border: solid 1px #266d91;
    font-size: 12px;
    color: #266d91;
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px;
    resize: none;
}
.question_tabbing .question_tab_body .question_tab_pane fieldset.calender .char_type_limit .limit_inner{
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px;
}
.question_tab_pane .answer_choices+.answer_choices{
    margin-top: 30px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field+.simulation_field{
    margin-top: 32px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li{
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    vertical-align: top;
    font-weight: normal;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li.pageFeeds > div+div{
    margin-top: 10px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li:first-child{
    width: 200px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li input[type="text"], .question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li select{
    width: 200px;
    height: 27px;
    border-radius: 3px;
    background-color: #f9f9f9;
    border: 1px solid #266d91;
    margin-right: 6px;
    text-align: center;
    font-size: 10px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li.pageFeeds a{
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    vertical-align: middle;
    color: #266d91;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li.pageFeeds a.plus{
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    background: #266d91;
    padding: 0 4px;
    border-radius: 4px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li input[type="text"].small{
    width: 30px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li label.radio-inline{
    display: block;
    margin: 0;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li label.radio-inline+label.radio-inline{
    margin-top: 8px;
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li label.radio-inline input[type="radio"]{
    display: inline-block;
    top: 50%;
    margin-top: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.question_tab_pane .answer_choices .answer_choice_body .simulation_field ul li label.radio-inline input[type="text"]{
    margin-left: 6px;
}
.question_tab_pane .answer_choices .answer_choice_body ul{
    margin-bottom: 10px;
}
.question_tab_pane .answer_choices.withborder .answer_choice_body ul+ul{
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.question_tab_pane .answer_choices .answer_choice_body ul li{
    margin-bottom: 10px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li{
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li a:first-child{
    margin-top: 0;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li a{
    width: 85px;
    margin-top: 10px;
    border: 1px solid #266d91;
    color: #266d91;
    border-radius: 1px;
    text-decoration: none;
    padding: 2px 4px;
    font-size: 10px;
}
.question_tabbing .logic .question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li a{
    border: 1px solid #9d4480;
    color: #9d4480;
}
.question_tabbing .screen .question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li a{
    border: 1px solid #e87752;
    color: #e87752;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li a i{
    margin-right: 5px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li:first-child{
    width: 70%;
    float: left;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_head ul li:last-child{
    width: 29%;
    float: right;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li{
    float: left;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li:first-child{
    margin: 0;
    width: 70%;
    float: left;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li:nth-child(2){
    margin-bottom: 0;
    width: 29%;
    float: right;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul span.commError{
    clear: left;
    display: block;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .input{
    margin-right: 40px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input{
    margin-bottom: 0;
    width: 100%;
    height: 30px;
    border: 1px solid #266d91;
    color: #266d91;
    border-radius: 0;
    padding: 0 5px;
    font-size: 12px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .login_box{
    border: 1px solid #266d91;
    background: #eee;
    padding: 10px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .login_box p{
    font-size: 12px;
    color: #555;
}
.imageTrashList{
    width: 4% !important;
    float: left !important;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .login_box p a{
    float: right;
    text-decoration: none;
    color: #266d91;
    line-height: normal;
    border: none;
    font-size: 12px;
    width: auto;
    height: auto;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .input input:first-child{
    width: 60%;
    float: left;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .input input:last-child{
    width: 25%;
    float: right;
    margin-right: 2px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input.other{
    background: rgba(235,235,228, 0.3);
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input.none{
    background: rgba(38,109,145, 0.2);
    color: #033650;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input:disabled{
    background: #ebebe4;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .option_box{
    margin-right: 132px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .option_box.multiTextQues{
    margin-right: 168px;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .optionImg, .option_image_rating{
    display: inline-block;
    font-size: 12px !important;
    width: 125px !important;
    height: 34px;
    text-align: center;
    text-decoration: none;
    padding: 4px;
    background: #fff;
    border: 1px solid #266d91;
    margin-left: 15px;
    width: 122px !important;
    line-height: 22px !important;
    color: #266d91 !important;
    margin-left: 0;
}
.question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li .optionImg img, .option_image_rating img{
    float: left;
    height: 100%;
    max-width: 40px;
}
.question_tabbing .logic .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input{
    border: 1px solid #9d4480;
    color: #9d4480;
}
.question_tabbing .screen .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input{
    border: 1px solid #e87752;
    color: #e87752;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li label{
    margin-bottom: 0;
    float: right;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li label.multiTextRequired{
    margin-right: 8px;
    position: relative;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li label.multiTextRequired input[type="checkbox"]{
    clip: rect(0,0,0,0);
    position: absolute;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li label.multiTextRequired span{
    display: block;
    position: relative;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li label.multiTextRequired span:before{
    display: none;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    background: #266d91;
    height: 18px;
    width: 18px;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li label.multiTextRequired input[type="checkbox"]:checked + span:before{
    display: block;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li a, .question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li span{
    font-weight: normal;
    float: right;
    cursor: pointer;
    border: 1px solid #266d91;
    color: #c4c4c4;
    height: 30px;
    width: 30px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    margin-right: 2px;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li a.disabled, .question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li span.disabled{
    pointer-events: none;
    background: #ebebe4;
}
.question_tabbing .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li input[type="file"]{
    position: absolute;
    clip: rect(0,0,0,0);
    width: auto;
}
.question_tabbing .logic .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li a{
    border: 1px solid #9d4480;
}
.question_tabbing .screen .question_tab_pane fieldset.mcq .answer_choices .answer_choice_body ul li a{
    border: 1px solid #e87752;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn+.option_comment_btn{
    margin-top: 10px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_option{
    padding: 5px 10px;
    font-size: 12px;
    color: #266d91;
    border: 1px solid #266d91;
    text-decoration: none;
    display: inline-block;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row{
    margin-bottom: 24px;
    border-top: 1px solid #333;
    margin-top: 20px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row h2{
    color: #555;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 15px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box0{
    display: inline-block;
    margin-bottom: 15px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box p{
    font-size: 12px;
    color: #266d91;
    font-weight: bold;
    margin-bottom: 3px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box p a{
    font-size: 14px;
    color: #c4c4c4;
    margin-left: 10px;
    margin-right: 5px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container{
    width: 250px !important;
    min-height: 30px;
    border: solid 1px #266d91;
    border-radius: 0;
    float: left;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container--default{
    margin-bottom: 8px;
    display: block;
    float: none;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container--default .select2-selection--multiple{
    border: none;
    background: none;
    min-height: auto;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    float: none;
    border: none;
    color: #333;
    height: auto;
    width: auto;
    font-size: inherit;
    line-height: normal;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container--default .select2-search--inline .select2-search__field{
    height: inherit;
    border: none;
    background: transparent;
    font-size: inherit;
    padding: inherit;
    margin: 0;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    margin: auto;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top: 5px;
    margin-right: 5px;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    color: #266d91;
    margin-bottom: 0;
    float: left;
}

.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box label{
    display: inline-block;
    clear: left;
    margin-left: 30px;
    padding: 0;
    font-size: 12px;
    color: #555;
    position: relative;
    cursor: pointer;
    line-height: 21px;
    margin-bottom: 8px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box label+label{
    margin-left: 45px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box label input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box label span{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(210, 210, 210, 0.5);
    border: solid 1px #266d91;
    position: absolute;
    top: 0;
    left: -30px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box label span:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 12px;
    width: 12px;
    background: #266d91;
    display: none;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_groups_box label input[type="checkbox"]:checked + span:before{
    display: block;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box{
    display: block;
    margin: 15px 0;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box > p{
    font-size: 12px;
    color: #266d91;
    font-weight: bold;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box > p i{
    font-size: 14px;
    color: #c4c4c4;
    margin-left: 10px;
    margin-right: 5px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box+.option_logic_box{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row p{
    margin-bottom: 0;
    float: left;
    font-size: 12px;
    color: #555;
    line-height: 30px;
    margin-right: 8px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row p span{
    font-weight: bold;
    color: #266d91;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row select, .question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row input[type="text"]{
    float: left;
    padding: 0 5px;
    width: auto;
    height: 30px;
    border: solid 1px #266d91;
    border-radius: 0;
    margin-right: 15px;
    font-size: 12px;
    color: #555;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row select.ng-hide + span{
    display: none;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row p a.plus{
    float: left;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 10px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row p a.plus span{
    color: #266d91;
    font-weight: bold;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row p a.plus span i{
    color: #fff;
    display: block;
    background: #266d91;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    line-height: 18px;
    text-align: center;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row+.logic_row{
    margin-top: 10px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row p a.delete{
    float: left;
    font-size: 18px;
    color: #c4c4c4;
    margin-left: 10px;
    margin-right: 5px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row a.else{
    margin-left: 15px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0 12px;
    display: block;
    background: #266d91;
    float: left;
    font-size: 12px;
    text-decoration: none;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep{
    clear: left;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio{
    float: left;
    margin: 18px 0 0;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio+.radio{
    margin-left: 35px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio label{
    text-transform: uppercase;
    font-size: 12px;
    color: #555;
    font-weight: bold;
    position: relative;
    padding-left: 25px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio label input[type="radio"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio label span{
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background: #f6f6f6;
    border: solid 1px #555555;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio label span:before{
    height: 7px;
    width: 7px;
    top: 3px;
    left: 3px;
    content: "";
    background: #414141;
    position: absolute;
    display: none;
    border-radius: 100%;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .logic_row .and_or_sep .radio label input[type="radio"]:checked+span:before{
    display: block;
}

.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container{
    /* width: 450px !important; */
    min-height: 30px;
    border: solid 1px #266d91;
    border-radius: 0;
    float: left;
    margin-right: 10px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default{
    display: block;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default .select2-selection--single{
    background: none;
    border: none;
    border-radius: 0;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default .select2-selection--multiple{
    border: none;
    background: none;
    min-height: auto;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    float: none;
    border: none;
    color: #333;
    height: auto;
    width: auto;
    font-size: inherit;
    line-height: normal;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default .select2-search--inline .select2-search__field{
    height: inherit;
    border: none;
    background: transparent;
    font-size: inherit;
    padding: inherit;
    margin: 0;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    margin: auto;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .option_logic_box .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top: 5px;
    margin-right: 5px;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    color: #266d91;
    margin-bottom: 0;
    float: left;
}

/* concept question css  */
.conceptQuestionsDiv  {
    margin: 10px 30px;
}
.conceptQuestionsDiv .select2-container{
    min-height: 30px !important;
    border: solid 1px #266d91 !important;
    border-radius: 0 !important;
    float: left !important;
    margin-right: 10px !important;
}
.conceptQuestionsDiv .select2-container--default{
    display: block !important;
}
.conceptQuestionsDiv .select2-container--default .select2-selection--multiple{
    border: none !important;
    background: none !important;
    min-height: auto !important;
}
.conceptQuestionsDiv .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    float: none !important;
    border: none !important;
    color: #333 !important;
    height: auto !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: normal !important;
}
.conceptQuestionsDiv .select2-container--default  .select2-search--inline .select2-search__field{
    height: inherit !important;
    border: none !important;
    background: transparent !important;
    font-size: inherit !important;
    padding: inherit !important;
    margin: 0 !important;
}
.conceptQuestionsDiv .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    margin: auto !important;
}
.conceptQuestionsDiv .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top: 5px !important;
    margin-right: 5px !important;
    width: auto !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #266d91 !important;
    margin-bottom: 0 !important;
    float: left !important;
}
/* end  */

.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .group_add_btn a{
    padding: 5px 10px;
    font-size: 12px;
    color: #266d91;
    border: 1px solid #266d91;
    text-decoration: none;
    display: inline-block;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_groups_row .group_add_btn a i{
    background: #266d91;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
}


.question_tabbing .logic .question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_option{
    color: #9d4480;
    border: 1px solid #9d4480;
}
.question_tabbing .screen .question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_option{
    color: #e87752;
    border: 1px solid #e87752;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_option i{
    background: #266d91;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
}
.question_tabbing .logic .question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_option i{
    background: #9d4480;
}
.question_tabbing .screen .question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_option i{
    background: #e87752;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_comment{
    text-decoration: none;
    font-size: 12px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a+a{
    margin-left: 5px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_comment .pm-toggle{
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    margin-top: -2px;
    background: #ccc;
    border-radius: 20px;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_comment .pm-toggle.active{
    background: #266d91;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body .option_comment_btn a.add_comment label{
    margin-bottom: 0;
    display: block;
}
fieldset .answer_choices .answer_choice_body .other_check_options{
    margin-top: 15px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox, .randomise-single .checkbox{
    padding-left: 30px;
    margin-bottom: 0;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox+.checkbox, .randomise-single .checkbox+.checkbox{
    margin-top: 10px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox label, .randomise-single .checkbox label{
    padding: 0;
    font-size: 12px;
    color: #555;
    position: relative;
    cursor: pointer;
    line-height: 21px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox input, .randomise-single .checkbox input{
    position: absolute;
    clip: rect(0,0,0,0);
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox input[type="text"]{
    text-align: center;
    position: static;
    height: 20px;
    border: solid 1px #266d91;
    color: #266d91;
    font-size: 12px;
    border-radius: 0;
    margin: 0 5px;
    padding: 0 5px;
    width: 30px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox textarea{
    position: static;
    resize: none;
    display: block;
    border: solid 1px #266d91;
    color: #266d91;
    font-size: 12px;
    border-radius: 0;
    margin: 5px 0 0;
    padding: 0 5px;
    width: 100%;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox span, .randomise-single .checkbox span{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(210, 210, 210, 0.5);
    border: solid 1px #266d91;
    position: absolute;
    top: 0;
    left: -30px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox span:before, .randomise-single .checkbox span:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 12px;
    width: 12px;
    background: #266d91;
    display: none;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox input:checked+span:before, .randomise-single .checkbox input:checked+span:before{
    display: block;
}
fieldset .answer_choices .answer_choice_body .other_check_options .checkbox input:disabled+span, .randomise-single .checkbox input:disabled+span{
    background: #ddd;
}
em.commErr{
    display: block;
    font-style: normal;
    color: #cd0000;
    font-size: 12px;
    font-weight: bold;
}


fieldset .answer_choices .answer_choice_body .other_check_options .radio{
    padding-left: 0;
    margin-top: 10px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .radio em{
    margin-bottom: 4px;
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #555;
}
fieldset .answer_choices .answer_choice_body .other_check_options .radio label{
    line-height: 21px;
    font-size: 12px;
    color: #555;
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    display: inline-block;
    margin-right: 10px;
}
fieldset .answer_choices .answer_choice_body .other_check_options .radio input{
    position: absolute;
    clip: rect(0,0,0,0);
}
fieldset .answer_choices .answer_choice_body .other_check_options .radio span{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(210, 210, 210, 0.5);
    border: solid 0.5px #266d91;
    display: block;
    top: 0;
    left: 0px;
    border-radius: 100%;
    position: absolute;
}
fieldset .answer_choices .answer_choice_body .other_check_options .radio span:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 12px;
    width: 12px;
    background: #266d91;
    display: none;
    border-radius: 100%;
}
fieldset .answer_choices .answer_choice_body .other_check_options .radio input:checked+span:before{
    display: block;
}

.question_tabbing .action_btn{
    text-align: right;
    border-top: 1px solid #333;
    padding: 10px 20px;
}
.question_tabbing .action_btn a{
    font-size: 12px;
    color: #266d91;
    text-decoration: none;
}
.question_tabbing .logic .action_btn a{
    color: #9d4480;
}
.question_tabbing .screen .action_btn a{
    color: #e87752;
}
.question_tabbing .action_btn button{
    background: #266d91;
    color: #fff;
    padding: 1px 10px;
    border: none;
    margin-left: 15px;
}
.question_tabbing .logic .action_btn button{
    background: #9d4480;
}
.question_tabbing .screen .action_btn button{
    background: #e87752;
}


fieldset.text .answer_choices .answer_choice_body .char_type_limit .limit_inner{
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px;
}
fieldset.text .answer_choices .answer_choice_body .char_type_limit .limit_inner label{
    display: inline-block;
    margin-bottom: 0;
}
fieldset.text .answer_choices .answer_choice_body .char_type_limit .limit_inner select{
    display: inline-block;
    margin-bottom: 0;
}
fieldset.text .answer_choices .answer_choice_body .char_type_limit .limit_inner input{
    display: inline-block;
    margin-bottom: 0;
}
fieldset .char_type_limit .limit_inner label{
    font-size: 12px;
    color: #266d91;
}
.regexDropBox {
    height: 30px;
    border: solid 1px #266d91;
    color: #266d91;
    font-size: 12px;
    border-radius: 0;
    margin-left: 5px;
    padding: 0 5px;
    width: 100%;
    text-align: center;
}
fieldset .char_type_limit_choices .limit_inner label{
    font-size: 12px;
    color: black;
}
fieldset .char_type_limit .limit_inner input, fieldset .char_type_limit .limit_inner select{
    height: 30px;
    border: solid 1px #266d91;
    color: #266d91;
    font-size: 12px;
    border-radius: 0;
    margin-left: 5px;
    padding: 0 5px;
}
fieldset .char_type_limit .limit_inner input{
    width: 60px;
}
fieldset.text .answer_choices .answer_choice_body .char_type_limit .limit_inner_next{
    display: inline-block;
    margin-left: 15px;
}

.question_tab_pane fieldset.nps .answer_choices .answer_choice_head p{
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
}
.question_tab_pane fieldset.nps .answer_choices .answer_choice_body ul li label{
    font-size: 12px;
    color: #555;
    margin-bottom: 0;
    line-height: 30px;
    float: left;
}
.question_tab_pane fieldset.nps .answer_choices .answer_choice_body ul li .input{
    margin-left: 80px;
}
.question_tab_pane fieldset.nps.multi .answer_choices .answer_choice_body ul li .input{
    margin-right: 40px;
}
.question_tab_pane fieldset.nps .answer_choices .answer_choice_body ul li .input input{
    margin-bottom: 0;
    padding: 0 5px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #266d91;
    width: 100%;
}
.question_tabbing .logic .question_tab_pane fieldset.nps .answer_choices .answer_choice_body ul li .input input{
    border: 1px solid #9d4480;
}
.question_tabbing .screen .question_tab_pane fieldset.nps .answer_choices .answer_choice_body ul li .input input{
    border: 1px solid #e87752;
}
.question_tab_pane fieldset.nps .answer_choices .answer_choice_body ul li a{
    float: right;
    width: 30px;
    height: 30px;
    border: 1px solid #266d91;
    color: #c4c4c4;
    font-size: 20px;
    text-align: center;
    display: block;
    line-height: 30px;
}
.question_pipe_cont{
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.question_pipe_cont .question_pipe_popup{
    top: 20px;
    left: 50%;
    transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    background: #fff;
    position: absolute;
    /* width: 800px; */
}
.question_pipe_cont .question_pipe_popup .pipe_popup_head{
    padding: 20px;
    border-bottom: solid 1px #266d91;
    position: relative;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_head span{
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: .7;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_head p{
    font-size: 18px;
    color: #555;
    margin-bottom: 0;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body{
    padding: 20px;
    max-width: 800px;
    overflow: scroll;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p{
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
    white-space: nowrap;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p a{
    float: right;
    font-size: 12px;
    text-decoration: none;
    color: #266d91;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p a.disabled{
    pointer-events: none;
    opacity: 0.3;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p a div{
    float: right;
    margin-left: 10px;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p a div label{
    display: block;
    margin-bottom: 0;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p a div label strong:before{
    height: 14px;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p span{
    font-weight: bold;
    color: #266d91;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p select{
    height: 30px;
    border: solid 1px #266d91;
    margin: 0 10px;
    border-radius: 0;
    line-height: 14px;
    font-size: 12px;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p a.delete_pipe{
    float: none;
    border: 1px solid #266d91;
    width: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: inherit;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p select.pipeOptionsBox + .select2-container--default{
    margin: 0 10px;
    width: 250px !important;
    vertical-align: top;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p select.pipeOptionsBox + .select2-container--default .select2-selection--multiple{
    border: solid 1px #266d91;
    border-radius: 0;
    line-height: 14px;
    font-size: 12px;
    overflow: hidden;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p select.pipeOptionsBox + .select2-container--default .select2-selection--multiple ul li{
    padding: 2px 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body a.add_other{
    height: 30px;
    display: inline-block;
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body a.add_other i{
    font-size: 12px;
    color: #266d91;
    background: #fff;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 18px;
    margin-right: 7px;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body p{
    margin: 10px 0;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body input[type="text"]{
    width: 100%;
    height: 30px;
    padding: 0 5px;
    margin-bottom: 10px;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body .gen_ques_box label{
    text-decoration: none;
    color: #555;
    box-shadow: 0px 1px 4px 0px #ccc;
    padding: 5px 10px;
    display: block;
    position: relative;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body .gen_ques_box label input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body .gen_ques_box label span{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.1);
    display: none;
}
.question_pipe_cont .question_pipe_popup .pipe_popup_body .gen_ques_box label input[type="checkbox"]:checked + span{
    display: block;
}
.survey_question .added_ques_box{
    padding: 15px;
}
.survey_question.question .added_ques_box{
    border-left: 8px solid #266d91;
}
.survey_question.logic .added_ques_box{
    border-left: 8px solid #9d4480;
}
.survey_question.screen .added_ques_box{
    border-left: 8px solid #e87752;
}
.survey_question .added_ques_box p.editDel{
    float: right;
    margin-right: 0;
}
.survey_question .added_ques_box p .disable_pointer_events{
    cursor: not-allowed;
}
.survey_question .added_ques_box p.editDel select{
    width: 104px;
    height: 23px;
    border: solid 1px #266d91;
    border-radius: 0;
    padding: 0;
    font-size: 12px;
    color: #555;
    float: right;
    margin-bottom: 0;
    margin-right: 10px;
    float: left;
}
.survey_question .added_ques_box p.editDel span.secstatus{
    float: right;
    margin-right: 10px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    background: #266d91;
    padding: 0 10px;
    color: #fff;
    border-radius: 5px;
}
.sheetInfo {
    position: relative;
    display: inline-block;
}
.sheetInfo span.sheetstatus, .local-changes .entity-status{
    margin-right: 10px;
    font-size: 13px;
    padding: 2px 10px;
    color: black;
    border-radius: 18.5px;
    background-color: #efefef;
}
.local-changes .entity-status {
    padding: 2px 5px;
}
.local-changes .entity-status .icon {
    width: 2.8rem;
}
.local-changes .entity-status .text {
    font-weight: 900;
    color: rgb(0 0 0 / 46%);
    font-size: 12px;
    margin-left: 5px;
}
.sheetInfo.local-changes span.disable_text a {
    cursor: not-allowed;
    text-decoration: none;
}
.sheetInfo span.tooltipsheet {
    visibility: hidden;
    background-color: #266d91;
    width: 75px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    margin-top: 5px;
}
.sheetInfo span.tooltipsheet::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #266d91 transparent;
}
.sheetInfo:hover span.tooltipsheet {
    visibility: visible;
}
.show-info-label {
    font-size: 13px;
    color: black;
    border-radius: 18.5px;
    background-color: #efefef;
    padding: 2px 10px;
    font-size: 13px;
}
.dumb-bell {
    width: 22px;
    margin-left: 10px;
}
.survey_question .added_ques_box p{
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
    margin-right: 150px;
}
.survey_question .added_ques_box p a{
    /* float: right; */
    text-decoration: none;
    color: #c5c5c5;
}
.survey_question .added_ques_box p.viewHead, .survey_question .added_ques_box p.iVideoCaption{
    font-size: 12px;
    font-weight: bold;
    color: #555;
}
.survey_question .added_ques_box p.iText, .survey_question .added_ques_box p.iVideoHead, .survey_question .added_ques_box p.iImageHead{
    font-size: 12px;
    color: #555;
}
.survey_question .added_ques_box iframe , .survey_question .added_ques_box video{
    width: 200px;
}
.survey_question .added_ques_box .iImageBox .image_row .image_col{
    float: left;
    width: 150px;
}
.survey_question .added_ques_box .iImageBox .image_row .image_col+.image_col{
    margin-left: 10px;
}
.survey_question .added_ques_box .iImageBox .image_row .image_col .img{
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
}
.survey_question .added_ques_box .iImageBox .image_row .image_col img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
}
.survey_question .added_ques_box .iImageBox .image_row .image_col p{
    margin-right: 0;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-top: 3px;
}
.survey_question .added_ques_box p a+a{
    margin-right: 10px;
}
.survey_question .added_ques_box .img_video_box{
    float: left;
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.survey_question .added_ques_box .img_video_box+.img_video_box{
    margin-left: 15px;
}
.survey_question .added_ques_box .img_video_box img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.survey_question .added_ques_box .img_video_box iframe{
    width: 100%;
    height: 100%;
}
.survey_question .added_ques_box ul{
    padding-left: 0;
}
.survey_question .added_ques_box ul li+li{
    margin-top: 12px;
}
.survey_question .added_ques_box ul li label{
    font-weight: normal;
    font-size: 12px;
    color: #555;
    position: relative;
    padding-left: 25px;
    line-height: 19px;
    margin-bottom: 0;
    cursor: pointer;
}
.survey_question .added_ques_box ul li label input[type="radio"], .survey_question .added_ques_box ul li label input[type="checkbox"]{
    clip: rect(0,0,0,0);
    position: absolute;
}
.survey_question .added_ques_box ul li label span{
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #f6f6f6;
    border: solid 1px #266d91;
    left: 0;
    top: 2px;
}
.survey_question .added_ques_box ul li label span:before{
    position: absolute;
    top: 2px;
    left: 2px;
    height: 9px;
    width: 9px;
    background: #266d91;
    content: "";
    border-radius: 100%;
    display: none;
}
.survey_question .added_ques_box ul li label input:checked + span:before{
    display: block;
}
.survey_question .added_ques_box .customlogic p{
    font-size: 12px;
    margin-bottom: 0;
}
.survey_question .added_ques_box .branching p{
    font-size: 12px;
    margin-bottom: 0;
    color: #555;
}
.survey_question .added_ques_box .branching p span{
    color: #9d4480;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}
.survey_question .added_ques_box .branching p span.optName+span.optName{
    padding-left: 10px;
}
.survey_question .added_ques_box .branching p span.optName+span.optName:before{
    content: ',';
    position: absolute;
    left: 0;
}
.survey_question .added_ques_box .branching p em{
    text-transform: uppercase;
    font-style: normal;
    display: block;
    padding: 10px 0;
    font-weight: bold;
}
.survey_question .added_ques_box .group p{
    font-size: 12px;
    margin-bottom: 10px;
}
.survey_question .added_ques_box .group ul li{
    float: left;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #9d4480;
    position: relative;
}
.survey_question .added_ques_box .group ul li+li{
    padding-left: 8px;
    margin-left: 2px;
}
.survey_question .added_ques_box .group ul li+li:before{
    content: ',';
    position: absolute;
    left: 0;
}
.survey_question .added_ques_box .checkType ul li label span{
    border-radius: 0;
}
.survey_question .added_ques_box .checkType ul li label span:before{
    border-radius: 0;
}
.survey_question .added_ques_box .textType .textType_inner{
    margin-bottom: 10px;
}
.survey_question .added_ques_box .textType .textType_inner p{
    margin-bottom: 5px;
}
.survey_question .added_ques_box .textType textarea{
    width: 100%;
    height: 60px;
    border-radius: 0;
    resize: none;
    background-color: #fafafa;
    border: solid 1px #377899;
    font-size: 12px;
}
.survey_question .added_ques_box .calenderType .calenderType_inner{
    margin-bottom: 15px;
}
.survey_question .added_ques_box .calenderType .calenderType_inner p{
    margin-bottom: 5px;
}
.survey_question .added_ques_box .calenderType input{
    width: 100%;
    border-radius: 0;
    resize: none;
    border: none;
    font-size: 12px;
    padding: 5px 0;
    border-bottom: solid 1px #377899;
}
.survey_question .added_ques_box .gridType{
    width: 100%;
    overflow: auto;
    max-height: 400px;
}
.survey_question .added_ques_box .gridType table{
    table-layout: fixed;
    text-align: center;
}
.survey_question .added_ques_box .gridType table tr td{
    width: 100px;
    font-size: 12px;
    color: #555;
    padding: 5px;
}
.survey_question .added_ques_box .gridType table tr td label{
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}
.survey_question .added_ques_box .gridType table tr td label input[type="radio"], .survey_question .added_ques_box .gridType table tr td label input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.survey_question .added_ques_box .gridType table tr td label span{
    display: block;
    height: 15px;
    width: 15px;
    background-color: #f6f6f6;
    border: solid 1px #266d91;
    border-radius: 100%;
}
.survey_question .added_ques_box .gridType table tr td label span:before{
    position: absolute;
    top: 3px;
    left: 3px;
    content: "";
    height: 9px;
    width: 9px;
    background: #266d91;
    border-radius: 100%;
    display: none;
}
.survey_question .added_ques_box .gridType table tr td label input:checked + span:before{
    display: block;
}
.survey_question .added_ques_box .gridType table tr td label input[type="checkbox"] + span{
    border-radius: 0;
}
.survey_question .added_ques_box .gridType table tr td label input[type="checkbox"] + span:before{
    border-radius: 0;
}
.survey_question .added_ques_box .answer_box{
    clear: left;
}
.survey_question .added_ques_box .answer_box .search_box{
    padding: 0 0 15px;
}
.survey_question .added_ques_box .answer_box .search_box input[type="text"]{
    border: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    border-bottom: 2px solid #999;
}
.survey_question .added_ques_box ul.showRating{
    display: table;
    padding-left: 0;
    width: 100%;
    margin-top: 40px;
}
.survey_question .added_ques_box ul.showRating li{
    display: table-cell;
    width: 100px;
    vertical-align: top;
}
.survey_question .added_ques_box ul.showRating li label{
    text-align: center;
    padding: 0;
}
.survey_question .added_ques_box ul.showRating li label span{
    left: 50%;
    transform: translate(-50%, 0);
    top: -17px;
}
.calculation-logic-box {
    width: 100%;
    margin-top: 2px;
    text-align: center;
    margin-bottom: 8px !important;
}
.calculation-logic-info {
    font-size: 10px;
    font-weight: normal !important;
    color: #4a4a4a !important;
    padding: 3px 10px;
    background-color: #fff8e3;
}
select[select2] + span{
    min-width: 175px;
}
.right_comm_box{
    width: 270px;
    right: 0px;
    top: 70px;
    position: fixed;
    background-color: #e8ecf4;
    padding: 10px 20px;
    height: 100%;
}



.question-builder-sidebar{
    width: 240px;
    right: 10px;
    top: 90px;
    position: fixed;
    padding: 10px;
    background-color: white;
    max-height: 82%;
    overflow-y: auto;   
}

.question-builder-sidebar_1{
    width: 240px;
    right: 10px;
    top: 20px;
    position: fixed;
    padding: 10px;
    background-color: white;
    max-height: 82%;
    overflow-y: auto;   
}



.want_more_box{
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #266d91;
    padding: 10px;
    text-align: center;
}
.want_more_box p{
    font-size: 12px;
    color: #121212;
    line-height: 16px;
    margin-bottom: 20px;
}
.want_more_box form input{
    border: none;
    padding: 0 5px;
    width: 100%;
    font-size: 12px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none !important;
    border-bottom: 2px solid #c7c7c7;
}
.want_more_box form button{
    border-radius: 3px;
    background-color: #266d91;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    width: 100%;
    display: block;
    margin-top: 20px;
    border: none;
}
.survey_summary{
    border-radius: 3px;
    background-color: #ffffff;
    overflow: hidden;
    /* border: solid 1px #266d91; */
    /* margin-bottom: 15px; */
}
.survey_summary .survey_summary_head{
    background: #266d91;
}
.survey_summary .survey_summary_head p{
    font-size: 16px;
    padding: 15px 10px;
    color: #fff;
    margin-bottom: 0;
}
.survey_summary .survey_summary_body{
    padding: 10px;
}
.survey_summary .survey_summary_body p{
    font-size: 12px;
    color: #000;
    margin-bottom: 0;
}
.survey_summary .survey_summary_body span{
    font-size: 10px;
    color: #878787;
    display: block;
    line-height: 16px;
}
.survey_summary .survey_summary_body ul{
    margin-top: 20px;
}
.survey_summary .survey_summary_body ul li{
    font-size: 12px;
    color: #000;
}
.survey_summary .survey_summary_body ul li+li{
    margin-top: 8px;
}
.survey_summary .survey_summary_body ul li span{
    font-size: 12px;
    color: #000;
    float: right;
}
.survey_summary a.preview{
    text-decoration: none;
    color: #fff;
    display: block;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    background: #266d91;
    text-align: center;
    margin-top: 15px;
}


.question-builder-sidebar .preview , .question-builder-sidebar_1 .preview{
    text-decoration: none;
    color: #fff;
    display: block;
    border-radius: 4px;
    padding: 10px;
    width: 95%;
    font-size: 15px;
    background: #266d91;
    text-align: center;
    margin:5px auto;
}


.copy_link_right{
    margin-top: 10px;
}
.copy_link_right a{
    border-radius: 4px;
    background-color: #266d91;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 10px;
    position: relative;
}
.copy_link_right a .btn_icon {
    width: 3rem;
    margin-right: 10px;
}
.copy_link_right a+a{
    margin-top: 15px;
}

.copy_link_right span{
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 30px;
    line-height: 18px;
    text-align: center;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.copy_link_right span:before{
    content: "\2713";
}
.preview_box_main p.preview_head{
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.preview_box_main .preview_box{
    background: url(../img/android\ mockup.png) no-repeat;
    width: 270px;
    height: 499px;
    margin: auto;
    position: relative;
    background-size: 270px 499px;
    margin-top: 0px;
    
}
.preview_box_main .preview_box iframe, .preview_box_main .preview_box .preview_load{
    position: absolute;
    top: 0px;
    border: none;
    width: 100%;
    /* padding: 79px 20px 81px; */
    border-radius: 50px;
    padding: 13px 15px;
    height: 100%;
}
.preview_box_main .preview_box .preview_load .inner{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.preview_box_main .preview_box .preview_load .inner img{
    width: 50px;
}
.preview_box_main .preview_box .preview_load .inner span{
    display: block;
    font-size: 14px;
    color: #000;
}
.question_tabbing .question_tab_body .question_tab_pane.branching .form_inner{
    padding: 20px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching p{
    font-size: 12px;
    color: #555;
    margin-bottom: 15px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li{
    font-size: 12px;
    color: #555;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li+li{
    margin-top: 15px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li span{
    color: #266d91;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li em{
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    line-height: 30px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li select{
    border: solid 1px #266d91;
    height: 30px;
    font-size: 12px;
    color: #555;
    margin-bottom: 0;
    margin: 0 15px;
    display: inline-block;
    border-radius: 0;
    vertical-align: top;
    width: 150px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li a{
    font-size: 20px;
    text-decoration: none;
    color: #c4c4c4;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate{
    display: inline-block;
    line-height: 30px;
    padding-left: 25px;
    position: relative;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate label{
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 0;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate em{
    font-style: normal;
    display: inline-block;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate span{
    position: absolute;
    height: 15px;
    width: 15px;
    border: 1px solid #266d91;
    top: 7px;
    left: 0;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate span:before{
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    top: 2px;
    left: 2px;
    background: #266d91;
    display: none;
}
.question_tabbing .question_tab_body .question_tab_pane.branching ul li .terminate input:checked + span:before{
    display: block;
}
.question_tabbing .question_tab_body .question_tab_pane.branching .addMore{
    margin-top: 15px;
}
.question_tabbing .question_tab_body .question_tab_pane.branching .addMore a{
    font-size: 12px;
    color: #266d91;
    text-decoration: none;
}
.question_tabbing .question_tab_body .question_tab_pane.branching .addMore a i{
    margin-right: 15px;
    background-color: #266d91;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
}
.npsType .npsType_inner{
    position: relative;
    padding-bottom: 25px;
}
.npsType span.rightLabel, .npsType span.leftLabel{
    position: absolute;
    bottom: 5px;
    font-size: 12px;
    color: #555;
}
.npsType span.leftLabel{
    left: 0;
}
.npsType span.rightLabel{
    right: 0;
}
.surveyAdded{
    background: #266d91;
    color: #fff;
    padding: 5px;
    margin-bottom: 15px;
    font-size: 12px;
    border-radius: 4px;
}
.surveyAdded p{
    margin-bottom: 0;
    padding: 0 10px;
}
.answer_choice_body .pipeRow, .quesText .pipeRow{
    margin-top: 10px;
    margin-bottom: 15px;
}
.quesText .pipeRow ul li{
    color: #266d91;
    font-size: 11px;
    text-transform: capitalize;
    display: inline-block;
}
.quesText .pipeRow ul li+li{
    margin-left: 15px;
}
.quesText .pipeRow ul li span{
    background: #fff;
    border: 1px solid #266d91;
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 18px;
    cursor: pointer;
}
.answer_choice_body .pipeRow ul li{
    color: #266d91;
    float: none !important;
    font-size: 11px;
    text-transform: capitalize;
    width: auto !important;
    display: inline-block;
}
.answer_choice_body .pipeRow ul li+li{
    margin-left: 15px;
}
.answer_choice_body .pipeRow ul li span{
    background: #fff;
    border: 1px solid #266d91 !important;
    display: inline-block;
    width: 20px !important;
    text-align: center !important;
    height: 20px !important;
    font-size: 12px !important;
    float: none !important;
    line-height: 18px !important;
    cursor: pointer !important;
}
.ratingType .option_box{
    margin-bottom: 20px;
}
.ratingType .rating_options_box ul{
    border-radius: 3px;
    background: #fff;
    border: solid 1px #0a234f;
    display: table;
    width: 100%;
}
.ratingType .rating_options_box ul li{
    display: table-cell;
    font-size: 10px;
    text-align: center;
}
.ratingType .rating_options_box ul li+li{
    border-left: 1px solid #0a234f;
    margin: 0;
}
.ratingType .rating_options_box ul li label{
    padding: 0;
    display: block;
}
.ratingType .rating_options_box ul li span{
    position: static !important;
    color: #0a234f;
    padding: 10px;
    display: block;
    border: none !important;
    background: transparent !important;
    height: 100% !important;
    width: 100% !important;
    text-align: center;
    font-size: 11px;
    border-radius: 0 !important;
}
.ratingType .rating_options_box ul li label input:checked + span{
    background: #eee !important;
}
.ratingType .rating_options_box ul li span:before{
    display: none !important;
}
.rankingType{
    margin-top: 20px;
}
.rankingType .ranking_box{
    padding: 0 15px;
}
.rankingType .ranking_box ul{
    border: 1px solid #0a234f;
    border-radius: 5px;
}
.rankingType .ranking_box ul li{
    display: inline-block;
    text-align: center;
    margin: 0 !important;
    padding: 5px 0;
    color: #0a234f;
}
.rankingType .ranking_box ul li.active{
    background: #0a234f;
    color: #fff;
}
.rankingType .ranking_box ul li+li{
    border-left: 1px solid #0a234f;
}
.rankingType .ranking_box p{
    font-size: 14px;
    color: #555;
    text-align: center;
    margin: 5px 0;
}
.rankingType .ranking_box span{
    font-size: 12px;
    color: #a9a8a8;
    display: block;
    text-align: center;
    margin-bottom: 7px;
}
.rankingType .ranking_opt_box ul li{
    border-top: 1px solid #c7c7c7;
    margin-top: 0 !important;
}
.rankingType .ranking_opt_box ul li label{
    display: block;
    padding: 5px 25px 10px;
}
.rankingType .ranking_opt_box ul li label span{
    height: 17px;
    width: 17px;
    top: 6px;
    border-radius: 100%;
    border: 1px solid #979797;
}
.rankingType .ranking_opt_box ul li label span:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background: #266d91;
    content: "";
    border-radius: 100%;
    display: none;
}
.rankingType .ranking_opt_box ul li label input[type="radio"]:checked + span:before{
    display: block;
}

.report_section_inner.dishwash table{
    margin-top: 10px;
    text-align: center; 
}
.report_section_inner.dishwash table tr th{
    width: 18%;
    padding: 0 2px;
    font-weight: normal;
    background: none;
    border-bottom: none;
}


.report_section_inner.dishwash table tr th:first-child{
    width: 28%;
}
.report_section_inner.dishwash table tr:nth-child(2) td, .report_section_inner.dishwash table tr:first-child td{
    border-top: none !important;
} 
.report_section_inner.dishwash table tr th span{
    background: #e1f0f9;
    display: block;
    text-align: center;
    padding: 8px;
}
.filter_body
{
    width:100%;
    margin: 0 auto;
}
.filter_box {
    float:left;
    width:16%;
}
.filter_select, .filter_box .select2-selection--multiple {
    border: solid 1px #cbc9c9;
    font-size: 14px;
    color: #555;
    width: 150px;
    border-radius: 0;
}
.filter_select {
    height: 32px;
}
.analysis_head button {
    border-radius: 16px;
    background-color: #2492ce;
    border: none;
    font-family: Muli;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    padding: 6px 45px;
    margin: 20px;
}
.filter_box select[select2] + span{
    min-width: 150px !important;
}
.inputfilter {
    width: 150px;
    height: 32px;
}
.showMoreGrid input{
    width: 20% !important;
    margin: 10px 5px;
}
.showLanguage {
    border: solid 1px #266d90;
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.showLanguage button {
    border-radius: 2px;
    background-color: #2979ff;
    color: white;
    border: none;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.19px;
    padding: 9px 18px;
}
.showLanguage .downloadCSV {
    width: 50%;
    float: left;
    text-align: center;
}
.showLanguage .uploadCSV {
    border-left: solid 1px #979797;
    float: right;
    width: 50%;
    text-align: center;
}
.showLanguage .uploadCSV div label {
    cursor: pointer;
    border-radius: 2px;
    border: solid 1px #bcbcbc;
    background-color: #ebebeb;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.19px;
    color: #4a4a4a;
    padding: 6px 50px;
}
.showLanguage .uploadCSV p {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.19px;
    color: #ff6b6b;
    margin: 0px;
    margin-top: 8px;
}
.showLanguage .uploadCSV span {
    font-size: 11px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.19px;
    color: #9b9b9b;
    display: block;
    margin-top: 5px;
    margin-bottom: 18px;
}
.showLanguage .uploadCSV div label input {
    display: none;
}
/* .report_section_inner.performancetracker table tr{
    text-align: center;
} */

























@media all and (max-width:1199px){
    .homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account p{
        font-size: 14px;
    }
    .homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account a img{
        padding: 5px 10px;
    }
    .homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .create_account a{
        font-size: 14px;
    }
    .reportpage .info_panel .data_indi, .reportpage .info_panel .time_period{
        width: 50%;
    }
    .weekSliderBox .MS-content .item .item_inner{
        padding: 10px;
    }
    .weekSliderBox .MS-content .item .item_inner p.date{
        font-size: 12px;
    }
    .weekSliderBox .MS-content .item .item_inner p.bills{
        font-size: 12px;
    }
}
@media all and (max-width:1023px){
    .weekSliderBox .MS-content .item {
        width: 33.33%;
    }
    .homepage .home_left, .homepage .home_right{
        width: 50%;
    }
    .reportpage .report_section .report_section_inner .twoChart .half{
        width: 100%;
        padding: 0 !important;
    }
    .reportpage .info_panel{
        padding: 10px 10px 10px 175px;
    }
    .reportpage .info_panel h2.info_panel_head span{
        margin-left: 5px;
    }
    .reportpage .info_panel h2.info_panel_head{
        font-size: 12px;
        margin-bottom: 6px;
    }
    .reportpage .info_panel .time_period img{
        display: none;
    }
    .reportpage .report_section .report_section_inner .common_chart_cont .chart_header p span, .reportpage .report_section .report_section_inner .common_chart_cont .chart_header p em{
        font-size: 12px;
    }
    .chart_header p .pull-right{
        float: none;
    }
    .bill_sample_box{
        float: none;
        width: 100%;
    }
    .user_details_box{
        float: none;
        width: 100%;
    }
    .bill_sample_box .bill_view_cont .bill_view_box .bill_details p span{
        display: block;
    }
    .details_popup, .homepage .reports_popup{
        width: 300px;
    }
    .details_popup .details_popup_head p{
        font-size: 14px;
        padding: 20px 24px;
    }
    .details_popup .flex_box{
        display: block;
    }
    .details_popup .details_popup_left, .details_popup .details_popup_right{
        float: none;
        width: 100%;
        border: none;
    }
    .details_popup .details_popup_left .form_head span{
        font-size: 18px;
    }
    .details_popup .details_popup_bottom button.confirm_btn{
        width: 274px;
    }
    .details_popup .details_popup_bottom label{
        margin-right: 0;
    }
    .survey_question .added_ques_box p{
        margin-right: 0;
        width: 100%;
    }
    .addnewsurvey .survey_new_tile a{
        height: 30px;
        padding: 5px;
    }
    .addnewsurvey .survey_new_tile a i{
        width: 18px;
        height: 18px;
        margin-right: 5px;
        line-height: 10px;
    }
}
@media all and (max-width:767px){
    .weekSliderBox .MS-content .item {
        width: 50%;
    }
    .homepage .home_bottom{
        margin-top: 30px;
        width: 100%;
        float: none;
        position: static;
    }
    .homepage .home_left, .homepage .home_right{
        width: 100%;
        float: none;
        position: static;
        height: auto;
    }
    .homepage .home_right .home_right_inner .tabbing_box .tabbing_pane .submit_btn{
        margin-bottom: 0;
    }
    .homepage .home_left .logo ul li{
        padding: 0 5px;
    }
    .homepage .home_left .logo ul li+li{
        float: right;
        margin-top: 15px;
    }
    .homepage .home_left .logo ul li:first-child{
        border-right: 0;
    }
    .reportpage header{
        height: 56px;
    }
    .reportpage header .logo{
        width: 120px;
    }
    .reportpage header .header_right{
        margin-left: 120px;
    }
    .reportpage header .header_right p.powered{
        padding-left: 10px;
        line-height: 56px;
        font-size: 12px;
    }
    .reportpage header .header_right .welcome_box .welcome_right{
        display: none;
    }
    .reportpage header .header_right .welcome_box{
        padding: 11px 10px;
        text-align: right;
    }
    .reportpage aside{
        top: 56px;
    }
    .reportpage aside ul li.collapseExpand{
        display: block;
    }
    .reportpage .info_panel{
        top: 56px;
        padding: 10px 10px 10px 55px;
    }
    .reportpage .info_panel .data_indi{
        width: 100%;
        border: none;
    }
    .reportpage .info_panel .time_period{
        width: 100%;
        padding-left: 0;
    }
    .reportpage .info_panel .time_period h2{
        display: none;
    }
    .reportpage .info_panel .time_period .datepicker_section{
        margin-top: 5px;
    }
    .bill_sample_box{
        padding: 10px;
    }
    .bill_sample_box .bill_view_cont{
        padding: 20px 0 10px;
    }
    .bill_sample_box .bill_view_cont .bill_slider_cont{
        width: 100%;
        margin-bottom: 30px;
        padding: 0 40px;
    }
    .bill_sample_box .bill_view_cont .bill_view_box{
        margin-left: 0;
    }
    .bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls{
        width: 100%;
        height: 26px;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
    }
    .bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls a{
        transform: rotate(-90deg);
    }
    .bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls a.bx-prev{
        left: -32px;
    }
    .bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper .bx-controls a.bx-next{
        right: -32px;
        left: auto;
    }
    .homepage .home_right{
        padding: 35px 30px;
    }
    .homepage .home_left{
        padding: 0 10px;
    }
    .homepage .home_left_mid{
        height: 400px;
    }
    .reportpage .report_section.survey{
        margin-left: 45px;
        margin-top: 56px;
    }
    .reportpage .report_section.survey .report_section_inner{
        margin-right: 0;
    }
    .right_comm_box{
        bottom: -160px;
        width: 100%;
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .right_comm_box.manage{
        bottom: -490px;
    }
    .right_comm_box.preview{
        bottom: -430px;
    }
}

@media all and (max-width:479px){
    .weekSliderBox .MS-content .item {
        width: 100%;
    }
    .homepage .home_left_mid{
        height: 300px;
    }
    .homepage .home_left{
        padding: 0;
    }
    .homepage .home_right{
        padding: 20px;
    }
    .homepage .home_left .logo ul li{
        font-size: 13px;
    }
    .homepage .home_bottom{
        height: auto;
        padding: 5px 0 25px;
        margin-top: 20px;
    }
    .reportpage header .header_right p.powered{
        display: none;
    }
    .reportpage header .header_right .welcome_box .welcome_left h2{
        font-size: 12px;
    }
    .reportpage .info_panel h2.info_panel_head span.indicator{
        display: none;
    }
    .reportpage .info_panel h2.info_panel_head span.support{
        margin-left: 0;
    }
    .reportpage .info_panel .data_indi p{
        font-size: 12px;
    }
    .bill_sample_box .bill_view_cont .bill_view_box .bill_details p{
        font-size: 12px;
    }
    .bill_sample_box .bill_view_cont .bill_slider_cont .bx-wrapper{
        padding: 0;
    }
    .iviewer_button{
        width: 20px;
        height: 20px;
        background-size: 100% !important;
    }
    .iviewer_zoom_in{
        left: 5px;
    }
    .iviewer_zoom_out{
        left: 30px;
    }
    .iviewer_zoom_zero{
        left: 55px;
    }
    .iviewer_zoom_fit{
        left: 80px;
    }
    .iviewer_zoom_status{
        left: 105px;
    }
    .iviewer_rotate_left{
        left: 170px;
    }
    .iviewer_rotate_right{
        left: 195px;
    }
    .report_section.survey .survey_list_box .survey_box .ques_response em{
        float: left;
        margin-top: 10px;
        clear: left;
    }
    .report_section.survey .survey_list_box .survey_box .preview a{
        margin-right: 15px;
        font-size: 12px;
    }
    .report_section.survey .survey_list_box .survey_box .survey_top .survey_top_left p.date{
        font-size: 11px;
    }
    .addnewsurvey .survey_new_tile{
        margin-bottom: 10px;
    }
    .addnewsurvey .survey_new_tile a{
        padding: 13px;
        height: 50px;
    }
    .addnewsurvey .survey_new_tile a i{
        width: 24px;
        height: 24px;
        margin-right: 15px;
        line-height: 16px;
    }
    .right_comm_box.manage{
        bottom: -650px;
    }
}


a.editnewsurvey {
    background: #266d91 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff !important;
    float: right;
    font-size: 12px;
    padding: 2px 10px;
}

code.commCode{
    font-family: inherit;
    background: none;
    color: inherit;
    padding: 0;
    font-size: inherit;
    border-radius: 0;
}
.nopadding{
    padding: 0 !important;
}
.padding20{
    padding: 20px !important;
}
.padding10{
    padding: 10px !important;
}

.scrolltop {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    right: 30px;
    background: #266d91;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 1px 8px 1px #000;
}
.scrolltop i{
    margin-top: -3px;
    display: block;
}
.image_video_prev_cont{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9;
}
.image_video_prev_cont .image_video_prev{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90%;
    width: 90%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: #fff;
}
.image_video_prev_cont .image_video_prev .image_video_head{
    border-bottom: 1px solid #000;
    position: relative;
    padding: 15px 20px;
}
.image_video_prev_cont .image_video_prev .image_video_head h2{
    margin: 0;
}
.image_video_prev_cont .image_video_prev .image_video_head span{
    position: absolute;
    top: -3px;
    right: 4px;
    font-size: 20px;
    cursor: pointer;
}
.image_video_prev_cont .image_video_prev .image_video_body{
    height: calc(100% - 64px);
}
.image_video_prev_cont .image_video_prev .image_video_body .image_video_content{
    height: 100%;
    position: relative;
}
.image_video_prev_cont .image_video_prev .image_video_body .image_video_content img, .image_video_prev_cont .image_video_prev .image_video_body .image_video_content video{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.accordion11 {
    /* background-color: #eee; */
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-bottom: 1px solid #e3e3e3;
  }
  .accordion11 img {
      float: right;
      height: 12px;
  }
  .city_body {
    height: 350px;
    overflow: auto;
    width: 615px;
  }
  .city_img {
    height: 22px;
    margin-right: 8px;
  }
  
  /* .active11, .accordion11:hover {
    background-color: #ccc;
  } */
  
  .panel11 {
    padding: 0 16px;
    background-color: white;
    /* max-height: 0; */
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .option_toadd_box {
      padding: 0px 16px;
  }
  


/* dragula css */

.dragdrop_type .colomn_box{
    padding: 20px 15px;
    text-align: center;
}
.dragdrop_type .colomn_box div.movable, div.movable.gu-mirror{
    display: inline-block;
    background: #d7d7d8;
    padding: 5px;
    margin: 5px;
    box-shadow: 0px 2px 6px 1px #999;
    border-radius: 5px;
    touch-action: none;
    height: auto !important;
    position: relative;
    width: auto !important;
    padding-left: 20px;
}
.dragdrop_type .colomn_box.onebyone div.movable{
    display: none;
}
.dragdrop_type .colomn_box.onebyone div.movable:first-child{
    display: inline-block;
}
.dragdrop_type .colomn_box div.movable i, div.movable.gu-mirror i, .dragdrop_type .row_box ul li div.movable i{
    font-size: 12px;
    margin-right: 5px;
    color: #777;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.dragdrop_type .row_box{
    padding: 20px 15px;
    text-align: center;
    width: 100%;
    overflow: auto;
}
.dragdrop_type .row_box ul{
    margin: 0 auto;
}
.dragdrop_type .row_box ul li{
    vertical-align: top;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 10px 10px 0;
    width: 110px;
    position: relative;
    margin-top: 0 !important;
}
.dragdrop_type .row_box ul li img{
    display: block;
    width: 100%;
    margin-bottom: 6px;
}
.dragdrop_type .row_box ul li em{
    background: #000;
    color: #fff;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    z-index: 9;
}
.dragdrop_type .row_box ul li div.movable{
    background: #d7d7d8;
    box-shadow: 0px 2px 6px 1px #999;
    border-radius: 5px;
    font-weight: normal;
    touch-action: none;
    font-size: 12px;
    position: relative;
    padding-left: 20px
}

.dragdrop_type .row_box ul li div.movable+div.movable{
    margin-top: 5px;
}
.dragdrop_type .row_box ul li .den{
    width: 100%;
    padding: 0;
    padding-top: 10px;
    min-height: 20px;
    box-sizing: unset;
    padding-bottom: 90px;
    margin-bottom: -90px;
    position: relative;
    z-index: 9;
}
.dragdrop_type .row_box ul li .den_inner{
    position: relative;
    z-index: 9;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    background:#164157 !important;
    color:#fff;
}
.gu-mirror i{
    color:#fff !important;
}
.gu-hide {
    display: none !important;
}
.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}
/* dragula css */
.multiOpenLogic {
    display: inline-flex;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .multiOpenLogic .select2-container {
    width: 300px !important;
}
.multiOpenLogic .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: auto !important;
}
.addAd {
    background: #337ab7;
    padding: 2px 5px;
}
.addAd i {
    color: white;
    font-size: 11px;
}
.addAd span {
    color: white;
    font-weight: bold;
    font-size: 11px;
}
.addAdHeader {
    font-weight: bold;
    margin-top: 35px;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
    color: darkslategrey;
}
.addAdHeader i {
    float: right;
}
.randomise_pipe {
    border-top-style: double;
    padding-top: 20px;
    margin-top: 20px;
}
.pipe-ques {
    margin-top: 20px;
}
.randomise_pipe .randomise-priority {
    padding: 18px 0px;
}
.randomise-single {
    display: inline-block;
}
.showMoreQuestions {
    width: 100%;
    margin-bottom: 18px;
    background: #266d91;
    border: none;
    padding: 8px 0px;
    color: white;
    border-radius: 18px;
}
.showQuestionsSelectBox {
    float: right;
    margin-left: 16px;
}
.positionBtn {
    margin-right: 10px;
    color: white;
    background: #266d91;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    float: left;
}
.question_tabbing fieldset .answer_choices .answer_choice_body .other_check_options .question-nature-dd .nature,
.question_tabbing fieldset .answer_choices .answer_choice_body .other_check_options .question-nature-dd .spont {
    padding: 5px;
    border-color: #9D4480;
    border-radius: 0;
    margin: 5px 0px;
}

.question_tabbing fieldset .answer_choices .answer_choice_body .other_check_options .question-nature-dd .spont {
    margin: 5px;
}

.multiple_Add_Support{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap:50px;
    grid-row-gap: 20px;
}
.simulation_field_multiple{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: flex-start;
}
.Simulation-input{
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
.duration_time{
    width: 55px;
    height: 30px;
    margin-right: 10px;
    border-radius: 2px;
    border: 1px solid #266d91;
    background-color: #f9f9f9;
}
.Multiple_add_input{
    width: 170px;
    height: 30px;
    color:#266d91;
    padding: 0px 5px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px;
    border: 1px solid #266d91;
    background-color: #f9f9f9;
}
.Multiple_add_input2{
    width: 20px;
    height: 19px;
    color: #266d91;
    padding: 0px 5px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px;
    border: 1px solid #266d91;
    background-color: #f9f9f9;
}
.Multiple_add_input3{
    width: 20px;
    height: 19px;
    color: #266d91;
    padding: 0px 5px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px;
    border: 1px solid #266d91;
    background-color: #f9f9f9;
    pointer-events: none;
}

.googleCsvFileFormat{
    margin-top: 20px;
    display: flex;
    /* align-items: center; */
}
.multiple_Add_Cont{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap:50px;
    grid-row-gap: 20px;
}
.mul-add-number{
    margin: 20px 0px 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.hr{
    margin:0px 0px;
    border-top:1px solid #dadada;
}
.addAdButton{
    border: none;
    outline: none;
    background-color: #0072bc;
    height: 30px;
    width:80px;
    color: white;
    margin: 20px 0px 10px 0px;
    padding: 5px 0px;
    font-size: 14px;
    font-family: sans-serif;
    text-align: center;
    cursor: pointer;
}
.mul-Add-title{
    font-family: sans-serif;
    color:#266d91;
    font-weight: 600;

}


.common_popup_cont .common_popup .expiry_screen {
    background: white;
    margin-bottom: 0;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    width: 580px;
    height: 227px;
}

.common_popup_cont .common_popup .expiry_screen .cross-icon {
    text-align: end;
}

.common_popup_cont .common_popup .expiry_screen .cross-icon span {
    cursor: pointer;
}
.common_popup_cont .common_popup .expiry_screen .date-range-container input{
    border: 1px solid #777;
    outline: none;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 18px;
}
.common_popup_cont .common_popup .expiry_screen .date-range-container input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}
.common_popup_cont .common_popup .expiry_screen button {
    background-color: #266D91;
    color: #fff;
    border: none;
    outline: none;
    padding: 6px 12px;
    border-radius: 2px;
    margin-top: 15px;
    width: 120px;
}

.common_popup_cont .common_popup .expiry_screen .link-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 13px 23px 0;
}

.common_popup_cont .common_popup .expiry_screen .link-container .link {
    font-size: 17px;
    color: #f80505;
    font-weight: 600;
    width: 346px;
    word-break: break-word;
}

.common_popup_cont .common_popup .expiry_screen .link-container .copy button{
    margin-top: 0;
}

.Youtube-dynamic-Sim{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.Youtube-dynamic-Sim .radio-inline{
    margin-left: 0px;
    margin-top: 5px;
}

.Youtube-dynamic-Sim .radio-inline .duration_time{
    margin-left: 5px;
    margin-top: -5px;
}
#googleCsvFileFormat{
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.simulation_field_multiple-upload{
    width: 78%;
    background-color: #0072bc;
    border-radius: 4px;
    color: white;
    text-align: center;
    padding: 5px 0px;
    cursor: pointer;
    font-weight: 400;
}
label.showChild {
    font-size: 12px;
    font-style: inherit;
    margin-left: 15px;
}
.common_popup_bulk_headings-2{
    font-size: 14px;
    padding-left: 12px;
}
.select-parent{
    background-color: white;
    border-radius: 0px;
    width: 160px;
    height: 25px;
    font-weight: bold;
}
.select-parent-2 {
    background-color: white;
    border-radius: 0px;
    width: 120px;
    height: 30px;
    color: #266d91;
    font-size: 13px;
    /* font-weight: bold; */
    border: 1px solid #266d91;
}
.select-parent-3 {
    margin-right: 298px;
    margin-top: 10px;
}


.regex-word-support{
    display: grid;
    grid-template-columns: 15% 30% 55%;
    align-items: center;
    margin: 0px 5px 5px 5px;
    grid-column-gap: 15px;
    grid-row-gap: 5px;
}

.regex-word-support>div>input{
    width:90%;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #266d91;;
    font-size: 13px;
    color: #266d91;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 5px;
    font-weight: 600;
    border-radius: 2px;
}

.regex-counter{
    display: flex;
    width: 30vw;
    align-items: center;
}

.regex-counter input{
    position: inherit !important;

}

.new-Aside-Item{
    display: flex;
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    text-decoration: none !important;
    color: black;
  

}

.new-Manage-Aside-Item{

    display: flex;
    padding: 15px 0px;
    justify-content: center;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none !important;
}


.new-Manage-Aside-Item>div{
    font-size: 13px;
    font-weight: normal;
    color: #4a4a4a;
}


.new-Aside-Item>div{
    font-size: 13px;
    color: #4a4a4a;
    
}



.new_dashboard_builder{
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.new_dashboard_builder button{
    padding: 5px 8px;
    outline: none;
    border: none;
    color: white;
    font-size: 13px;
    background-color: #055983;
    height: 30px;
    border-radius: 3px;
    color: #fff;
}


.new_dashboard_builder .search_input_div{
    background-color: white;
    padding: 0px 0px;
    margin-right: 10px;
    border: 1px solid black;
    border-radius: 3px;
    
}


.new_dashboard_builder .search_input_div .search_input{
    width: 250px;
    height: 30px;
    margin-right: 10px;
    border: none;
    font-size: 12px;
    font-weight: 600;
    color: #000;
}


.Survey_builder_div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.NEW_survey_box{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:15px;
    padding: 0px 10px;
}


.NEW_survey_box .Survey_Container{
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(79, 79, 79, 0.5);
  background-color: #fff;
}


.Survey_Container_2{
    border-radius: 3px;
    /* box-shadow: 0 2px 4px 0 rgba(79, 79, 79, 0.5); */
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
}


.NEW_survey_box .Survey_Container .Survey_Container_Heading{
    display: grid;
    grid-template-columns: 85% 10%;
    grid-column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}


.Survey_Container_Heading_2{
    display: grid;
    grid-template-columns: 80% 15%;
    grid-column-gap: 10px;
    align-items: center;
    margin-bottom: 0px;
}

.Survey_Container_Heading_2 .Survey_Name{
    font-size: 13px;
    font-weight: 600;
    color: #055983;
}


.NEW_survey_box .Survey_Container .Survey_Container_Heading .Survey_Name{
    /* font-family: OpenSans; */
    font-size: 16px;
    font-weight: 600;
    color: #055983;
}


.NEW_survey_box .Survey_Container .Survey_Id_Details{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}


.Survey_id_div{
    font-size: 13px;
    color:#4a4a4a;
    font-weight: 600;
}

.Survey_id_div_2{
    font-size: 11px;
    font-weight: normal;
    color: #4a4a4a;
}


.status_badge_Survey{
    width:80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background-color:#f1f1f1;
    padding: 2px 5px;
}


.status_badge_Survey_1{
    width:80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background-color:#f1f1f1;
    padding: 2px 5px;
}


.status_inactive_badge_div{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff6b6b;
    margin-right: 5px;
}



.status_active_badge_div{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #27ae60;
    margin-right: 5px;

}


.status_inactive_badge_div_1{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff6b6b;
    margin-right: 5px;
}



.status_active_badge_div_1{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #27ae60;
    margin-right: 5px;

}

.Question_div{
    display: flex;
    margin-bottom: 5px;
}


.Created_by_Cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Created_by_Cont div>div{
    font-size: 11px;
    font-weight: normal;
    color: #57606f;
}


.Survey_Container_Inner_Div{
    padding: 10px;
}


.Survey_Container_Inner_Div_2{
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 3px;
    background-color: #efefef;
    padding: 10px 0px;
}


.Survey_Container_Inner_Div_2>a{
    font-size: 12px;
    font-weight: normal;
    color: #055983;
    cursor: pointer;
    text-decoration: none;
 
}


.new_right_comm_box{
    position: fixed;
    top:70px;
    right: 0px;
    height: 100%;
    width:240px;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgb(118 118 118 / 50%);
    z-index: 3;
    border-top: 1px solid #e3e3e3;
}


.Recent_Survey{
    text-align: center;
    padding: 20px 0px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    font-weight: 600;
    color:#000;

}



.Inc_Dec_Section{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 25px 0px 10px;
}


.Inc_Dec_Section>button{
    padding: 5px 8px;
    outline: none;
    border: none;
    color: white;
    font-size: 11px;
    background-color: #055983;
    height: 28px;
    border-radius: 3px;
    color: #fff;
    width: 60px;
}


.new-Aside-Item-Power-Div{
    width: 165px;
    padding: 15px 0px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #e3e3e3;
    text-align: center;
}

.new-Aside-Item-Power-Div>div{
    font-size: 13px;
    font-weight: bold;
    color: #000;

}


.manage_Survey_Aside_Box{
    height: 100%;
    width: 165px;
    background-color: white;
    position: fixed;
    top:70px;
    left: 0px;
    border-top: 1px solid #e3e3e3;

}


/* .new-Manage-Aside-Item{
    padding: 15px 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer;
    width:165px;
} */


.all_simulation_show_box{
    color: #555;
    box-shadow: 0px 1px 4px 0px #ccc;
    padding: 5px 20px;
    text-align: center;
    cursor: pointer;
}

.all_simulation_show_box_grey{
    background-color: rgba(0,0,0,0.1);
}


.Inc_Dec_Section_Top{
    position: fixed;
    overflow: auto;
    bottom: 10px;
    right: 240px;
    display: flex;
    justify-content: space-between;
    margin:-15px 20px 0px 10px;
    align-items: center;

}


.Inc_Dec_Section_Top div>button{
    padding: 5px 8px;
    outline: none;
    border: none;
    color: white;
    font-size: 11px;
    background-color: #055983;
    height: 28px;
    border-radius: 3px;
    color: #fff;
    width: 60px;


}


.Preview_div_2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;
}


.question_details>div{
    font-size: 11px;
    font-weight: normal;
    color: #57606f;
}

.new_survey_list_box{
    max-height: 100vh;
    overflow-y: auto;
}


















.Overall_search_question_Cont{
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
    align-items: center;
}


.Overall_search_question{
    margin-left: 15px;
    border:1px solid #efefef;
    padding: 8px 10px;
    border-radius: 25px;
    background-color: #efefef;
    
}


.Overall_search_question_search_result{
    margin-left: 15px;
    border:1px solid #efefef;
    padding: 8px 10px;
    border-radius: 4px;
    background-color: #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:150px;
}


.Overall_search_question .search-input_1{
    width:250px;
    border: none;
    background-color: white;
    margin-left: 0px;
    padding-left: 0px;
    background-color: #efefef;
    color: #000;
    font-weight: bold;
}



.Overall_search_by select{
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
    border:1px solid #efefef;

    /* border: none; */


}



.dashBoard-Header{
    width: 100%;
    height: 70px;
    display: grid;
    grid-template-columns: 13% 68% 19%;
    align-items: center;
    position: fixed;
    top:0px;
    z-index: 10;
    background-color: #fff;
}


.dashBoard-Header .welcome_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;

}


.dashBoard-Header .logo{
    width: 165px;
}



.welcome_div{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    line-height: 15px;
}

.membership_type{
    font-size: 12px;
    color: #6d6f72;
    margin: 0;
    line-height: 16px;
}

.dashBoard-Header .header_right{
    padding: 0px 15px
}



.logout-button{
    position: absolute;
    visibility: hidden;
    width:210px;
    background-color: #fff;
    color: black;
    box-shadow: 0 0 5px 0 rgb(159 158 158 / 50%);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 12;
    cursor: pointer;
}


.common_copy_clipboard_popup{
    position: fixed;
    bottom: 10px;
    right: 0px;
    visibility: hidden;
    overflow: auto;
    width:200px;
    height: 40px;
    z-index: 15;
    background-color: #0984e3;
    border:1px solid #0984e3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 25px 0px 15px;
    /* border-radius: 4px; */
}


.common_copy_clipboard_popup>div{
    font-size: 14px;
    color: white;
    font-weight: 600;
    /* margin-right: 10px; */
}



.no_question_Show{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}


.survey_summary_box{
    width: 240px;
    /* height: 50px; */
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: white;
    padding: 15px;
}

.new_survey_summary_head{
    padding: 10px 8px;
    outline: none;
    border: none;
    color: white;
    font-size: 11px;
    background-color: #055983;
    border-radius: 3px;
    color: #fff;
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_survey_summary_head img{
    width: 20px;
    height: 20px;
}


.new_survey_question_details{
    /* visibility: hidden; */
    width: 240px;
    right: 10px;
    top: 90px;
    position: fixed;
    padding: 10px;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;

}


.new_survey_question_details_1{
    width: 240px;
    right: 10px;
    top: 20px;
    position: fixed;
    padding: 10px;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
}

.scroll-top{
    position: fixed;
    top:85px;
    left:42%;
    z-index:10;
    border-radius:25px;
    background-color: #ebebeb;
    padding: 10px 20px;
    color: #000;
    font-size: 13px;
    cursor: pointer;
}


.scroll-bottom{
    position: fixed;
    bottom: 20px;
    left:41%;
    z-index:10;
    border-radius:25px;
    background-color: #ebebeb;
    padding: 10px 20px;
    color: #000;
    font-size: 13px;
    cursor: pointer;
}
.regex-open-end-checkbox{
    width: 20px;
    height: 20px;
  
}


.Parent input{
    border:1px solid darkgreen !important;
}

.SubChild input{
    border:1px solid red !important;
}


.new_image_highlighter{
    width:145px;
    height: 35px;
    border: 1px solid #005280;
    border-radius: 2px;
    padding: 5px 10px;
    color: #005280;
    cursor: pointer;
}

.image_opacity_highlighter{
    display: flex;
    align-items: center;
    margin-left: 28px;
    margin-top: 15px;
}


.image_opacity_highlighter input{
    position: none;
    clip:none;
    width: 18px;
    height: 18px;
    margin-left: 24px;
    border: 1px solid #005280;
    border-radius: 2px;
}

.hex_color_code{
    display: flex;
    width:205px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 30px;
}
.hex_color_code label{
    font-size: 12px;
    font-weight: 500;
}

.hex_color_code input{
    width:100px;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #005280;
    border-radius: 2px;
}
.duration_time2{
    width: 91px;
    height: 30px;
    font-size: 13px;
    margin-right: 10px;
    border-radius: 2px;
    border: 1px solid #266d91;
    background-color: #f9f9f9;
}
.adposition{
    margin-top: 12px;
}


.pop-up-close{
    width: 15px;
    position: absolute;
    right: 10px;
}

.image-section-popup{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-section-popup img{
    width:106px;
    height: 85px;
    margin-bottom: 20px;
}

.image-section-popup div{
    font-size: 14px;
    font-family: 'OPEN SANS';
    font-weight: 600;
    color: #000;
}


.link-section-copy{
    width: 200px;
    position: absolute;
    right: 25px;
    display: flex;
    flex-direction: column;
    margin: 20px 0px 20px 0px;
}

.link-section-copy div{
    width:99%;
    text-align: end;
    margin: 10px 0px;
    color:#017bb7;
    cursor: pointer;
}
.screenClass{
    margin-bottom: 8px;
    width: 126px;
    font-size: 12px;
    height: 20px;
    border: solid 1px #e87752;
    /* margin-left: 260px; */
    float: right !important;
}
.screenFour{
    display: flex;
}
/* .screenHead2{
    width: 58%;
} */
.screenPipe{
    display: flex;
    /* width: 26%;
    margin-left: 224px !important; */
}
.pipeRow2{
    /* width: 56%; */
    margin-right: 20px;
}

.simulation_field_multiple_2{
    display: grid;
    grid-template-columns: 23% 77%;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}
.ctmError{
    /* margin-left: 20px; */
    /* margin-top: 10px; */
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
}

.answer-logic{
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}
/* .main-answer-logic_2{
    display: flex;
    flex-direction: row;
    width: 1000px;
} */
.main-answer-logic{
    display: flex;
    flex-direction: row;
}
.select-cls{
    height: 30px;
    margin-right: 7px;
    margin-left: 7px;
}
.select-group{
    display: flex;
    align-items: center;
    margin-top: -10px;
    margin-bottom: 1px;
}




.disabledDiv{
    pointer-events: none;
}

/* Question Preview Popup CSS STARTED*/
.question-preview-popup-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,.5);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.question-preview-popup-container .question-preview-popup {
    width: 55vw;
    height: 97.5vh;
    background: #fff;
    border-radius: 15px;
    max-width: 700px;
    min-width: 600px;
    position: absolute;
    top: 10px;
    overflow-y: auto;
}

.question-preview-popup-container .close-icon {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    height: 25px;
    position: absolute;
    right: 0;
}

.question-preview-popup-container .preview-content {
    margin-top: 10px;
}

.question-preview-popup-container .close-icon span {
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    cursor: pointer;
}

.question-preview-popup-container .preview-content .preview-box-main {
    display: grid;
    grid-template-columns: 1fr 2.2fr 1fr;
    height: 600px;
    align-items: center;
}

.question-preview-popup-container .preview-content .prev-question-box {
    height: 100%;
}

.question-preview-popup-container .preview-box-main .prev-question-icon {
    display: flex;
    justify-content: flex-end;
}

.question-preview-popup-container .preview-box-main .next-question-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.question-preview-popup-container .preview-box-main .next-question-icon .preview-message {
    font-weight: 900;
    font-style: oblique;
    padding-left: 10px;
}

.question-preview-popup-container .preview-box-main .android-mockup-container .preview-load {
    position: absolute;
    top: 45%;
    left: 35%;
    z-index: 1;
}

.question-preview-popup-container .preview-box-main .android-mockup-container .preview-load .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.question-preview-popup-container .preview-box-main .android-mockup-container .preview-load .inner img{
    width: 5rem;
}

.question-preview-popup-container .android-mockup-container {
    background: url(../img/android\ mockup.png) no-repeat;
    background-size: 95% 100%;
    width: 100%;
    height: 100%;
    background-position: center;
    position: relative;
}

.question-preview-popup-container .android-mockup-container .preview-iframe-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* padding: 3.5% 9.5% 4% 10%; */
}

.question-preview-popup-container .android-mockup-container .preview-iframe-container iframe {
    border-radius: 38px;
    width: 100%;
    border: none;
    position: relative;
    z-index: 2;
    height: 110.5%;
    transform: scale(.86) translate(0%, -5.5%);
}

.question-preview-popup-container .preview-box-main .next-question-icon .icon,
.question-preview-popup-container .preview-box-main .prev-question-icon .icon {
    width: 4.5rem;
    cursor: pointer;
    max-width: unset;
}

.question-preview-popup-container .question-preview-popup .prev-footer {
    display: flex;
    justify-content: center;
}


/* Question Preview Popup CSS END */

.shelf-ques-input{
    border-radius: 0px;
    width: 45px;
    padding: 4px 5px;
    font-size: 12px;
    margin-left: 15px;
    border: 1px solid #266d91;
}
.select-rowcount {
    margin-bottom: 0px;
    border-radius: 0px;
    width: 30%;
    height: 30px;
    color: #266d91;
    font-size: 12px;
    border: 1px solid #266d91;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body ul li .zoom_images{
    float: left;
    margin-top: 10px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body ul li .zoom_images a.add_option i{
    background: #266d91;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body ul li .zoom_images a.add_option{
    padding: 0px 10px;
    font-size: 12px;
    color: #266d91;
    border: 1px solid #266d91;
    width: 100%;
    text-decoration: none;
    display: inline-block;
}
.question_tab_pane fieldset .answer_choices .answer_choice_body ul li .zoom_images{
    float: left;
}


.question_pipe_cont-add-shelf-question{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:450px;
    height: 275px;
    background-color: #fff;
    /* padding: 10px; */
}


.shelf-first-div{
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #286d92;
    padding: 0px 10px;
}


.shelf-popup-footer{
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 50px;
    border-top: 1px solid #286d92;
    padding: 0px 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.shelf-popup-footer button{
    width: 80px; 
    height: 30px; 
    text-align: center; 
    margin-right: 10px;
    color: #286d92;
    border: none;
    outline: none;
    border-radius: 2px;
} 

.zoomImageUrlContainer{
    max-height: 125px;
    overflow: auto;

}
.answer-logic{
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}
/* .main-answer-logic_2{
    display: flex;
    flex-direction: row;
    width: 1000px;
} */
.main-answer-logic{
    display: flex;
    flex-direction: row;
}
.select-cls{
    height: 30px;
    margin-right: 7px;
    margin-left: 7px;
}
.select-group{
    display: flex;
    align-items: center;
    margin-top: -10px;
    margin-bottom: 1px;
}

.upload-image-class{
    display: flex;
    border: 2px dashed #8c8888d4;
    width: 435px !important;
    margin: 30px 20px 5px 0px !important;
    height: 65px;
    /* text-align: center; */
}
.height-width-of-img{
    margin-left: 10px;
    width: 90px;
    height: 33px;
    border: solid 1px #266d91;
}
.custom-horizontal-line{
    margin-bottom: 25px;
}
.select-opt{
    margin-left: 10px;
    color: #337ab7;
    height: 35px;
    width: 150px;
    font-weight: normal;
    padding: 3px 0px 3px 3px;
}
.upload-image-class2{
    display: flex;
    border: 2px dashed #8c8888d4;
    width: 370px !important;
    margin: 8px 0px 10px 22px !important;
    height: 60px;
}
.attachImage a{
    text-decoration: none;
    width: 100%;
    color: #fff;
    padding: 7px 2px;
    text-align: center;
    display: block;
    background: #266d91;
}
.pipe_popup_body2{
    padding: 20px;
    max-width: 800px;
}
.validImage{
    color: #1919f4 !important;
}
.invalidImage{
    color: grey !important;
    pointer-events: none;
}


.bulk-processing-image-cont{
    width: 95%;
    max-height: 350px;
    overflow-y: auto;
}

.insertBtn{
    width: 100%;
    height: 23px;
    margin-bottom: 0px !important;
    background-color: #266d91;
    text-align: center;
}

.import-Question-button{
    border:none;
    outline: none;
    border-radius: 2px;
    font-size: 14px;
    background-color: grey;
    text-align: center;
    color:#fff;
    height: 28px;
    width:75px;
    padding: 5px 0px;
    margin-left: 10px;
    /* pointer-events: none; */
}
.fetchBtn{
    pointer-events: auto;
    background-color: #266d91;
}




.grayRadioBtn{
    background-color: #e5dede !important;
}


.processing-loader {
    width:8em;
    height:1em;
    -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%;
    background:
    linear-gradient(#000 0 0) 0/0% no-repeat
    #ddd;
    animation: processing_loader 2s infinite steps(6);
}
@keyframes processing_loader {
    100% {background-size:120%}
}

.transltion-processing-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
    margin-top: 1em;
}

.transltion-processing-loader span {
    color: red;
}

.cursor_not_allowed{
    cursor: not-allowed;
}


.add_other-bulk{
    height: 25px;
    display: inline-block;
    text-decoration: none;
    background: #266d91;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
}
.firstDiv{
    display: flex;
    flex-direction: row;
    margin: 0px !important;
}
.firstDiv table tbody tr td{
    /* padding-right: 18px; */
    padding-bottom: 10px;
    font-size: 13px;
}
.downloadCity{
    float: left;
    margin-left: 3%;
    color: #1d93d6;
    font-size: 15px;
    text-decoration: underline;
    cursor: pointer;
}
.errorSheet{
    color: blue;
    cursor: pointer;
}
.errorSheet :hover{
    text-decoration: underline;
}

.addBulkTextDiv{
    min-width: 400px !important;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .instance_logic .select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}
.question_tabbing .question_tab_pane .ques_head_details .logic_row .instance_logic .select2-container--default .select2-selection--single{
    border-style: none;
}

.oldLogicClass{
    color: #ff860a;
    font-size: 15px;
    float: right;
    height: 23px;
    padding: 0 10px;
}

.select-shapetype {
    margin-right: 5px;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 95%;
    height: 30px;
    color: #266d91;
    font-size: 12px;
    border: 1px solid #266d91;
}

.min_max_image_upload_cont{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 100px;
}

.min_max_image_upload_cont_v1{
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.min_max_image_upload_cont input{
    width: 60px;
    height: 30px;
    border:1px solid #266d91;
    border-radius: 4px;
    color: #266d91;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.min_max_image_upload_cont_inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}




.upload-image-class-qr{
    margin: 10px;
    display: grid;
    grid-template-columns: 8fr 95px;
    column-gap: 20px;
    align-items: center;
    border: none;
    outline: none;
    border-radius: 4px;
}

.QrImageLabel{
    font-size: 10px;
    color: #000;
}


.qr_code_url_input input{
    margin: 5px auto;
    width: 100%;
    height: 30px;
    border:1px solid #266d91;
    border-radius: 4px;
    color: #266d91;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.qr-codeNote-fields div{
    font-size: 12px;
    color: #555;
    margin:5px 10px 0 10px;
}

.qr_code_size_note{
    font-size: 10px;
    color: #555;
    margin:5px 0 0 0;
}

.cta_btn_input{
    width: 125px;
    outline: none;
    border: 1px solid #e87752;
    border-radius: 2px;
    margin:0px;
    padding: 5px;
    font-size: 12px;

}