/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700');
.full-panel.panel .panel-body {
    padding: 15px 22px;
}

.notetext {
    /*font-size: 16px;*/
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-align: left;
    padding: 0;
    margin: 15px 0 10px 0;
}

.full-panel.panel {
    background-color: #f8f8f8;
    border: medium none;
    border-radius: 5px;
    color: #7e7d7d;
    margin-bottom: 24px;
    position: relative;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
    padding-bottom: 20px;
}

.full-panel.panel .secpl .panel { background-color: inherit; box-shadow: none; margin-bottom: 0;}
.full-panel.panel .secpl .panel .panel-heading { border-bottom: 0; padding-bottom: 0;}
.newcustom_check { width: 100%;}
.newcustom_check input[type='checkbox'] {  opacity: 0; position: absolute;filter: alpha(opacity=0); margin: 5px 0 0 5px;}
.newcustom_check input[type="checkbox"]:focus+label {  color: #7e7d7d;}
.newcustom_check input[type="checkbox"]+label {
    background: url(../assets/img/newcustom_check.png) left top no-repeat;
    position: relative;
    margin: 0;
    padding: 0 0 0 40px;
    cursor: pointer;
    line-height: 24px;
    min-height: 26px;
    display: inline-block;
    z-index: 0;
    font-size: 18px;
    font-weight: normal;
}

.newcustom_check input[type="checkbox"]+label { background-position: -4px -4px;}
/*.newcustom_check input[type='checkbox']:checked+label{ background-position: -4px -78px;}*/
.newcustom_check input[type='checkbox']:checked+label {
    background: url(../assets/img/newcustom_checked.png) left top no-repeat;
    background-position: -4px -4px;
}

.newcustom_check input[type='checkbox']:disabled+label { background-position: 0 -400px; color: #999}
.newcustom_check input[type='checkbox']:disabled:checked+label { background-position: 0 -500px;  color: #999}
.newcustom_radio { width: 100%;}
.newcustom_radio input[type='radio'] {
    opacity: 0;
    position: absolute;
    filter: alpha(opacity=0);
    margin: 5px 0 0 5px;
}
.newcustom_radio input[type="radio"]:focus+label { color: #7e7d7d;}
.newcustom_radio input[type="radio"]+label {
    background: url(../assets/img/newcustom_check.png) left top no-repeat;
    position: relative;
    margin: 0;
    padding: 0 0 0 40px;
    cursor: pointer;
    line-height: 24px;
    min-height: 26px;
    display: inline-block;
    z-index: 0;
   /* font-size: 16px;*/
    font-size: 18px;
    font-weight: normal;
}
.newcustom_radio input[type="radio"]+label { background-position: -4px -4px;}
/*.newcustom_check input[type='checkbox']:checked+label{ background-position: -4px -78px;}*/
.newcustom_radio input[type='radio']:checked+label {
    background: url(../assets/img/newcustom_checked.png) left top no-repeat;
    background-position: -4px -4px;
}
.newcustom_radio input[type='radio']:disabled+label { background-position: 0 -400px; color: #999}
.newcustom_radio input[type='radio']:disabled:checked+label { background-position: 0 -500px; color: #999}
.customScroll { overflow-y: scroll;}

.full-panel .slimScrollBar,
.full-panel .slimScrollRail {
    left: auto;
    right: 0;
    border-radius: 8px !important;
    width: 10px !important;
}
.languge_ch { width: 80%; margin: 0; float: left;}
.languge_ch p {
   /* font-size: 16px;*/
    font-size: 18px;
    line-height: 34px;
    color: #000;
    text-align: left;
    /*text-transform: uppercase;*/
    padding: 0;
    margin: 0;
}
.actionBox { margin: 0 15px 0 0; float: right;}
.actionBox a,
.actionBox2 a {
    font-size: 16px;
    line-height: 34px;
    color: #9a0660;
}

.btn.addQ {
    background: none;
    border: 0;
    /*font-size: 16px;*/
    font-size: 18px;
    color: #9a0660;
    padding: 0;
    margin: 0 15px 0 0;
}

.btn.addQ .fa {
    /*font-size: 16px;*/
    font-size: 18px;
    line-height: 28px;
}
.btn.addQ:hover,
.btn.addQ:focus {
    background: none;
    border: 0;
    color: #ed7b01;
    padding: 0;
    margin: 0 15px 0 0;
    box-shadow: none;
}

.lanListbase { float: right;  position: relative;}
.chLan {
    width: auto;
    margin: 22px 0 22px 15px;
    float: right;
    position: relative;
}

.chLan .lan,
.chLan .ch {
    /*font-size: 14px;*/
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin: 0;
}

.chLan .ch { margin: 0 0 0 10px;}
.chLan .ch a {
    /*font-size: 14px;*/
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}

.lanList {
    position: absolute;
    top: 66px;
    right: 0;
    z-index: 100;
    width: 200px;
    height: auto;
    background: #eee;
    border-radius: 0 0 4px 4px;
}
.lanList ul { padding: 0; margin: 0;}
.lanList ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-top: 1px solid #c80000;
}
.lanList ul li a {
    background: #ff4242;
    color: #fff;
    cursor: pointer;
    display: block;
    /*font-size: 15px;*/
    font-size: 18px;
    line-height: 34px;
    margin: 0;
    padding: 0 15px;
    text-align: left;
}

.lanList ul li a:hover,
.lanList ul li a.active { color: #fff; background: #c80000;}
.lanList ul li:last-child a { border-radius: 0 0 4px 4px;}
.hide_pnl {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
  /*  background: red;*/
}


/*---------Add-Question-----------*/

.addQue .form-group { margin-bottom: 15px;}
.addQue .lang { font-weight: normal; /*text-transform: uppercase;*/}
.addQue input.form-control {
    background: #ebeced;
    border: 1px solid #e2e3e4;
    /*font-size: 15px;*/
    font-size: 18px;
    line-height: 20px;
    color: #99999a;
}
.btnGroup { margin-top: 40px; margin-bottom: 0;}
.btnGroup .btn {
    margin-left: 20px;
    margin-bottom: 0;
}
.btnGroup .btn:first-child { margin-left: 0;}
.addnote1 { margin: 0 0 24px 0;}
/*---------Edit-Question-----------*/
.btnGroup .btn.btn-danger { margin-top: 0;}
/*---------subscription-----------*/
.yourSubs {/*font-size: 16px;*/ font-size: 18px;}
.yourSubs label { font-weight: 400;}
.actionBox2 {
    display: inline-block;
    margin: 0 0 0 20px;
    float: none;
}

.ccard {
    background: #ebeced;
    border: 1px solid #e2e3e4;
    border-radius: 4px;
    margin-bottom: 30px;
}
.ccard .innerCcard { padding: 15px 15px 10px 15px;}
.newcustom_check.leftAlign,
.newcustom_radio.leftAlign { width: auto;}
.ccard .ccardNum {
    font-size: 20px;
    line-height: 24px;
    color: #99999a;
    display: inline-block;
}
.ccard .innerbtnbase {
    padding: 10px 15px 15px;
    background: #d7d7d7;
}
.ccard .centerGroup { margin: 0 auto; display: table;}
.ccard .innerbtnbase .btn { margin: 0 0 0 20px;}
.ccard .innerbtnbase .btn:first-child { margin-left: 0;}
.ccard .innerbtnbase .btn .fa { margin-right: 8px;}
.mcards { margin-top: 24px;}
/*--------edit-subscription-----------*/
.device_view {
    width: 100%;
    background: none;
    margin: 15px 0 0 0;
}
.mobile_tabs {
    width: 100%;
    display: table;
    position: relative;
}
.mobile_tabs ul {
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
    display: table;
}
.mobile_tabs li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: left;
    background: #eee;
    border: 1px solid #e2e2e2;
    border-bottom: 0;
    white-space: nowrap;
    border-radius: 4px 4px 0 0;
}
.mobile_tabs li.active {
    border-bottom: 0;
    position: relative;
    margin-bottom: -1px;
    padding-bottom: 1px;
    z-index: 100;
    background: #fff;
}
.mobile_tabs li a {
   /* font-family: Verdana, Geneva, sans-serif;
*/    font-size: 18px;
    line-height: 24px;
    color: #7e7d7d;
    text-align: center;
    padding: 8px 30px;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    display: block;
}
.mobile_tabs li:hover a {
    color: #7e7d7d;
}
.mobile_tabs li.active a {
    color: #9a0660;
}
.tabcontBase {
    width: 100%;
    margin: 0;
    display: table;
}
.tabcont {
    width: 100%;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-top: 0px solid #e2e2e2;
    padding: 20px 15px;
    border-radius: 0 0 4px 4px;
}
.planBox {
    width: 100%;
    min-height: 560px;
    background: #eee;
    border: 1px dashed #ccc;
    padding: 15px;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 6px;
}
.planimgBox {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    margin: 15px auto 20px auto;
}
.planimgBox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.planBox h4 {
    color: #9a0660;
   /* font-size: 20px;*/    
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}

.planBox p {
    /*font-size: 14px;*/
    font-size: 18px;
    line-height: 25px;
    color: #7e7d7d;
    text-align: center;
    font-weight: 400;
    padding: 0;
    margin: 0 0 10px 0;
}

.planBox p.basictxt {
    /*font-size: 19px;*/
    font-size: 18px;
    line-height: 22px;
    color: #555;
    font-weight: 500;
}

.pboder {
    border-bottom: 3px solid #ccc;
    padding-bottom: 15px;
    margin: 0 auto 15px auto;
    display: table;
}
.pboder p { margin: 0;}
.planBox .price {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    text-align: center;
    font-weight: 400;
    padding: 15px 0;
    margin: 0 0 10px 0;
}

.alignCenterbox {
    margin: 0 auto;
    display: table;
}

.planBox .newcustom_check input[type="checkbox"] + label {
    font-size: 18px;
    font-weight: 600;
}

.planBox .newcustom_check input[type="checkbox"]:checked + label {
    color: #9a0660;
}

.editSubscription .tabcont .btnGroup {
    margin-top: 0;
}

.cusBox {
    width: 220px;
}

.cusBox .btn-group button.btn.btn-info {
    background: #fff;
    border-color: #ccc;
    /*font-size: 14px;*/
    font-size: 18px;
    color: #333;
    height: 34px;
}

.cusBox input.otherinput {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    margin: 5px 0;
}

.showedit {
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 40px 0 0 0;
    display: table;
}

.showedit .form-group {
    margin: 0 0 15px 0;
}

.showedit .cusfrm {
    padding: 15px 0 0 0;
}

.cusfrm .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    color: #555;
   /* font-size: 14px;*/
   font-size: 18px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
}

.cusfrm .bootstrap-select button.btn.btn-info {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    color: #555;
    /*font-size: 14px;*/
    font-size: 18px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
}

.cusfrm .cusyy {
    margin: 0;
    display: inline-block;
}

.smallselect .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.cusfrm .cusyy.smallselect {
    display: inline-block;
    margin: 0 0 0 20px;
}

.btn-default .btn-group button.btn.btn-info {
    background: #fff;
    border-color: #ccc;
    /*font-size: 14px;*/
    font-size: 18px;
    color: #333;
    height: 34px;
}

.mandatory {
    color: #f00;
}

.cusfrm .form-control {
    max-width: 220px;
    display: inline-block;
}

.mcards .notetext {
    margin: 0;
}

.mcards .btnGroup {
    margin-top: 0;
}

.confirmdiv {
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
    display: block;
}

.bootstrap-select.btn-group.selectyear {
    margin: 0 0 0 20px;
}

.ct-chart-donut text {
    text-anchor:middle;    
}
.ct-vertical.ct-start{
  display:none;
}

.mailto {
    color:#b4b4b4;
}
.mailto:hover {
    color:#9a0660;
}

/*-------------------Responsive-------------------------------------------------------------------*/

@media (min-width: 1200px) {
    .al-sidebar {
        width: 200px;
    }
    .al-main {
        margin-left: 200px;
    }
    .sidebar-hover-elem {
        left: 196px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .planBox {
        min-height: 740px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .planBox {
        min-height: 922px;
    }
    .tabcont {
        padding-left: 10px;
        padding-right: 10px;
    }
    .planBox h4 {
        font-size: 24px;
        min-height: 70px;
    }
    .planBox p.basictxt {
        /*font-size: 15px;*/
        font-size: 18px;
        min-height: 90px;
    }
    .form-horizontal.cusfrm .control-label {
        /*font-size: 15px;*/
        font-size: 18px;
    }
    .bootstrap-select.btn-group.selectyear {
        margin: 15px 0 0 0;
    }
    .icon-list {
    margin: 30px 0 20px;
}
}
@media (max-width: 991px) {
    .icon-list ul li {
    font-size: 18px!important;
}
}
@media (max-width: 767px) {
    .full-panel .notetext {
        text-align: center;
    }
    h3.panel-title {
        text-align: center;
    }
    .btn.addQ {
        width: 100%;
        margin: 15px 0;
    }
    .btn.addQ:hover {
        margin: 15px 0;
    }
    .full-panel.panel .checkbox-demo-row {
        margin-bottom: 25px;
    }
    .full-panel.panel .rightlan {
        margin-top: 10px;
    }
    .ng-binding.ng-scope {
        /*text-align: center;*/
    }
    .subscription_view label {
        color: #333;
    }
    .planBox {
        min-height: inherit;
    }
    .editSubscription .tabcont .btnGroup {
        text-align: center;
    }
    .bootstrap-select.btn-group.selectyear {
        margin: 15px 0 0 0;
    }
    .cusfrm .form-control {
        max-width: 100%;
    }
    .bootstrap-select.btn-group.selectyear,
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }
    .mcards .btnGroup {
        text-align: center;
    }
    .logo-holder img {
    width: 150px!important;
}
}

@media (max-width: 480px) {
    .newcustom_check input[type="checkbox"] + label {
        font-size: 14px;
    }
    .subscription_view .yourSubs .btn {
        margin: 0 auto;
        display: table;
    }
    .tabcont {
        padding-left: 10px;
        padding-right: 10px;
    }
    .planBox h4 {
        font-size: 24px;
    }
    .planBox p.basictxt {
        font-size: 15px;
    }
}

.logo-holder{
    text-align: center;
    margin: 20px 0;
}
.icon-list ul{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.icon-list{
    margin: 22px 0 30px;
}
.icon-list ul li {
    margin-bottom: 9px;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    width: 50%;
    text-align: left;
    display: inline-block;

}

.icon-list ul li p{font-size: 17px; font-weight: 400; display: inline-block; position: relative;  padding: 5px 5px 5px 70px;}

.icon-list ul li p:before{
    width: 60px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}
.icon-list ul li:nth-child(1) p:before{
    background-image: url(../assets/img/dashboard-icon-01.png);
}
.icon-list ul li:nth-child(2) p:before{
    background-image: url(../assets/img/dashboard-icon-02.png);
}
.icon-list ul li:nth-child(3) p:before{
    background-image: url(../assets/img/dashboard-icon-03.png);
}
.icon-list ul li:nth-child(4) p:before{
    background-image: url(../assets/img/dashboard-icon-04.png);
}

.select-col{
    margin-bottom: 10px;
}
.ct-chart .ct-fill-donut-label {
    text-align: center;
    color: #000;
    font-size: 23px;
    font-weight: 500;
}
.ct-chart .ct-fill-donut-label h3 {
    font-size: 16px;
}
.charts-cont .chart-block{
    position: relative;
}
.charts-cont .chart-block .chart-title{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}
.chart-title {
    font-size: 22px;
    font-weight: 600;
}
.ct-series-a .ct-slice-donut{
    stroke: #ff0000;
}
.ct-series-b .ct-slice-donut{
    /*stroke: #eaeaea;*/
    stroke: #5cb5ae;
}
.ct-series-c .ct-slice-donut{
    /*stroke: #add493;*/
    stroke: #beee29;
}
.ct-series-a .ct-bar {
    /*stroke: #3f9c93;*/
    stroke: #beee29;
}
.ct-series-c .ct-bar{
    stroke: #ff0000;
}
.ct-series-b .ct-bar{
    stroke: #5bb5ae;
}


#stacked-bar .ct-series-a .ct-bar {
    stroke: #e4e4e0;
}
#stacked-bar .ct-series-c .ct-bar{
    stroke: #ff0000;
}
#stacked-bar .ct-series-b .ct-bar{
    /*stroke:rgb(69, 114, 195);*/
    stroke: #be167c;
}

.charts-cont .chart-block .link-quote{
    position: absolute;
    font-size: 15px;
    left: 50%;
    margin-left: 90px;
    top: 50%;
    margin-top: 110px;
    display: inline-block;
    padding: 4px 15px;
    background: #9a0660;
    border-radius: 12px;
    color: #fff;
}
.charts-cont .chart-block .link-quote:hover{
    background: #ed7b01;
}
.comments-list{
    margin: 30px 0;
}
.comments-list ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
.comments-list ol li{
    background: #f7f7f7;
    border: 1px solid #c5c5c5;
    margin: 3px 0;
    padding: 15px;
    color: #000;
}
.comments-list .cmt-heading{
    margin-bottom: 10px;
}
.comments-list .cmt-time{
    color: #000;
}
.comments-list p{
    color: #000;
    margin-bottom: 0;
}
.chart-info{
    position: absolute;
    color: #000;
    left: 31%;
    top: 100px;
    margin-left: 260px;
}
.chart-info ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.chart-info ul li{
    margin-bottom: 10px;
    line-height: 30px;
}
.chart-info ul li .color-box{
    width: 30px;
    height: 30px;
    /*border: 1px solid #43729d;*/
    float: left;
    margin-right: 10px;
}
.chart-info ul li:nth-child(1) .color-box{
    /*background: #add493;*/
    background: #beee29;
}
.chart-info ul li:nth-child(2) .color-box{
    /*background: #eaeaea;*/
    background: #5cb5ae;
}
.chart-info ul li:nth-child(3) .color-box{
    background: #ff0000;
}

.blur-theme .line-tabs .nav.nav-tabs{
    background: none;
    /*border-bottom: 1px solid #45a7e4;*/
    border-bottom: 1px solid #000;
}
.blur-theme .line-tabs .nav.nav-tabs > li{
    border-right: 1px solid #fff;
    margin-bottom: 1px;
}
.blur-theme .line-tabs .nav.nav-tabs > li > a{
    /*background: #99d5fb;*/
    background: rgb(243, 243, 242);
    border-radius: 0;
    cursor: pointer;
}
.blur-theme .line-tabs .nav.nav-tabs > li.active > a{
    /*background: #45a7e4;*/
    /*background: #000;*/
    background: #781054;
}
.btn.btn-sm{
    font-size: 14px;
}
.graph-title{
    color: #000;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 25px;
}
 #category .graph-title{font-size: 30px;}
 #question .graph-title{font-size: 30px;}
.box-border{
    border: 5px solid #f2f2f2;
}
.ct-chart.box-border svg{
    /*height: 350px !important;*/
    height: 280px !important;
}
.stacked-bar.box-border .ct-bar {
    stroke-width: 38px;
}
.graph-top-info{
    text-align: center;
    margin-bottom: 10px;
    color: #000;
}
.graph-top-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 54px;
}
.graph-top-info ul li {
    display: inline-block;
   /* margin: 0 3px;*/
    width: 30%;
}
.graph-top-info .fa{
    margin-right: 5px;
}
.pagination > li > a, 
.pagination > li > span{
    border-color: #ddd;
    color: #209e91;
}
.custom-select {
    margin-bottom: 15px;
}
.logo-holder img {
    width: 200px;
}
.select-col .btn-block {
    margin-bottom: 10px;
}


/*===========29.11.16==========*/
.bk_clr_green {
    background-color: #add493!important;
}
.bk_clr_red {
    background-color: #fd5e5e!important;
}
.bk_clr_red_light {
    background-color: #fb6666!important;
}
.ct-label {
    color: #000000;
    opacity: 0.9;
    fill: #000!important;
}
.tentatives-box .color-box-blue {
    /*background: #e4e4e0;*/
    background: #be217c;
    padding: 1px 9px;
    margin-right: 10px;
    text-align: right;

}
.collections-box .color-box-orenge {
    background: rgb(151, 187, 205);
    /*background: rgb(190, 28, 124);*/
    padding: 1px 9px;
    margin-right: 10px;
    text-align: left;
}
.tentatives-box {
    margin-top: 20px;
    text-align: right;
}
.collections-box {
    margin-top: 20px;
    text-align: left;
}
/* added on 9 oct */
.al-sidebar-sublist > li.selected:not(.with-sub-menu) > a ,  .al-sidebar-list-item.selected:not(.with-sub-menu) {
    background-color: rgb(127, 127, 127);
    background: rgb(127, 127, 127);
}
.al-sidebar-sublist > li:hover a span{ color: #fff;}
.blur-theme .line-tabs .nav.nav-tabs > li:not(.active) > a {
    color: #000;
}
.m-t-b-10{
    margin: 10px 0px;
}
/* ends */

@media (min-width: 1280px) {
.graph-top-info ul li { width: 31.35%;}
}
@media (max-width: 767px) {
.chart-info {
    position: absolute;
    color: #000;
    left: 17px;
    top: -85px;
    margin-left: 260px;
    width: 100%;
}
.charts-cont .chart-block { margin-top: 72px;}
.chart-info {
    color: #000;
    left: 15px;
    margin-left: 0;
    margin-top: 20px;
    position: absolute;
    top: -85px;
    width: 100%;
}
.chart-info ul li {display: inline-block;}
}

/*Custom loader*/
  .loading {
      position: fixed;
      top: 50%;
      left: 50%;
      z-index:999999;
  }
  .loading:bofore {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,0.95);
        content: "";
        z-index:999999;
  }
  .loading-bar {
      display: inline-block;
      width: 4px;
      height: 18px;
      border-radius: 4px;
      animation: loading 1s ease-in-out infinite;
  }
  
  .loading-bar:nth-child(1) { background-color: #3498db; animation-delay: 0; } 
  .loading-bar:nth-child(2) { background-color: #c0392b; animation-delay: 0.09s;}
  
  .loading-bar:nth-child(3) {
      background-color: #f1c40f;
      animation-delay: .18s;
  }
  
  .loading-bar:nth-child(4) {
      background-color: #27ae60;
      animation-delay: .27s;
  }
  
  @keyframes loading {
      0% {
          transform: scale(1);
      }
      20% {
          transform: scale(1, 2.2);
      }
      40% {
          transform: scale(1);
      }
  }
  
  .activate-backdrop {
      width: 100%;
      height: 100%;
  }
  
  .backdrop {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      background: rgb(204, 225, 225);
      /* IE 8 */
      filter: alpha(opacity=50);
      /* IE 5-7 */
      -moz-opacity: 0.5;
      /* Netscape */
      -khtml-opacity: 0.5;
      /* Safari 1.x */
      opacity: 0.5;
      /* Good browsers */
  }


/* 2-12-2016 */
.dashboard-main{ text-align: center; }
ul.custom-select-ul{margin: 0; padding: 0; text-align: center;; }
ul.custom-select-ul li{ list-style: none; display: inline-block; margin: 0 7px; }
.ct-chart .ct-fill-donut-label{  font-size: 24px; }
.ct-chart .ct-fill-donut-label h5 { font-size: 18px;}
.chaerist-inner {font-size: 18px;margin-left: 9%; padding: 15px 0; width: 90%;}
.chaerist-inner{ width: 90%; margin-left: 5%; padding: 15px 0;}
.charts-cont .chart-block .chart-title , .chart-block .chart-title .graph-title , #category .graph-title{font-size: 24px;}
.chart-block .ct-chart .ct-label { /*font-size: 16px;*/ font-size: 18px;}
 .chLan:hover{ cursor: pointer; }
 .bootstrap-select.btn-group.open .dropdown-menu.open{ z-index: 99999; }
.qns-text {
    background: #f5f8fa none repeat scroll 0 0;
    border-left: 4px solid #9a0660;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px;
    color:#000!important;
}
.custome-radio label {
    color: #a2a2a2;
    /*font-size: 15px*/
    font-size: 18px;
}
.marginBtm {
    margin-bottom: 30px;
}
.form-control.selectpicker {
    background: #f5f8fa none repeat scroll 0 0;
    border: 1px solid #e3e7ea;
}
.panel.bg-style {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

/*==========21.02.17=============*/
.al-logo.clearfix > img {
    width: 160px;
}
button.moreBtn {
    background: #ed7b01 none repeat scroll 0 0;
    border-color: #ed7b01;
    height: 34px;
    line-height: 19px;
}
h1.main-heading {
    float: none;
      margin-bottom: 24px;
    width: 100%;
}
.sub-heading {
    /*font-family: 'SegoeUI';*/
    font-size: 22px;
    color: #7e7d7d;
    margin-bottom: 23px;
}
.content-text {
    font-size: 18px;
    line-height: 27px;
    color: #000;
}
.al-breadcrumb li {
    /*font-size: 13px;*/
    font-size: 18px;
}
.al-breadcrumb {
    padding: 0;
}
.lead {
    font-size: 18px;
}
.stacked-bar{
    position: relative;
    /*min-width: 500px;
    overflow: auto;*/
}

.al-main2 {
    padding: 60px 0 30px;
} 
/*.al-footer {
    padding: 0 18px 0 55px;
}
*/
.rightPanelCustome.panel-success > .panel-heading {
   /* font-family: 'SegoeUI-Bold';*/
    font-size: 18px/*19px*/;
}
.bg-none .panel {
    background: transparent;
    box-shadow: none;
}
.bg-none .panel-heading {
    border-bottom: none;
}
.text_Style {
     color: #000;
    /*font-size: 19px;*/
    font-size: 18px;
    /*text-transform: uppercase;*/
}
.big-font {
    color: #000;
}
.bk_clr_red p, .bk_clr_red .cmt-heading {
    color: #fff!important;
} 
.bk_clr_red .cmt-time {
    color: #fff!important;
}

/*16-3-2017*/
.form-control{ font-size: 18px; height: 40px; }
.al-content .planBox .planBox-h4 h4{ margin-bottom: 0px; }
.al-content .planBox .with-scroll{ line-height: 25px; margin-top: 20px; }
.panel.panel-blur.with-scroll .panel-body .btn.dropdown-toggle.btn-default{ height: 40px; font-size: 18px; }
.register-4 .has-error .control-label{ top: 28px; }
.panel-blur.with-scroll .panel-body p.big-font{ font-size: 22px; }
.panel-blur.with-scroll .panel-body p.small-font{ font-size: 18px; }
.panel-blur.with-scroll .panel-body .alert , .panel-blur.with-scroll .panel-body .alert h4{font-size: 18px;}
.btn , button.btn , button.btn.btn-default{ font-size: 18px; }
.has-error .control-label{ top: 62px; }
/*20-3-2017*/
.Rectangle .logo-holder img{ width: auto; max-width: 100%; object-fit: contain; margin:0 auto;}
.logo-holder img{object-fit: contain;  }
.logo-holder{ text-align: center; }
.ccard .innerbtnbase .centerGroup .btn:first-child{ margin-left: 0; margin-right: 10px; margin-bottom: 5px; }
.ccard .innerbtnbase .centerGroup .btn{ margin-bottom: 5px;  margin-left: 0;}
.ccard .innerbtnbase .centerGroup{ text-align: center; }
.full-panel.panel .panel-body .notetext.text_Style.ng-scope , .full-panel.panel .panel-body .notetext{ font-size: 22px; }
.icon-list ul li p{font-size: 22px;}
.chaerist-inner , .chaerist-inner h3{ font-size: 22px; }
.add-row-editable-table button.btn.btn-primary{font-size: 18px;}
form.add-collector .form-group label{ font-size: 22px; }
.panel.panel-blur.with-scroll .panel-body button.btn.btn-danger{ font-size: 18px; }
button.moreBtn , .select-col button{ height: 40px; }
.before-login-main.al-main{ margin-left: 0px !important; }
.image_preview img{ width: auto; max-width: 100%; max-height: 110px; height: auto; object-fit: contain; }
.color-management .Rectangle .image_preview img{ margin: 0 auto; }

/*28-3-2017*/
.col-sm-6 .charts-cont .chart-block{/* text-align: center; max-width: 500px; */}
.col-sm-6 .ct-chart-donut{ /*width: 400px !important; margin: auto;*/ }
.cusBox-others.cusBox{ width:100%; }
.cusBox-others.cusBox textarea.form-control.otherinput.textarea-other{ height: 150px; overflow-y: auto; resize: none; }
.cusBox-others.cusBox textarea.form-control.otherinput.textarea-other:focus{ background-color: #fff; }

/*-------------17-10-2017------------------*/
body { /*font-family: 'Open Sans', sans-serif; font-family: 'Comfortaa'*/font-family: 'Alvar Essential Alt' !important; color: #000; font-weight: 400; font-style: normal; }
h1, h1.main-heading { 
    /*font-family: 'Roboto', sans-serif; font-family: 'Comfortaa', cursive*/   
     font-family: "AlvarEssentialAltBold";
    font-size: 30px;
    width: auto;
    margin: 0; }
h2, .sub-heading { /*font-family: 'Open Sans', sans-serif; font-family: 'Comfortaa', cursive*/font-family: 'Alvar Essential Alt'; color: #000; font-weight: 400; font-style: normal; }
h1, h2, h3, h4, h5, h6 { color: #000; }
.content-text{ font-weight: 300; }
/*-------------19-10-2017------------------*/
/*.page-top { background-color: #3e3d3d;  }
.page-top.scrolled { background-color: #3e3d3d; }*/
.dashbox { min-height: 380px; margin-bottom: 40px; padding-right: 10px; padding-left: 10px;}
.icon-list ul li { width: 100%; }
.chartbox { margin-bottom: 20px; }
#stacked-bar.chartbox  { margin-bottom: 30px; }
.select-col .icon-list ul li { width: 70%; }
.custom-select button.btn.btn-default, .custom-select select, .custom-select option, .custom-select ui.dropdown-menu li { font-size: 11px; }
.custom-select select { height: 34px;}
.custom-select ui.dropdown-menu li, .custom-select ui.dropdown-menu li a, .custom-select ui.dropdown-menu li a .text { font-size: 16px; }
h1.main-heading { margin-bottom: 10px;  margin-top: 10px;}
.sub-heading, h2.sub-heading { margin-bottom: 20px; }
.line-tabs {margin-top:-25px;}
.content-top {padding-top: 0; padding-bottom: 10px;}
button.btn.btn-warning { 
    /*background: #3e3d3d; 
    border-color: #3e3d3d; */
    background: #781054;
    border-color: #781054;
}
button.btn.btn-warning:hover { 
    /*background: #292929; 
    border-color: #292929;*/ 
    background: #420b2f;
    border-color: #420b2f;
}
.charts-cont .chart-block .chart-title { font-weight: 400; }
/*-------------23-10-2017------------------*/
.blur-theme .line-tabs .nav.nav-tabs > li > a { font-size: 13px; padding: 7px 12px; }
.line-tabs ul.nav.nav-tabs li .btn.btn-default { font-size: 13px; padding: 6px 7px; }
.tab-content button.btn.btn-warning.moreBtn { font-size: 14px; height: 34px; }
.custom-select .bootstrap-select.form-control, .custom-select .bootstrap-select.form-control .btn.dropdown-toggle { height: 34px; outline: none; }
select, option { outline: none !important; }
.custome-radio label { font-weight: 400; }
.panel-body .form-control {font-size: 14px; height: 34px;}

.tableBase {}
.table.table_mobileView {}
.table.table_mobileView .th_showMob { display: none; }
.table.table_mobileView .hideMob { display: table-cell; }
.table.table_mobileView .bgGreen, .table.table_mobileView .bgGray, .table.table_mobileView .bgOrange { text-align: left; line-height: 1.42857143; padding: 8px;}
.table.table_mobileView .bgGreen {background-color: #beee29; }
.table.table_mobileView .bgGray {background-color: #5bb5ae;}
.table.table_mobileView .bgOrange {background-color: #fe0e00;}
/**/
.dashboard-main .dashbox{ border:1px solid #ccc; text-align: center; margin-bottom: 20px;}
.div-table{ display: table; width: 100%; height: 340px; vertical-align: middle; }
.div-tablecell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.dashbox .icon-list ul li{ margin-top: 9px; }
.dashbox ul.custom-select-ul .custom-select{ margin-bottom: 7px; margin-top: 7px; }
.dashbox .icon-list{margin: 22px 0 22px;}
.dashbox .icon-list ul li{max-width: 462px; width: 80%;}
.dashbox .icon-list ul.custom-select-ul li{ width: 70%; }
.risposta-inner{ border:1px solid #ccc; padding-top: 20px; padding-bottom: 20px; }
.risposta-inner #stacked-bar{ margin-top: 0px; margin-bottom: 20px; }
.dashboard-main .comments-list{ margin-top: 0px; margin-bottom: 0px; }
.dashboard-main ul.pagination{  margin-top: 0px; }
.blur-theme .line-tabs .nav.nav-tabs{ border-bottom: 0; }

/*6-12-2017 (new design for gradient).)*/
/*.page-top{ background: url(../assets/img/client-area-risposta-template-upper-bar.jpg) no-repeat; background-size: cover; }*/
/*.al-sidebar{background: url(../assets/img/client-area-risposta-template-side-bar.jpg) no-repeat; background-size: cover;}*/
/*6-12-2017*/

/* Added on 20 Dec 2017 for menu changes */
a.al-logo { margin-left:20px;}
.page-top { padding: 0 32px 0 0px;}

a.al-sidebar-list-link i{ display: none !important; }
.al-sidebar-list .al-sidebar-list-item ul li a i{ display: none; }

.risposta-inner h4 , .risposta-inner p{ padding-left: 10px; padding-right: 10px;}
.risposta-inner p{ color: #777; font-size: 15px; }
.qns-text{border-left: 4px solid #781054; }
/* Menu changes */

/*chaerist-inner*/
.chaerist-inner { font-size: 20px; color: #000; margin-left: 5%; padding: 30px 0; }
.chaerist-inner, .chaerist-inner h3 {font-size: 20px;}
.ct-chart .ct-fill-donut-label h5 { font-size: 20px; }
.ct-chart .ct-fill-donut-label h3 { font-size: 18px; margin-top:5px; line-height: 1em;}
.chart-block .ct-chart .ct-label { font-size: 11px; }
.chart-info { position: relative; margin: 30px 0px 60px 0px; top: 0;}
/* newly added for questions tab */
.chaerist-inner {font-size: 22px; color: #000; margin-left: 5%;padding: 30px 0;text-align: center; }
.chaerist-inner h3 {font-size: 20px;}
.ct-chart .ct-fill-donut-label h5 { font-size: 16px;}
.ct-chart .ct-fill-donut-label h3 { font-size: 16px; margin-top: 14px; line-height: 1em;}
.chart-block .ct-chart .ct-label {font-size: 13px; }
.chart-title, .chart-block .chart-title .graph-title, #category .graph-title { font-size: 17px!important; margin: 0 0 3px 0px; line-height: 22px; font-weight:600;}
.charts-cont .chart-block .chart-title { color: #000; font-size: 20px;font-weight: 600; text-align: center; margin: 0 0 3px 0px;}
.charts-cont .chart-block .link-quote {left: 44%; padding: 1px 9px; font-size: 10px; border-radius: 10px; margin-top: 75px;}
.panel-blur { background-color: #eeeeee; box-shadow: none; margin-top:10px;}
.panel-blur .panel-body { padding: 5px 15px 7px; text-align: left;}
.evolution-graph-title { font-size: 18px!important; margin: 10px 0px 5px 0px!important; line-height: 20px; }
.graph-title { font-weight:600!important;font-size:17px!important;} 
.chart-title { font-size: 17px!important;}
/**/
.comments-list-custom{ display: block; width: 100%; clear: both; }
.comments-list-custom ul{ margin: 0px auto; padding: 0px; width: 100%; display: inline-block;}
.comments-list-custom ul li{ list-style: none; position: relative; padding-left: 100px; margin: 0 auto 10px; width: 100%; /*max-width: 680px;*/ display: inline-block;}
.left-comments{ height: 110px; background: #beee29; text-align: center; width: 100px; position: absolute; left: 0;}
.left-comments h5{ font-size: 12px; color: #000; margin:0 auto; }
.comments-list-custom ul li .div-table{ height: 110px; }
.right-comments{ padding-right: 15px; padding-left: 15px; height: 110px; text-align: left; background: #ffffff; width: 100%; float: left; border: 1px solid #e7e6e6;    /*overflow-y: scroll;*/ }
.right-comments p{ color:#a5a5a5; font-size: 12px; margin-bottom: 8px; line-height: 16px;}
.right-comments h4{ font-weight: bold; color: #333333; font-size:14px; line-height: 24px; margin: 0;}
.right-comments h5{ font-size: 13px; color:#a5a5a5; margin: 0;}

.comments-list-custom ul li.active .left-comments{background: #ff0000;}
.comments-list-custom ul li.active .left-comments h5{ color: #fff; }
.comments-list-custom ul li.bk_neutral .left-comments h5 {color: #fff; }
h2, .sub-heading , h1, h1.main-heading{ color: #333; }

.col-xs-12.col-md-7 .col-xs-12.col-md-6 .ct-chart .ct-fill-donut-label h3 , .col-lg-3.col-sm-6 .ct-chart .ct-fill-donut-label h3{margin-top: 6px;}
.col-xs-12.col-md-7 .col-xs-12.col-md-6 .chaerist-inner , .col-lg-3.col-sm-6 .chaerist-inner{ padding-top: 40px; font-size: 18px;}

.mCustomScrollbar.right-comments{ max-height:110px !important; }
.panel-body .bg-warning.max-height-fixed .control-alert button.btn.btn-danger{ border-color:#9a0660; background: #9a0660 !important; }
.panel-body .bg-warning.max-height-fixed{ background-color: #7a004a;}
button.btn.btn-warning:hover, button.btn.btn-warning:focus, button.btn.btn-warning.focus, button.btn.btn-warning:active, button.btn.btn-warning.active{background: #9a0660; border-color:#9a0660;}
button.btn.btn-primary ,  .btn-primary{background: #9a0660; border-color:#9a0660;}
body a{ color: #9a0660; }
#overall1 .select-col{margin-bottom: 30px;}
.form-control.selectpicker{ background:#f5f8fa url(../assets/img/arrow-down.png) no-repeat 97% center;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.add-row-editable-table a{ margin-right: 20px; }
.graph-top-info{ position: relative; margin-bottom: 15px; margin-top:15px;}
.graph-top-info i.fa.fa-user{ position: absolute; left: 25px; }
/*cus-modal*/
.cus-modal .modal-header{ /*text-align: center; */padding-bottom: 0px;}
.cus-modal .modal-header h2{margin-bottom: 0px;}
.signout {font-size: 14px;}
.cus-tbl-div{ border: 1px solid #7d7c7c;border-radius: 70px; padding: 50px;}
.bk_neutral .left-comments{background: #3f9c92;}
#question .col-lg-4.col-sm-6{ margin-bottom: 20px; }
.question-tab2 .charts-cont .chart-block .link-quote{ top:5px; margin-top: 0px; left: auto; right: 10px;}

.graph-col3 .col-sm-3{ margin-bottom: 20px; }
.graph-col3:nth-child(4n+2){ clear: left; }
.question-tab2 .chart-block.marginTopLess{ border:1px solid #ccc; margin-bottom: 20px; padding-top: 15px; padding-bottom: 45px; }
.question-tab2 .charts-cont .chart-block .chart-title{ display: table; width: 100%; }
.question-tab2 .charts-cont .chart-block .chart-title .graph-title{ height: 132px; vertical-align: middle; padding-left: 10px; padding-right: 10px; display: table-cell; width: 100%; text-align: center; }
.comments-list-custom ul li .left-comments h6{ margin-top: 5px; margin-bottom: 0px;}
.comments-list-custom ul li .left-comments h6 img{ max-height: 56px; margin: 0 auto;}
.comments-list-custom ul li.active .left-comments h6 img{}
.pts-right-btm{position: absolute; bottom: 5px; left: 30px;}
.pts-left-btm { position: absolute; bottom: 5px; left: 3px; bottom:-4px; }
.tab-content .tab-pane .pts-right-btm p{ color: #292828; font-size: 14px; margin-bottom: 2px; line-height: 16px;}
.ct-chart.stacked-bar.chartbox .risposta-inner{ min-height: 480px; }
.ct-label.ct-vertical.ct-start{ color: #000; }
.graph-div{ border:1px solid #ccc; margin-bottom: 20px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 5px; }
.graph-div .graph-title{ display: table-cell; height: 100px; vertical-align: middle; width: 100%; text-align: center; }
.graph-div .graph-title-div { display: table; height: 100px; vertical-align: middle; width: 100%; text-align: center;}

.cus-modal.modal-content{ background: #fff; margin-top: 30px; border:2px solid #b90000; border-radius: 50px; }
.cus-modal.modal-content .modal-footer{ text-align: center; }
.cus-modal.modal-content table#comments td b{color: #fff;}
.cus-modal.modal-content .modal-header{ text-align: center; }
ul.form-list{ margin: 0px; padding: 0px; text-align: center; }
ul.form-list li{ list-style: none; display: inline-block;}
ul.form-list li .custom-select{ min-width: 120px; }
ul.form-list li button.moreBtn{height: 34px; color: #fff;}
ul.form-list li button.moreBtn span{color: #fff !important;}
.modal-content.cus-modal .sub-heading.mobile-view-class{ text-align: center; }
.close-btn-top{ float: right; margin-right: 20px; }
.dis-div{ width: 100%; display: inline-block; }
.dis-div .btn{ font-size: 15px; padding: 3px 12px; }
.modal-content.cus-modal .modal-body{ padding: 15px 40px; }
.cus-modal.modal-content .modal-header{padding: 15px 40px;}
.cus-modal.modal-content .modal-header h1 , .cus-modal.modal-content .modal-header h2{ padding-left: 10px; padding-right: 10px; }
.mt80{ margin-top: 80px; }
.cus-modal.modal-content .modal-header h1.al-title{ font-size: 20px; margin-bottom: 20px; }
.cus-modal.modal-content .modal-header .sub-heading{ font-size: 18px; }



@media (min-width: 992px) { .max-height-fixed { height:/*212*/ 260px;  }}
@media (max-width: 1366px) { .icon-list ul li{ /*width: 53%;*/ width:100%; }.dashbox .icon-list ul li{ width: 90%; }}
@media (max-width: 1260px) { .icon-list ul li{ width: 58%;}}
@media (max-width: 1200px){a.al-logo { margin-left:60px;}}
@media (max-width: 1024px) { .icon-list ul li{ width: 70%;} }
@media (min-width: 992px) and (max-width:1023px){
    .dont-have-account .panel .panel-body { padding: 42px 22px 24px !important; }
.panel-title { font-size: 16px; }
}
@media (max-width: 768px) { 
    .icon-list ul li{ width: 100%; }
}
@media (max-width: 991px) {
.color-management-block .color-row-3-rightInner{ padding-top: 20px; }
.content-top { padding-top: 0; padding-bottom: 0;}
.dashbox { min-height: inherit; margin-bottom: 0; }
.listContentMobile.icon-list { margin-bottom: 0; }
.listContentMobile.icon-list ul li { width: 50%; margin-right: auto; margin-left: auto; display: table; }
.select-col .icon-list ul li { width: 50%; }
.selectMobile.icon-list { margin-top: 0; margin-bottom: 10px; }
.graph-col3:nth-child(4n+2){ clear:inherit; }
.graph-col3:nth-child(3n+2){ clear: left; }
}
@media (max-width: 767px) {
.chart-block.marginTopLess { margin-top: 15px !important;}
.mobile-view-class {display: none;}
.charts-cont .form-group{ margin-bottom: 0px !important; }
.charts-cont .chart-block .chart-title, .chart-block .chart-title .graph-title, #category .graph-title { display: inline-block; width: 100%; }
.color-row-1 ul{ min-height: 120px;}
.color-row-2 ul{ min-height: 120px; margin-top: 40px; }
.color-management-block .color-row-3-rightInner input, 
.color-management-block .color-row-3-rightInner button, 
.color-management-block .color-row-3-rightInner select, 
.color-management-block .color-row-3-rightInner textarea{ width: 100%; }
.color-row-3-left{ margin-left: -35px; }
.color-management-block .color-row-2 .color-cell-radio{ margin-top: 10px; }
.footer .al-footer .al-footer-right{ margin-bottom: 5px; }
.add-row-editable-table button.btn.btn-primary{ font-size: 18px; }
.charts-cont .chart-block .chart-title{ margin: auto; }
.stacked-bar.box-border .ct-bar{ stroke-width: 20px; }
.stacked-bar.box-border  text{ font-size: 11px; }
.sub-heading.mobile-view-class{ display: block; }
h1.main-heading{ display: inline-block; }
.logo-holder { margin: 0; }
.listContentMobile.icon-list ul li { width: 54%; }
#risposta-index2 svg.ct-chart-bar { height: 240px !important; }
.icon-list.listContentMobile { margin-top: 15px; }
.table.table_mobileView {}
.table.table_mobileView tbody, .table.table_mobileView tbody tr { display: block; }
.table.table_mobileView tr th {display: block; }
.table.table_mobileView tr td {width: 100%; display: block; text-align: left; }
.table.table_mobileView .th_showMob {display: block;  margin-left: -10px; margin-right: -18px;}
.table.table_mobileView .hideMob { display: none; }
/**/
.tab-content .charts-cont .chart-block .chart-title{ margin-bottom: 15px; margin-top: 10px; }
/*.al-sidebar-list .al-sidebar-list-item > a.al-sidebar-list-link > span{ display: none; }*/
a.al-sidebar-list-link i{ display:block; }
/*.al-sidebar-list .al-sidebar-list-item ul li a span{ display: none; }*/
.al-sidebar-list .al-sidebar-list-item ul li a i{ display: block; float: left; margin-right: 5px;}
/*.al-sidebar{ width: 60px; }*/
a.al-sidebar-list-link{padding-left: 36px;}
.al-sidebar .al-sidebar-sublist > li a{padding-left: 35px;}
a.al-sidebar-list-link{ line-height: 36px; height: inherit; }
a.al-sidebar-list-link i{float: left; margin-right: 0px; line-height: 32px; position: absolute; left: 10px;}
.al-main{ padding-right: 0px; }
}
@media (max-width: 640px) {
.Circle .logo-holder img { height: 160px; }
.logo-holder { margin-bottom: 15px; }
.listContentMobile.icon-list ul li, .select-col .icon-list ul li { width: 70%; }
/*27-12-2017*/
.left-comments , .right-comments{width: 100%; position: relative; height: auto; padding: 10px 5px;}
.comments-list-custom ul li .left-comments h6 img{ max-height: 28px; }
.comments-list-custom ul li .div-table{ height: auto; }
.comments-list-custom ul li{padding-left: 0px;}
.right-comments h4{ font-size: 13px; line-height: 16px; }
.right-comments{padding-right: 10px;padding-left: 10px;}
.right-comments p{font-size: 11px; margin-bottom: 5px;}
}

@media (max-width: 480px) {
.icon-list ul li p{ font-size: 20px; }
.chart-info ul li{ width: 100%; }
.chart-info{ top: -149px; }
/*.charts-cont .chart-block { margin-top: 140px;}*/
.charts-cont .chart-block { margin-top: 0px;}
.chLan { float: right; margin: 0; padding: 22px 0 21px 7px; position: relative; width: auto; }
.al-logo.clearfix > img { width: 122px;}
a.collapse-menu-link {  font-size: 30px; font-weight: 600;  padding: 12px 7px !important;}
.color-management-block{ padding:60px 0px;}
.color-row-3-rightInner .col-xs-3{ padding-left: 5px ; padding-right: 5px; }
input, button, select, textarea{ font-size: 14px; }
.al-user-profile .profile-toggle-link.dropdown-toggle img{width: 22px; height: 22px; margin-top: 15px;}
.lanListbase-mobile ul{margin: 4px 0px 0px;}
.listContentMobile.icon-list ul li, .select-col .icon-list ul li { width: 80%; }
.custome-radio label { font-size: 14px; }
.line-tabs .nav.nav-tabs > li.pull-right {float: left !important;}
.line-tabs .nav.nav-tabs > li#catactive {float: none; display: table;}
.blur-theme .line-tabs .nav.nav-tabs > li{margin-bottom: 5px;}
a.al-logo { margin-left:40px;}
.page-top {padding: 0 10px 0 0px;}
.chart-info{margin: 10px 0px 60px 0px;}
.charts-cont .chart-info{ top: 0px; }
.lanListbase-mobile{ width: 136px; }
.lanListbase-mobile ul li a{ font-size: 12px; }
.lanListbase-mobile ul li a::after{right: -3px; bottom: 2px; height: 12px;}
.lanListbase-mobile ul li:last-child a{ padding-left: 2px; }
}
@media (max-width: 360px) {
.listContentMobile.icon-list ul li, .select-col .icon-list ul li { width: 100%; }
}

@media print {
body{ -webkit-print-color-adjust: exact;}
.comments-list-custom ul li.active .left-comments { background-color: #ff0000 !important; -webkit-print-color-adjust: exact;}
.left-comments{background: #beee29 !important; -webkit-print-color-adjust: exact;}
/*.page-top { background: url(../assets/img/client-area-risposta-template-upper-bar.jpg) no-repeat !important; height: 66px !important; background-size: cover !important; -webkit-print-color-adjust: exact;}*/
/*.al-sidebar {background: url(../assets/img/client-area-risposta-template-side-bar.jpg) no-repeat !important; display: none;}*/
/*.al-sidebar {background: url(../assets/img/client-area-risposta-template-side-bar.jpg) no-repeat !important; display: none;}*/
button.btn.btn-primary, .btn-primary{background: #9a0660 !important ; color: #fff !important; -webkit-print-color-adjust: exact;}
.comments-list-custom ul li.active .left-comments h5{ color: #fff !important;  -webkit-print-color-adjust: exact;}
a.collapse-menu-link{ display: none; }
.lanListbase-mobile ul li a{color: #fff !important; -webkit-print-color-adjust: exact;}
.lanListbase-mobile ul li a::after{background: #fff !important; -webkit-print-color-adjust: exact;}
button.btn.btn-warning , .tab-content button.btn.btn-warning.moreBtn{background: #781054 !important; border-color: #781054 !important; color: #ffffff !important;}
.blur-theme .line-tabs .nav.nav-tabs > li > a{background: rgb(243, 243, 242) !important; color: #000 !important;}
.blur-theme .line-tabs .nav.nav-tabs > li.active > a{background: #781054 !important; color: #ffffff !important;}
.form-control.selectpicker{ border: 1px solid #e3e7ea !important; }
.form-control.selectpicker { background: #f5f8fa url(../assets/img/arrow-down.png) no-repeat 97% center !important;}
.panel-blur { background-color: #eeeeee !important;}
.btn-warning:focus, .btn-warning.focus{ color: #fff !important; -webkit-print-color-adjust: exact;}
.tab-content button.btn.btn-warning.moreBtn span{ color: #fff !important; -webkit-print-color-adjust: exact;}
.newcustom_check input[type="checkbox"]:checked + label{background-position: -4px -4px !important; background: url(../assets/img/newcustom_checked.png) left top no-repeat !important;}
.newcustom_check {min-height: 32px !important;}
.btn.addQ{color: #9a0660 !important;}
.btn.addQ .fa{ color: #9a0660 !important;}
.add-row-editable-table button.btn.btn-primary{background: #9a0660 !important; border-color: #9a0660 !important;}
.al-content .table tr td , .al-content .table tr td{  background-color: transparent !important; }
.al-content .table{  background-color: transparent !important; }
.al-content .table tr td a i , .al-content .table tr td a , .actionBox a, .actionBox2 a{color: #9a0660 !important; -webkit-print-color-adjust: exact;}
.full-panel.panel { background-color: #f8f8f8 !important; color: #7e7d7d !important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) !important;}
.form-control{background-color: #e0e0e0 !important;}
.delete-btn-red{ color: #fff !important; }
.mobile_tabs li.active a{color: #9a0660 !important;}
.tabcont{background: #fff !important;}
.newcustom_radio input[type="radio"]:checked + label{background-position: -4px -4px !important; background: url(../assets/img/newcustom_checked.png) left top no-repeat !important;}
.newcustom_radio input[type="radio"] + label{min-height: 26px !important;}
.newcustom_radio input[type="radio"] + label { background: url(../assets/img/newcustom_check.png) left top no-repeat !important;}
.page-top {
    display: none;
}
}
@media print and (color) {
   * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/**added for header autocomplete**/

.show_email {
    position: absolute;
    background: #f3f1f1;
    width: 100%;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 0 5px #00000070;
    top: 58px;
    max-height: 300px;
    overflow-y: auto;
}

.autocomplete_total {
    position: relative;
    float: left;
    padding-left: 20px;
}
.autocomplete_total .form-control:focus {
    box-shadow: none;
    border-color: #fff;
    background: #fff;
}

.show_email span {
    display: block;
    font-size: 15px;
    line-height: 37px;
    padding: 0 15px;
    border-top: 1px SOLID #d4d4d463;
    color: #333;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.show_email span:first-child {
    border: none;
}

/**added for header autocomplete**/

/* ========= calender-box ========== */

.calender-total-box { position: relative;}

.calender-total-box .calender-btn-box{background: #f5f8fa; height: 34px; border: 1px solid #e3e7ea;     padding-left: 4px;
    padding-right: 15px;     font-size: 11px;     box-shadow: none; border-radius: 5px; width: 100%;color: #000;      height: 34px;
    background:#f5f8fa url(../assets/img/arrow-down.png) no-repeat 97% center;
}

.calender-drop-box{     background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    border-radius: 5px;
    position: absolute;
    left: 0;
    z-index: 9;
    width: 250px;}
.calender-drop-box-header{ background-color: #771154;}
.calender-drop-box-header .year-select-box{     background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 100%;}
    
.calender-drop-box-header .year-select-box option{ font-size: 14px;}

.calender-month-list ul{ margin: 0;padding: 0; list-style: none; 
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
} 
.calender-month-list li{      -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important; width: 33.33%;}

.month-checkbox{ color: #000; font-size: 14px; position: relative; box-shadow:inset 0,0,0,1px rgba(0,0,0,0.2);
width: 100%; height: 50px; line-height: 50px;     width:100%;     text-align: center;
}

.month-checkbox input[type="checkbox"]{ opacity: 0;     position: absolute; }  
.month-checkbox label{ text-align: center; color: #000; background-color: #efefef; width: 100%; height: 50px; line-height: 50px;} 
.month-checkbox input[type="checkbox"]:checked + label{ background-color: #dedede; color: #761154;} 
.calender-drop-box-footer{ background-color: #771154; color: #fff; font-size: 14px; text-align: center; padding: 10px; cursor: pointer; }