*,*:before,*:after{
    box-sizing: border-box;
}

@font-face{
    font-family:'Filson-Pro-Regular';
    src:url(../fonts/Filson-Pro-Regular.otf);
}
@font-face{
    font-family:'Filson-Pro-Bold';
    src:url(../fonts/Filson-Pro-Bold.otf);
}
@font-face{
    font-family:'Filson-Pro-Medium';
    src:url(../fonts/Filson-Pro-Medium.otf);
}
body{
    font-family:'Filson-Pro-Regular';
    color: #343737;
    counter-reset: section;
    margin:0px;
}
:focus{
    outline:none;
}
h2{
    font-size: 55px;
    line-height: 1.2;
    color: #343737;
}
h1,h2,h3,h4,h5,h6,p,ul{
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
.boxs{
    float:left;
    width:100%;
    display: block;
}
li{
    list-style: none;
}

.noleft{
    padding-left: 0;
}
.noright{
    padding-right: 0;
}
.nopadding{
    padding: 0 !important;
}
button, a {
    transition: all 0.35s ease 0s;
}
a {
    outline: medium none !important;
    text-decoration:none;
    display: inline-block;
}
a:hover{
    text-decoration:none!important;
}
.width1{
    width:100%;
}
.container{
    width:1170px;
    margin: 0 auto;
    /*    padding: 0px 139px;*/
}
.pdlr{
    padding-left:20px!important;
    padding-right: 20px!important;
}
.img-responsive{
    max-width:100%;
    display: block;
}
.mgt{
    margin-top: 85px;
}
.header{
    position: absolute;
    width: 100%;
    z-index: 999;
    top:0;
    left:0;
    /*    background: #fff;*/
}
.forflex{
    display: flex;
    align-items:center;
}
.headertop,.navinner{
    padding: 20px 0px;
}
.navinner{
    align-items: baseline;
    padding-top: 0px;
}

.headertop .left{
    width:50%;
}
.headertop .left h6 a{
    display: flex;
    align-items:center;
}
.headertop .left h6 .logo{
    font-size: 19px;
    color: #303030;
    line-height: 1.21;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.headertop .left h6 .logo img{
    width:120px;
}
.headertop .left h6 .subscriber{
    line-height: 1.18;
    letter-spacing: 0.3px;
    color: rgba(48, 48, 48, 0.4);
    font-size: 17px;
    padding-left: 10px;
    margin-top: -6px;
}
.headertop .left h6 .subsuser{
    color:rgba(255,255,255,0.8);
}
.headertop .left h6 .subsuseropc{
    color:rgba(255,255,255,0.4);
}
.headertop .right{
    width:50%;
}
.headertop .right .forproimg a{
    float:right;
}
/*.headertop .right a{
    float:right;
}*/
.headertop .right a img{
    width:40px;
    border-radius: 100%;
}
.navinner .left{
    width:55%;
}
.navinner .right{
    width:45%;
}
.navinner .navlinks{
    float:right;
}
.navlinks li a{
    color: #303030;
    font-size: 16px;
}
.navinner .navlinks li{
    display: inline-block;
    padding-right: 30px;
}
.navinner .navlinks li:last-child{
    padding-right: 0px;
}
.navlinks li a.active,.navlinks li a:hover{
    color:#7b68de;
}
.navinner .leftWidth{
    width:70%;
}
.navinner .leftinner{
    display: flex;
    align-items: flex-end;
}
.viewWidth{
    width:30%;

}
.fixed_header{
    position:fixed;
}
.fixed_header .top{
    display:none;
    border:none;
}
.fixed_header .bottom{
    padding:10px 0;
}
/*.header .hamburger{

    display: none;
    float: right;
    height: 45px;
    padding: 18px 10px 10px 9px;
    width: 45px;
}
button:focus{
    outline:0px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    background: #9097a8;
    border-radius: 0;
    width: 25px;
    height: 3px;
}
.hamburger-box{
    width: 25px;
}
.hamburger-inner::before {
    top: -8px;
}
.hamburger-inner::after {
    bottom: -8px;
}

.sidenav {
    background-color: #181818;
    height: 100%;
    left: -250px;
    overflow-x: hidden;
    padding-top: 10px;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 250px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.sidenav a {
    color: #d0d2dd;
    display: block;
    font-size: 17px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.sidenav a span{
    float: left;
    height: 20px;
    margin-right: 8px;
    margin-top: 2px;
    width: 22px;
}
.sidenav a:hover{
    color: rgb(254,210,81);
}
.sidenav .logo {
    border-bottom: 1px solid rgb(111,117,133);
    margin-bottom: 15px;
    padding: 7px 0;
}
.sidenav .logo img{
    margin: 0 auto;
}*/
.slick-initialized .slick-slide {
    outline: medium none !important;
}

.socialmoduleinner{
    padding: 25px;
    border-radius: 3px;
    margin-bottom: 50px;
}
.facebookmodule{
    background-image: linear-gradient(98deg, #aeb7f6, #7680e9);
}
.socialmoduleinner .left{
    width:62%;
}
.socialmoduleinner .right{
    width:38%;
}
.socialimg i{
    font-size: 150px;
    color:#fff;
}
h4,.Surveybox .surveyinput{
    line-height: 1.2;
    font-size: 30px;
    color:#fff;
}
.socialdetail p{
    font-size: 16px;
    line-height: 1.31;
    color: rgba(52, 55, 55, 0.7);
    margin-top: 10px;
}
.socialdetail{
    padding-left: 30px;
}
.installedbtn{
    line-height: 1.2;
    font-size: 20px;
    text-transform: uppercase;
    /*    opacity: 0.2;*/
    border-radius: 4px;
    background-color: rgba(52, 55, 55, 0.4);
    padding: 15px 23px;
    color:#fff;
    float: right;
    margin-right: 30px;
}
.installedbtn:hover{
    background-color: #fff;
    color:#7680e9;
}
.App{
    padding: 00px 0px 100px 0px;
}
.Appinner{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.Appinner:before,.csettinginner:before{
    content:'';
    position: absolute;
    background: rgba(52, 55, 55, 0.2);
    width:2px;
    height: 100%;
    top:0;
    left:18%;
}
.App .Appleft,.csettinginner .leftdiv{
    width:18%;
    float:left;
    padding-left: 20px;
    padding-top: 20px;
    /*    border-right: 2px solid rgba(52, 55, 55, 0.2);*/
}
.App .Appright,.csettinginner .rightdiv{
    width:82%;
    float:left;
    padding-left: 35px;
    /*    padding-top: 20px;*/
}
.applinks  li{
    display: block;
    padding-bottom: 20px;
}
.applinks li a{
    color: #343737;
    font-size: 17px;
}
.applinks2 li:not(:first-child) a{
    color: #4d5156;
}
.applinks li a.active,.applinks li a:hover{
    color: #816fe0;
}
.appboxwidth{
    width:31%;
    margin-right: 3.5%;
    float:left;
    padding-top: 20px;
}

.appboxwidth:nth-child(3n){
    margin-right: 0px;
}
.appboxwidth .appboxs{
    height: 240px;
    border-radius: 4px;
    background-color: #edf0f4;
}
.appdetail,.BlogsBox{
    padding: 20px 0px 40px 0px;
    font-family: 'Muli', sans-serif;
}
.appdetail h5,.BlogsBox h5{
    line-height: 1.21;
    font-size: 29px;
    font-weight: 600!important;
}
.appdetail p{
    font-size: 17px;
    margin-top: 15px;
    padding-right: 180px;
}
.App_bottom .Appleft{
    padding-top: 44px;
}
.relatedmodules{
    display: flex;
    flex-wrap:wrap;
}
.relatedmwidth{
    width: 18.5%;

    margin-right: 1.875%;
}
.relatedmwidth:nth-child(5n){
    margin-right: 0px;
}
/*.hoverbig{
    transition: all .5s ease-in-out;
}
.hoverbig:hover{
    transform: scale(1.05);
}*/
.relatedmwidth a,.browsermodulemwidth a{
    /*    height: 100%;*/
    height: 163px;
    /*    padding-right: 20px;*/
    padding-top: 20px;
}
.relatedm{
    border-radius: 4px;
    padding: 40px 10px 10px 10px;
    text-align: center;
    height: 100%;
    position: relative;
    /*    overflow: hidden;*/
}
.relatedm img{
    margin: 0 auto;
    /*    width:58px;*/
}
/*.invoice img{
    width:50px;
}*/
.relatedm i{
    font-size: 60px;
    color:#fff;
}
.gallery{
    background-image: linear-gradient(128deg, #8af5cf, #54caa8);
}
.invoice{
    background-image: linear-gradient(129deg, #ffadda, #e86fdd);

}
.dropbox{
    background-image: linear-gradient(128deg, rgba(37, 147, 238, 0.8), rgba(33, 58, 255, 0.8));
}
.github{
    background-image: linear-gradient(128deg, rgba(133, 137, 140, 0.7), rgba(61, 64, 67, 0.7));
}
.slack{
    background-image: linear-gradient(126deg, #f9cb77, #dda758);
}
.mailchimp{
    background-image: linear-gradient(309deg, #e2c448, #e5e44f);
}
.facebook{
    background-image: linear-gradient(128deg, #aeb7f6, #7680e9);
}
.twitter{
    background-image: linear-gradient(126deg, #8ae9f5, #54b2de);
}
.documents{
    background-image: linear-gradient(129deg, #b6d1e0, #889ca8);
}
.surveys{
    background-image: linear-gradient(131deg, #fdde81, #f68e56);
}
.offers{
    background-image: linear-gradient(129deg, #8ecdff, #6770f1);
}
.blog{
    background-image: linear-gradient(129deg, #fdb09c, #f95b71);
}
.newmodule{
    background-color: #d7dce3;
}
h6{
    color: #343737;
    font-size: 15px;
}
.newmodule h6{
    color: #6b717a;
}
.newmodule img{
    width:40px;
}
.relatedm h6{
    margin-top: 10px;
}
.ModulesBinner,.flexwrap{
    display: flex;
    flex-wrap:wrap;
}
.Modulebwidth{
    width:32%;
    margin-right: 2%;
    border-radius: 3px;
    padding: 15px 0px 15px 15px;
    min-height: 300px;
    margin-bottom: 20px;
}
.ModuleBboxs{
    position: relative;
    height: 100%;
}
.ModuleBboxs h4{
    position: absolute;
    bottom:0;
    left:0;
}
.Ticket .ModuleBboxs{
    background: url('../img/ticketsystem.svg') no-repeat center right -40px;
    background-size: 280px;
}
.Messenger .ModuleBboxs{
    background: url('../img/message.svg') no-repeat center right -20px;
    background-size: 200px;
}
.knowledge .ModuleBboxs{
    background: url('../img/knowledgebase.svg') no-repeat center right -40px;
    background-size: 200px;
}
.Modulebwidth:nth-child(3n){
    margin-right: 0px;
}
.Ticket{
    background-image: linear-gradient(311deg, #0093e8, #80d0c7);
}
.Messenger{
    background-image: linear-gradient(310deg, #2f61f0, #c08ee9);
}
.knowledge{
    background-image: linear-gradient(130deg, #f0b82f, #e98eb7);
}
.ModuleBboxs h6{
    text-align: right;
    padding-right: 20px;
}
.searchbox{
    /*    padding: 10px 0px;*/
    margin: 10px 0px;
    position: relative;
}
input{
    border:none;
    outline: none!important;
    background: transparent;
}
.form-control{
    width:100%;
    font-family:'Filson-Pro-Regular';

}

.searchbox .form-control,.fdbck .form-control{
    border-radius: 3px;
    background-color: #edf0f4;
    color: #343737;
    font-size: 18px;
    padding: 13px 15px;
    border:2px solid transparent;


}
.searchboxwhite .form-control{
    background-color: #fff;
}
.searchboxwhite{
    margin: 25px 0px;
}
.searchbox img{
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -10px;
}
.form-control:focus{
    border-color:#343737;
}
::-webkit-input-placeholder{
    color: rgba(168, 175, 184, 0.5)!important;
}
.whiteplaceholder::-webkit-input-placeholder{
    color:#fff!important;
    text-shadow: 0px 0px 10px #8a8a8a;
}
.installedtag{
    font-size: 10px;
    font-family:'Filson-Pro-Medium';
    color:#fff;
    text-align: center;
    padding: 3px;
    background-color: rgba(52, 55, 55, 0.5);
    position: absolute;
    top:0;
    left:0;
    text-transform: uppercase;
    width:100%;
    border-radius: 2px 2px 0px 0px;
    /*    overflow: hidden;*/
}
.relatedmwidth:hover .installedtag{
    width:100%;
}
.ProgressInner h6{
    color: #a8afb8;
    line-height: 1.18;
    font-size: 17px;
}
.PBar h3{
    font-size: 50px;
    line-height: 1.2;
}
.PBar h3 .PBarsubheading{
    font-size: 34px;
    color: #a8afb8;
    padding-left: 10px;
}
.PBar h3 .Percentage{
    color: #a8afb8;
    float:right;
    padding-right: 15px;
}
.ProgressBar{
    border-radius: 7.5px;
    background-color: rgba(123, 127, 134, 0.2);
    height: 4px;
    margin-top: 10px;
    position: relative;
}
.ProgressBar:before{
    position: absolute;
    background-image: linear-gradient(273deg, #fdde81, #f68e56);
    width:25%;
    height: 100%;
    content:"";
    border-radius: 7.5px 0px 0px 7.5px;
}
.ProgressBarfull:before{
    width:100%;
    border-radius: 7.5px;
}
.bluegredient:before{
    background-image: linear-gradient(to left, #2593ee, #213aff);
}
.bloggrngred:before{
    background-image: linear-gradient(to left, #5cdf7b, #5dd1c7);
}
.msgpinkgred:before{
    background-image: linear-gradient(to right, #fdb09c, #f95b71);
}

.purple{
    margin-top: 0px;
    margin-bottom: 20px;
}
.purple:before{
    background-color: #816fe0;
    background-image: none;
}
.ProgressBar40:before{
    width:40%;
}
.ProgressBar50:before{
    width:50%;
}
.ProgressBar75:before{
    width:75%;
}
.topprogress{
    padding-bottom: 30px;
}
.bottomprogress{
    min-height: 750px;
    position: relative;
    margin-top: 20px;
    padding-bottom: 118px;
}
.surveybg{
    border-radius: 4px;
    background-color: #63676c;
}

.surveybtn,.Surveybox{
    padding: 0px 60px 0px 40px;
}
.Surveybox{
    padding-top:20px;
}
.surveybtn{
    position: absolute;
    bottom: 30px;
    left: 0;

}
.surveybtnpd0{
    padding: 0px 30px;
}
.surveybtn0{
    padding: 0px;
}
/*.surveybtnstat{
    position: static;
}*/
.surveyinputbox::-webkit-input-placeholder,.tags ::-webkit-input-placeholder{
    color: rgba(255,255,255,0.4)!important;
}
.Surveybox .surveyinput{
    padding: 0px 10px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    min-width: 295px;

}
.surveyQA{
    padding: 40px 0px 00px 0px;
    position: relative;
}
.surveyQ:before{
    counter-increment: section;
    content: counter(section);
    width:40px;
    height: 40px;
    background: rgba(255,255,255,0.2);
    border-radius: 100%;
    display: flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 00px;
    left:0;
    color:#fff;
}
.surveyQ.active:before{
    background: #fff;
    color: #343737;
}
.surveyQ{
    cursor:pointer;
    position: relative;
    padding: 0px 0px 0px 60px;
}

.surveyQ h4{
    color: #edf0f4;
    font-size: 28px;
    line-height: 1.21;
    position: relative;

}
.surveyQ h4 i{
    position: absolute;
    right:0px;
    top:50%;
    color:#fff;
    margin-top: -14px;
    transition: all 0.5s ease 0s;
}
.surveyQ.active h4 i{
    transform: rotate(180deg);
}
.surveyA{
    display: none;
    padding-left: 60px;
}
.surveyAtop{
    padding: 30px 0px 20px 0px;
}
.surveyAtop ul li{
    padding-right: 10px;
    display: inline-block;
}
.surveyAtop ul li a{
    font-size: 17px;
}
.surveyAtop ul li .Alinks{
    color: #edf0f4;
    background: rgba(255,255,255,0.2);
    border-radius: 50px;
    padding: 5px 15px;
}
.surveyAtop ul li .deletesurvey{
    color: rgba(237, 240, 244, 0.5);
}
.surveyAtop ul li .deletesurvey:hover{
    color: #edf0f4;
}
.surveyAtop ul li .Alinks.active,.surveyAtop ul li .Alinks:hover{
    color: #343737;
    background-image: linear-gradient(109deg, #fdde81, #f68e56);
}
.surveyAbottom .inner{
    display: flex;
    flex-wrap:wrap;
}
/*.Answerswidth,.tags > input{
    width:32%!important;
    margin-right: 2%;
    margin-top: 2%;
}
.Answerswidth:nth-child(3n){
    margin-right: 0px;
}*/
/*.AnswerBox,.tags > input{
    background: rgba(255,255,255,0.2);
    border-radius: 50px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
    color:#fff;
    padding: 10px 20px;
}*/
.tags > input,.surtag .surveyDtaglink{
    width:32%!important;
    margin-right: 2%;
    margin-top: 2%;
    background: rgba(255,255,255,0.2);
    border-radius: 50px;
    color:#fff;
    padding: 10px 20px;
    overflow: auto;
    font-size: 22px;
    font-family:'Filson-Pro-Regular';
}

.tags > input:nth-child(3n),.surtag .surveyDtaglink:nth-child(3n){
    margin-right: 0px;
}
.newQuestion{
    padding-top: 40px;
}

.surveybtn a{
    font-size: 28px;
    color: #343737;
    color: #a8afb8;

}
.surveybtn .back{
    float:left;
}
.surveybtn a:hover{
    color:#343737;
}
.surveybtn .left{
    width:65%!important;
    float:left;
    /*    display: flex;
        align-items: center;*/
}

.surveybtn .right{
    width:35%!important;
    float:right;
}
.surveybtn .left1{
    width:20%;
    float:left;
}
.surveybtn .middle1{
    width:60%;
    float:left;
}
.surveybtn .right1{
    width:20%;
    float:right;
}
.surveybtntxt,.surveybtntxt a{
    color:#bfc5cd;
    font-size: 16px!important;
    text-align: center;
}
.surveybtnbloginner{
    display: flex;
    align-items: center;
}
.surveybtntxt a{
    text-decoration: underline!important;
}
.surveybtn .right span,.surveybtn .right1 span{
    float:right;
}
.surveybtn .removesubtn{
    margin-right: 40px;
}

.surveybtn .next{
    background: #fff;
    border-radius: 50px;
    /*    float:right;*/
    padding: 8px 50px;
    color: #343737;
}
.surveybtn .nextgray{
    background-color: #a8afb8;
    color:#fff;
}
.surveybtn .next:hover{
    background: #343737;
    color:#fff;
}
.btnblue:hover{
    background-image: linear-gradient(to left, #2593ee, #213aff)!important;
}

.btngreen:hover{
    background-image: linear-gradient(to left, #5cdf7b, #5dd1c7)!important;
}
.btnpink:hover{
    background-image: linear-gradient(to right, #fdb09c, #f95b71)!important;
}
.feedbtn:hover {
    background-image: linear-gradient(to left, #42d791, #3ca2d2)!important;
}
.btnblue2:hover{
    background-image: linear-gradient(to left, #758dff, #bb80f9) !important;
}
.fontmulisemi,.tags > input,.surveyAtop ul li a,.surveyQ h4,.Surveybox .surveyinput,.filefdbcknpath,.survey_listbox h5{
    font-weight: 600!important;
    font-family: 'Muli', sans-serif;
}
.choosecol h3{
    font-size: 35px;
}
.choosecol h5 a{
    color: rgba(123, 127, 134, 0.8);
    float:right;
    text-decoration: underline!important;
}
.choosecolwidth{
    width:7.6%;
    margin-right: 1.64%;
    float:left;
    height: 85px;
    margin-top: 25px;
}
.choosecolwidthblog{
    width:15%;
    margin-right: 2%;
    margin-top: 25px;
    height: 94px;
    float:left;
}
.choosecolwidthblog:nth-child(6n){
    margin-right: 0px;
}
.colchossestyle label{
    height: 100%;
    border-radius: 100%;
    cursor: pointer;
}
.col1{
    background-color: #a79be5;
}
.col2{
    background-color: #ffd6c0;
}
.col3{
    background-color: #79d9ea;
}
.col4{
    background-color: #3f4ab7;
}
.col5{
    background-color: #fad97b;
}
.col6{
    background-color: #7394ff;
}
.col7{
    background-color: #33414c;
}
.col8{
    background-color: #ff7387;
}
.col9{
    background-color: #54ca95;
}
.col10{
    background-color: #302b49;
}
.col11{
    background-color: #889ca8;
}
.col12{
    background-color: #c46fa5;
}
.col13{
    background-color: #f49c6e;
}
.col14{
    background-color: #ae136e;
}
.col15{
    background-color: #fcd000;
}
.col16{
    background-color: #d2e4e4;
}
.col17{
    background-color: #aa9bae;
}
.col18{
    background-color:  #ffc8b6;
}
.col19{
    background-color: #f4eff1;
}
.col20{
    background-color: #ff6a72;
}
.col21{
    background-color: #ffc8b6;
}
.col22{
    background-color: #aa9bae;
}
.col23{
    background-color: #484876;
}
.col24{
    background-color: #aa9bae;
}
.col25{
    background-color: #6c7ccb;
}
.col26{
    background-color: #9a88a8;
}
.colchossestyle .chcol{
    visibility: hidden;
    display: none;
}
.choosecolwidth:nth-child(11n){
    margin-right: 0px;
}
.colchossestyle .chcol + label span{
    position: relative;
    width: 100%;
    height: 100%;
}
.colchossestyle .chcol + label span:before{
    position: absolute;
    content: "";
    width:20px;
    height: 35px;
    border:3px solid #fff;
    left:50%;
    top: 50%;
    margin-top: -22px;
    transform: rotate(45deg);
    margin-left:-10px;
    border-top:none;
    border-left:none;
    opacity: 0;
}
.colchossestyle .chcol:checked + label span:before,.colchossestyle .chcol:hover + label span:before{
    opacity: 1;
}
.line{
    border-radius: 7.5px;
    border:2px solid #d8d8d8;
    margin-bottom: 30px;
}
.surveyedit .leftwidth,.feedback2 .leftwidth{
    width:25%;
    float:left;
}
.surveyedit .rightwidth,.feedback2 .rightwidth{
    width:75%;
    float:left;
    padding-left: 40px;
}

.feedback2 .rightwidth {
    padding-left: 50px;
}
.surveytabs li{
    margin-bottom: 15px;

}
.surveytabs li a{
    background: #edf0f4;
    border:2px solid transparent;
    color: #2f2f2f;
    width: 100%;
    position: relative;
}
.surveytabs li a span{
    display: block;
    font-size: 16px;
    color: rgba(52, 55, 55, 0.5);
    margin-top: 5px;
}
.surveytabs li a.active,.surveytabs li a:hover{
    border-color:#707070
}
.simplepagetab li a.active,.simplepagetab li a:hover{
    border-color:#2365f7;
}
.surveytabsblog li a.active,.surveytabsblog li a:hover{
    border-color:#5dd8a3;
}
.surveytabsblog .searchbox .form-control{
    min-height: initial;
}
.portaltabs li a{
    border:none;
}
.prightwidth{
    width:32%;
    margin-right: 2%;
    /*    margin-top: 2%;*/
}
.prightwidth:nth-child(3n){
    margin-right: 0px;
}
.portaltabs li a.active,.portaltabs li a:hover{
    background-color: #d7dce3;
    border:none;
}
.rightarr{
    position: absolute;
    bottom:10px;
    right:20px;
    width:25px;
}
.surveytabs .form-control,.surveytabs li a{
    padding:10px 15px;
    border-radius: 3px;
    font-size: 18px;
    min-height: 80px;
}
.surveytabs .form-control{
    border:1px solid #bfc5cd;
    resize: none;
    color: #2f2f2f;
    outline:none!important;

    /*    min-height: 70px;*/
}
.surveytabs .form-control:focus{
    background: #edf0f4;
}
.textareap::-webkit-input-placeholder,.msginput::-webkit-input-placeholder{

    color:#d7dce3!important;
}
.SurveyboxEdit{
    padding-bottom: 150px;
}
.SurveyboxEdit .surveyQ h4{
    font-size: 24px;
    padding-right: 0!important;
}
.SurveyboxEdit .surveyAtop ul li a{
    font-size: 16px;
}
.SurveyboxEdit .Surveybox .surveyinput{
    font-size: 19px;
}
.SurveyboxEdit .tags > input{
    font-size: 17px;
}
.exporesultbtn{
    float:right;
    color: #bfc5cd;
    font-size: 14px;
    text-decoration: underline!important;
    margin:10px 0px;
}
.exporesultbtn:hover{
    color:#343737;
}
.surveyedit {
    position: relative;
    padding-bottom: 180px;
    /*    padding-bottom: 116px;*/
}
.surveyedit .surveybtn{
    padding: 0px 20px;
}
.wlcportalouter {
    margin-bottom: 200px;
}
.wlcpoinner{
    padding: 30px;
    border-radius: 3px;
    background-color: #edf0f4;
}
.wlpheading{
    text-align: center;
}
.wlpheading h6,.wlpheading h6 a{
    color: #7b7f86;
    font-size: 18px;
    position: relative;
}
.wlpheading h6 span.OrT{
    position: relative;
    background: #edf0f4;
    width: 70px;
    display: inline-block;
}
.wlpheading h6.forline:before{
    position: absolute;
    content:'';
    top:50%;
    height: 1px;
    background: #bfc5cd;
    left:0;
    width:100%;
}
.browsemodules{
    padding: 30px 0px 0px 0px;
}
.browseModuleinner{
    padding: 20px 0px;
}
.browsermodulemwidth{
    width:15%;
    margin-right: 2%;
}
.browsermodulemwidth:nth-child(6n){
    margin-right: 0px;
}
.wlpheading h6 a{
    text-decoration: underline!important;
}
.slidetoggle{
    display: none;
}
.viewmorelink{
    padding-top: 20px;
}
.viewmorelink.active .vmore{
    display: none;
}
.viewmorelink .vless{
    display: none;
}
.viewmorelink.active .vless{
    display: block;
}
/*nice dropdown start*/
.nicelist100 .list{
    width:100%;
}
.nice-select {
    /*    padding: 2px 0px 2px 25px;*/
    height: initial;
    border: none;
    font-size: 14px;
    color: #bfc5cd;
    padding-right: 18px;
}
.custabledata.active1 .customertabledrop .nice-select,.custabledata.active1 .ticketdrop .nice-select{
    color:#3e5dfb!important;
}


.customertabledrop .nice-select{
    color: #54ca95;
}
.customertabledrop .nice-select .list li:first-child{
    color:#54ca95;
}
.customertabledrop .nice-select .list li:nth-child(2){
    color:#d7dce3;
}
.cust_data_load_bottom .nice-select{
    background: transparent;
    color:#fff;
    line-height: initial;
}
.customertabledrop .nice-select.deactive ,.custabledata .none{
    color: #d7dce3!important;
}
.dDropdown .nice-select.publiccol{
    color: #2bb53e!important;
}
.dDropdown .nice-select.privatecol{
    color: #ff6666!important;
}
.dDropdown .nice-select.customcol{
    color: #fca654!important;
}
.ticketdrop .nice-select.urgentcol{
    color: #f06767!important;
}
.ticketdrop .nice-select.opencol{
    color:  #54ca95!important;
}
.ticketdrop .nice-select.resolvedcol{
    color: #d7dce3!important;
}

.langselect .nice-select{
    color: #a8afb8;
    font-size: 15px;
    /*    padding-left: 0px;*/
    text-align: center!important;
    padding-right:38px;
}
.customertabledrop .nice-select{
    width: 100%;
    text-align: center!important;
    /*    padding: 2px 0px 2px 39px;*/
}

.nice-select .list::-webkit-scrollbar {
    width: 4px;
}

.nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #d3dfeb;
}

.nice-select .list {
    /*    width: 100%;*/
    z-index: 99;
}

.nice-select:after {
    content: "";
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    /*    top: 50%;
        margin-top: -20px;
        right: 28px;*/
    background: url('../img/droparrow.svg') no-repeat center right;
    height: 8px;
    width:8px;
    right:0;
}
.customertabledrop .nice-select:after,.form-control-modal.nice-select:after,.overviewmodal  dl dt a:before,.piccolDrop .dd-pointer-down:before{
    content:'\f0d7';
    position: absolute;
    font-family:'FontAwesome';
    right:20px;
    background: none;
    top: 7px;
}
/*.fdbckfilter.nice-select:after{
    background:none;
    content:'\f0d7';
    position: absolute;
    font-family:'FontAwesome'
}*/
.form-control-modal.nice-select:after{
    top:50%;
    margin-top: -10px;
}
.cust_data_load_bottom .nice-select:after{
    right:-10px;
    margin-top: -10px;
}
/*.cust_data_load_bottom .nice-select .list{
    width:110%;
}*/
.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: -5px;
    /*    margin-top: 12px;
        right: 21px;*/
}
.customertabledrop .nice-select.open:after{
    top: 35px;
}


.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #816fe0;
    color: #fff;
}

.nice-select .list:hover .option:not(:hover),.nice-select .list .option  {
    color:  #bfc5cd;
}

.nice-select .list:hover .option {
    color: #fff;
}

.nice-select .list {
    max-height: 126px;
    overflow-y: auto;
}
/*nice dropdown end*/
.cPortal{
    position: relative;
    margin-bottom: 30px;
}
.cPortal .chavarrow{
    width:20px;
    position: absolute;
    top:25px;
    right:20px;
    transform: rotate(180deg);
    cursor: pointer;
}
.cPortal .top{
    background-color: #edf0f4;
    font-size: 18px;
    padding: 20px 30px;
    border-radius: 3px;
    cursor: pointer;
    /*    position: relative;*/
}
.cPortal.active .top{
    display: none;
}
.cPortal.active .chavarrow{
    transform: rotate(0deg);
    right:0;
    top:0px;
}
.cPortal .cportalSlide{
    display: none;
    margin-top: 10px;
}
.cPortal .bottom .left{
    width:25%;
    float:left;
}
.cPortal .bottom .right{
    width:75%;
    float:left;
    padding: 0px 25px 25px;
    margin-top: 25px;
}
.forscroll,.forscroll2{
    max-height: 290px;
    overflow: auto;
    position: relative;


}
.forscroll::-webkit-scrollbar-track{
    /*    border-radius: 100px;*/
    background-color: #fff;
    border-radius: 18%;
}
.forscroll::-webkit-scrollbar-thumb{
    background: rgba(52, 55, 55, 0.2);
    border-radius: 18%;
}
.forscroll::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: #fff;
}
.forscroll2{
    max-height: 400px;
    padding-right: 20px;
}
.forscroll2::-webkit-scrollbar-track{
    /*    border-radius: 100px;*/
    background-color: #fff;
    border-radius: 18%;
}
.forscroll2::-webkit-scrollbar-thumb{
    background: #ecedf2;
    border-radius: 18%;
}
.forscroll2::-webkit-scrollbar{
    width: 3px;
    background-color: #fff;
}
.portalbox{
    min-height: 357px;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}
.knowbase{
    background-image: linear-gradient(323deg, #758dff, #bb80f9);
}
.simplage{
    background-image: linear-gradient(323deg, #8AE9F5, #758dff);
}
.docubase{
    background-image: linear-gradient(323deg, #6181ff, #69b5f1);
}
.gallbase{
    background-image: linear-gradient(323deg, #ff6186, #f1a869);
}
.portalwave{
    position: absolute;
    bottom:40px;
    /*    padding: 0px 30px;*/
    width:80%;
    left:10%;
}
.portalbox .pHeadings{
    padding: 20px 0px 0px 30px;
}
.portalbox .pHeadings h6{
    font-size: 18px;
    color:#fff;
    padding-bottom: 10px;
}
.portallist li{
    padding-bottom: 5px;
    display: block;
}
.portallist li a{
    font-size: 14px;
    color:rgba(255,255,255,0.6);
    position: relative;
    padding-left: 15px;
}
.portallist li a:hover{
    color:#fff;
}
.portallist li a:before{
    position: absolute;
    left:0;
    bottom:5px;
    width:5px;
    height: 5px;
    background: #fff;
    content: "";
    border-radius: 100%;
}
.Surveysteps {
    margin-bottom: 70px;
}
.documenttable p{
    font-size: 15px;
    line-height: 1.2;
}
.doctableheading p{
    font-family:'Filson-Pro-Bold';
}
.dropclick{
    color:#343737;
    padding:0px 10px;
}
.dropclick.active{
    transform: rotate(-180deg);

}
.documenttable .doctableheading,.documenttable .doctabledata{
    border-bottom: 1px solid rgba(168, 175, 184, 0.3);
    padding: 10px 10px;
}
.documenttable .colm1{
    width:40%;
    float:left;
}
.documenttable .colm2{
    width:25%;
    float:left;
}
.documenttable .colm3{
    width:15%;
    float:left;
}
.documenttable .colm4{
    width:20%;
    float:left;
}
.documenttable .textright,.msgtabledata .textright{
    text-align: right;
}

.doctabledata .doctags,.docDdata .doctags,.dfiles_content .doctags{
    min-width: 50px;
    padding: 3px 15px;
    border-radius: 50px;
    font-size: 14px;
    color:#fff;
    margin-right: 10px;
    float:left;
    /*    display: inline-block;*/
    text-align: center;
}

.pdftag {
    background-color: #ef4730;
}
.pdftag{
    background-color: #ef4730;
}
.doctag{
    background-color: #306eef;
}
.xlstag{
    background-color: #12a429;
}
/*froala start*/
.froala-editor .froala_text{
    color: #252729;
    font-family: 'Muli', sans-serif!important;
    line-height: 1.59;
    font-size: 17px;
    margin: 20px 0px;
    padding: 0px 100px 0px 10px;
}
.froala-editor .froala_text:first-child{
    margin-top: 40px;
}
.fr-box.fr-basic.fr-top .fr-wrapper{
    box-shadow: none;
}
.fr-toolbar.fr-top{
    box-shadow: none;
    border-bottom: 2px solid #a8afb8;
}
.fr-box .fr-counter{
    display: none;
}
/*#fullscreen-1,#strikeThrough-1,#subscript-1,#superscript-1,#fontFamily-1,#inlineClass-1,#dropdown-menu-inlineClass-1,#inlineStyle-1,#dropdown-menu-inlineStyle-1,#paragraphStyle-1,#dropdown-menu-paragraphStyle-1,#lineHeight-1,#quote-1,#dropdown-menu-quote-1,.fr-separator
,#insertVideo-1,#insertFile-1,#insertTable-1,#emoticons-1,#specialCharacters-1,#insertHR-1,#selectAll-1,#clearFormatting-1,#print-1,#getPDF-1{
    display: none;
}*/
.fr-box.fr-basic .fr-element{
    padding: 16px 0px 16px 16px;
}
.froalapad{
    padding: 0px 200px 0px 100px;
}
.froala-editor .froala_Post_title{
    color: #d7dce3;
    font-size: 29px;
    font-weight: 900!important;
    margin-top: 40px;
    margin-bottom: 20px;
}

.froala-editor .froala_Post_title,.froala-editor .froala_text_blog{
    padding-left: 50px;
}
.froala-editor .froala_text_blog{
    font-size: 17px;
    color:#bfc5cd;
    border: none;
    resize:none;
}
/*froala end*/
.languages span{
    float:right;
    /*    width: 92px;*/
    /*    padding-right: 10px;*/
}
.emojis{
    display: inline-block;
    padding-left: 133px;
}
.emojis li{
    padding: 0px 10px;
    display: inline-block;
}
.emojis li a span{
    display: block;
    color: rgba(32, 35, 35, 0.3);
    font-size: 14px;
    text-align: center;
}
.emojis li a:hover span{
    color:#213aff;
}
.emojisblog li a:hover span,.emojisblog2 li a:hover span{
    color: #5dd1c7;
}
.emojispink li a:hover span{
    color: #fb7e83;
}
.emojisgreen li a:hover span{
    color: #0ec01f;
}
.emojis li a:hover svg g{
    fill: url('#gradientfill');
    /*    fill: url(#MyGradient2);
        fill: url(#MyGradient3);*/
}
.emojogradient1{
    --color-stop-1:#2593ee;
    --color-stop-2:#213aff;
}
.emojogradient2{
    --color-stop-1:#5cdf7b;
    --color-stop-2:#5dd1c7;
}
.emojogradient3{
    --color-stop-1:#fdb09c;
    --color-stop-2:#f95b71;
}
.emojogradient4{
    --color-stop-1:#71db89;
    --color-stop-2:#52c3a3;
}
.emojogradientgrn{
    --color-stop-1:#42d791;
    --color-stop-2:#3ca2d2;
}
.emojogradientblu{
    --color-stop-1:#758dff;
    --color-stop-2:#bb80f9;
}
.customer_data .leftw{
    width:60%;
    float:left;
}
.customer_data .rightw{
    width:40%;
    float:left;
    padding-left: 30px;
}
.customer2top{
    padding: 15px 0px;
}
.goback{
    float:left;
}
.actionimport{
    float:right;
}
.actiondiv{
    position: relative;
    cursor:pointer;
    display: inline-block;
    padding-left: 25px;
}
.actiondiv:hover .onactionhover{
    display: block;
}
.onactionhover{
    position: absolute;
    top: 17px;
    left:0;
    display: none;
    z-index: 9;
}
.onactionhover ul{
    position: relative;
    border-radius: 2px;
    background-color: #343737;
    padding: 5px 0px;
    min-width: 86px;
    margin-top: 6px;
}
.onactionhoverdoc ul{
    min-width: 133px;
    float: right;
}
.onactionhoverimport ul{
    min-width: 110px;
    float: right;
}
.onactionhover ul li{
    /*    padding: 0px 15px;*/
}
.onactionhover ul:before{
    font-family:'FontAwesome';
    content:"\f0d8";
    position: absolute;
    top: -10px;
    right: 10px;
    color: #343737;

}

.onactionhover li a{
    padding: 0px 15px;
    font-size: 11px;
    color:rgba(255,255,255,0.6)!important;
    width:100%;
}
.onactionhover li a:hover{
    color:#fff!important;
}
.actiondiv a,.editcus,.custableheading li,.custableheading li .dropclick,.custabledata li,.goback li a{
    color: #a8afb8;
    font-size: 15px;
}
.actiondiv .invitemem{
    color: #7a65e5;
    text-decoration: underline!important;
}
.custabledata li{
    color: #4d5156;
}
.custabledata.active1 li{
    color:#3e5dfb;
}
.custableheading li i{
    padding: 0px 5px;
}

.editcus{
    float:right;
}
.editcus:hover,.goback li a:hover{
    color:#343737;
}
.customer_table .custw1{
    width:20%;
    float:left;
}
.customer_table .custw2{
    width:30%;
    float:left;
}
.customer_table .text_right{
    text-align:right;
}
.customer_table .text_center{
    text-align:center;
}

.custableheading,.custabledata{
    padding: 10px;
    border-bottom: 1px solid #d7dce3;
    position: relative;
    padding-left: 40px;
}
.fotableflex{
    display: flex;
    align-items:center;
}

.book{
    position: absolute;
    left: 0;
    top: 11px;
}
.fotableflex .book,.docDheadings .book,.docDdata .book{
    top:50%;
    margin-top: -10px;
}
.book input[type="checkbox"] {
    visibility: hidden;
    margin: 0;
    display: none;
}
.book label{
    cursor: pointer;
    margin-bottom: 0;

}
.book label span{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    border-radius: 3px;
    background-color: #edf0f4;
}
.book label span:after {
    border: 2px solid #0db89c;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 5.5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 9px;
}

.book input[type="checkbox"]:checked + label span:after {
    opacity: 1;
}
.custabledata{
    position: relative;
}
.forabstable{
    position: absolute;
    top:0;
    height: 100%;
    left: 40px;
    width: 93%;
    cursor: pointer;
}
.customer2top_flex{
    display:flex;
}
.rightCA{
    border-radius: 3px;
    padding: 20px 10px;
    height: 100%;
}
.cust_data_load{
    background-image: linear-gradient(151deg, #aeb7f6, #7680e9);
    letter-spacing: 1px;
}
.cust_data_load h4{
    font-size: 36px;
    line-height: 1.19;
    color:#fff;
    font-family:'Filson-Pro-Medium';
    /*    letter-spacing: 2px;*/
}

.cust_data_load_pad{
    padding: 0px 25px;
}
.cust_data_load_top,.Forborder_cus{
    border-bottom: 2px solid rgba(255,255,255,0.8);
    padding-bottom: 15px;
}
.cust_data_load_top a{
    color:#fff;
    margin: 10px 0px 5px 0px;
}
.cust_data_load_top a.mailto{
    padding-right: 22px;
}
.cust_data_load_bottom{
    margin: 20px 0px 50px 0px;
}
.cust_datamiddle p{
    color: #343737;
    margin-bottom: 10px;
}
.cust_datamiddle p,.cust_data_load_bottom .nice-select,.cust_data_load_top a,.datacw{
    font-size: 15px;
}
.cust_datamiddle p span.rightal{
    float: right;
    font-family:'Filson-Pro-Medium';
    color:#fff;
}
.cust_data_load_bottom2 h5{
    font-size: 20px;
    color:#fff;
}
.cus_tabs{
    padding-top: 30px;
}
.cus_tabs .tab{
    cursor: pointer;
}
.cus_tabs .tab p{
    position: relative;
}
.cus_tabs .tab p i{
    position: absolute;
    right:-10px;
    margin-top: -3px;
}
.cus_tabs .tabs{
    display: none;
}
.cus_tabs .tabs .tabsinner{
    margin-bottom: 10px;
}
.numcw{
    width:10%;
    float:left;
    letter-spacing: 0.3px;
    color: #343737;
}
.datacw{
    width:90%;
    float:left;
}
.datacw{
    color:#fff;
    font-weight: normal!important;
}
.goback li a i{
    padding-right: 10px;
}
.manage_team{
    background-image: linear-gradient(152deg, #8ecdff, #6770f1);
    letter-spacing: 1px;
}
/*modal*/
.bodyonmodal{
    overflow: hidden;

    /*    position: relative;
        z-index: 999;*/
}
.modal{
    position: fixed;
    left:0;
    width:100%;
    top:0;
    z-index: 9999;
    height: 100%;
    display: none;
    background-color: rgba(52, 55, 55, 0.9);
    overflow-y: scroll;
}
.modal.active{
    display: block;
}
.modal-dialog{
    width: 765px;
    margin: 20px auto;
    display: flex;
    min-height: calc(100% - 20px);
    align-items: center;
}
.modalbody{
    background: #fff;
    border-radius: 4px;
    border-top:5px solid #816fe0;
}
.modalinner{
    padding: 50px 140px 30px 140px;
    text-align: center;
    position: relative;
}
.closemodalbtn{
    position: absolute;
    right:20px;
    top:20px;
}
.hidden {
    display: none;
}
.file-chooser input {
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalinner h3{
    color: #343737;
    font-size: 33px;
    line-height: 1.21;
}
.modalinner p{
    color: #7b7f86;
    line-height: 1.18;
    font-size: 17px;
}
.modalform{
    padding-top: 30px;
}
.form-control-modal{
    border-radius: 3px;
    background-color: #edf0f4;
    color: #7b7f86;
    font-size: 16px;
    padding: 7px 12px;
    margin-bottom: 15px;
    line-height: initial;
    height: 40px;

}
.form-control-modal::placeholder,.form-controlsearch::placeholder{
    color:#bfc5cd!important;
}
.modallink h6 a,.modallink h6{
    color: #bfc5cd;
    font-size: 16px;
    line-height: 1.19;
}
.modallink h6 a{
    text-decoration: underline!important;
}
button{
    background: transparent;
    border:none;
    cursor: pointer;
    font-family:'Filson-Pro-Regular';
}
.modalbtn .btn{
    font-size: 33px;
    line-height: 1.21;
    color: #816fe0;
    text-decoration: underline!important;
    margin-top: 40px;
}
/*modal end*/
.csettinginner{
    position: relative;
    margin-top: 20px;
}
.csettinginner .topdiv,.csettinginner .middlediv,.csettinginner .bottomdiv,.csettinginner .middlediv2    {
    padding-top: 25px;
    padding-bottom: 25px;
}
.csettinginner .leftdiv {
    padding-top: 0px;
}
.csettinginner .setformwd{
    width:31%;
    margin-right:3.5%;
    float:left;
    margin-bottom: 30px;
}
.csettinginner .setformwd2{
    width:60%;
}
.csettinginner .setformwd:nth-child(3n){
    margin-right: 0px;
}
.inputsetting h5{
    text-transform: uppercase;
    font-size: 15px;
    color: #7b7f86;
    margin-bottom: 10px;
}
.inputsetting h5 .upgrade{
    float:right;
    color: #816fe0;
}
.inputset_outer{
    margin-bottom: 30px;
}
.inputset_outermgb{
    margin-bottom: 50px;
}
.inputset_outer:last-child{
    margin-bottom: 0px;
}

.csettinginner .rightinner {
    display: flex;
    flex-wrap: wrap;
}
.height100{
    height: 100%;
}
.height90{
    height: 80%;
}
.height10{
    /*    height: 4%;*/
}
/*image uplaoder*/
.uploader label {
    width: 100%;
    text-align: center;
    border-radius: 3px;
    background-color: rgba(237, 240, 244, 0.56);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 20px;
}
/*.uploader .file-upload{
    display: block;

}*/
.uploader #start.hidden {
    display: none;
}
.uploader #response.hidden {
    display: none;
}
.uploader #file-image.hidden {
    display: none;
}
.uploader #notimage.hidden {
    display: none;
}
.uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
.uploader #response #messages {
    margin-bottom: 15px;
}
.uploader #response #messages strong{
    display: none;
}
.uploader #file-image {
    display: inline;
    /*    margin: 0 auto 0 auto;*/
    width: auto;
    height: auto;
    max-width: 180px;
}

.uploader input[type="file"] {
    display: none;
}
.uploadnew,.deleteimg{
    color: #a8afb8;
    text-decoration: underline!important;
}
.nologo{
    color: #d7dce3;
    position: absolute;
    top:29%;
}
.nophoto{
    top:38%;
}
.uploadnew,.nologo,.deleteimg{
    font-size: 16px;
}
/*upload img end*/
/*uplaod img 2*/
.foruploaddelete{
    text-align: center;
    padding: 10px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.forborderimg{
    height: 100%;
}
.forborderimg img{
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.deleteimg{
    margin-left:20px;
}
.btn_upload {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 3px;

    /*    border: 1px solid #166b8a;*/
    /*    padding: 5px 10px;*/
}
.yeslogo,.defaulcoverimgbox{
    background-color: rgba(237, 240, 244, 0.56);
    width:100%;
    /*    height: 62%;*/
    height: 165px;
    display: flex;
    align-items:center;
    justify-content:center;
    border-radius: 3px;
    position: relative;
    text-align: center;
}
.yeslogophoto{
    width: 230px;
    margin: 0 auto;
    border-radius: 100%;
    height: 230px;
    /*    padding-top: 34px;*/
}

.yeslogo img{
    position: relative;
    /*    height: 100%;*/
    /*    border-radius: 6px;*/
}
.yeslogo1.active,.yeslogo2.active{
    display:block;
    /*    padding-top: 10px;*/
}
.yeslogo1.active .nologo,.yeslogo2.active .nologo{
    display:none;
}
.yeslogo1.active img,.yeslogo2.active img{
    /*    width:80px;
        margin: 0 auto;*/
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.yeslogo2.active img{
    border-radius: 100%;
}
/*.yeslogo2.active{
    padding-top: 40px;
}*/
.yesblog .defaulcoverimgbox {
    min-height: 280px;
}
.btn_upload input {
    cursor: pointer;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0;
}
.btn-rmv1, .btn-rmv2, .btn-rmv3, .btn-rmv4, .btn-rmv5 {
    display: none;
}
.uplaodnew2,.deleteimg{
    font-size: 12px;
}
/*upload img end*/
/*custom select with img*/
/*custom dropdown 1*/
.overviewmodal .myDropdown {
    margin: 10px 0px 25px 0px;
}
.overviewmodal .dropdown dd {
    margin: 0px;
    padding: 0px;
}
.overviewmodal .dropdown dd ul li a span:first-child,.overviewmodal .dropdown dt a span span:first-child {
    background-image: url('../img/colpick.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 26px;
    display: inline-block;
    /*    margin: 4px 5px 5px 5px;*/
    vertical-align: top;

}
.overviewmodal  dl dt a{
    position: relative;
}
.overviewmodal  dl dt a:before,.form-control-modal.nice-select:after{
    color: #a8afb8;
}
.form-ctrl-col347.nice-select:after{
    color: #343737;
}
.overviewmodal  dl dt a:before{
    right:4px;
}
.overviewmodal  dl{
    margin: 0;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    /*    padding-right: 10px;*/
}

.overviewmodal  dl a{
    border:none;
    /*    padding: 10px;*/
}
.overviewmodal .dropdown dd ul{
    display: none;
    left: 0;
    padding: 0px 0px;
    position: absolute;
    width: 100%;
    background-color: #edf0f4;
    list-style: none;
    top: 46px;
    z-index: 2;
    overflow: hidden;
    /*    border: solid 1px #dddde1;*/
    border-top:none;
}
.overviewmodal .dropdown dd ul li a{
    margin: 0px;
    padding: 8px 10px;
    width: 100%;
    float: left;
    background: #fff;
}
.overviewmodal .dropdown dd ul li a:hover{
    background: #ebf6fd;;
}
.overviewmodal  dl b{
    font-weight: normal!important;
    padding-left: 5px;
    color: #7b7f86;
    font-size: 16px;
}
.overviewmodal dd ul li b{
    position: relative;
    top: 4px;
}
/*custom dropdown 1*/
/*custom drop2*/

.piccolDrop .dd-select{
    border:none!important;
    border-radius: 3px!important;
    background: #edf0f4!important;
    background-color: #edf0f4!important;
    height: initial!important;
}

.piccolDrop .dd-selected{
    padding: 8px 15px!important;
}
.piccolDrop .dd-option-image,.piccolDrop .dd-selected-image{
    margin-left: 0px!important;
}
.piccolDrop .dd-selected label,.piccolDrop .dd-option-text{
    line-height: initial!important;
    color: #7b7f86!important;
    font-size: 16px!important;
}
.piccolDrop .dd-pointer-down{
    background-image: none;
}
.piccolDrop .dd-pointer-down:before{
    top: 50%;
    margin-top: -10px;
    color:#a8afb8;
}
.piccolDrop .dd-pointer{
    position: static;
}
.piccolDrop .dd-options{
    border:none;

}
.msgdropslick .dd-select{
    border:none!important;
    background: none!important;
}
.msgdropslick .dd-select:hover{
    background: none!important;
}
.msgdropslick .dd-container{
    text-align: right;
}
.msgdropslick .dd-selected{
    padding: 0px;
}
.msgdropslick .dd-option-image,.msgdropslick .dd-selected-image{
    float:initial;
    margin-right: 20px;
}
.msgdropslick .dd-pointer-down {
    background: url('../img/msgdrop.svg') no-repeat;
    right: 0px;
    top: 33%;
    line-height: initial;
    margin-top: 6px;
}
.msgdropslick .dd-selected-text{
    padding-right: 18px;
}

/*custom drop2*/
.csettinginner .setformwd h5 .infoimg{
    float:right;
    /*    width:10px;*/
}
.mydomain{
    position: relative;
}
.mydomain .alertimg{
    position: absolute;
    right:15px;
    top:50%;
    width:15px;
    margin-top: -15px;
}
.domainvalidate p{
    color: #a8afb8;
    font-weight: normal!important;
    font-size: 14px;
    padding-left: 20px;
}
.domainvalidate p a{
    color: #816fe0;
    text-decoration: underline!important;
    margin-left: 15px;
}
.domainvalidate p a:hover,.bplancancel p .bcancel:hover,.inputsetting h5 .upgrade:hover{
    color:#343737;
}
.billingplanbox{
    border-radius: 3px;
    border:1px solid #d7dce3;
    padding: 15px;
}
.billingplanbox h3{
    font-size: 25px;
    color: #816fe0;
}
.billingplanbox h3 span{
    float:right;
    color: #7b7f86;
}
.billingplanbox h3 span sub{
    font-size: 15px;
    position: relative;
    bottom: 5px;
}
.bplancancel{
    margin-top: 25px;
}
.bplancancel p{
    font-size: 15px;
    color: #bfc5cd;
}
.bplancancel p .bcancel{
    float:right;
    color: #bfc5cd;
}
.bilname{
    width:50%;
    margin-right: 3%;
    float:left;
}
.bilexpirey{
    width:25%;
    margin-right: 3%;
    float:left;
}
.bilccv{
    width:19%;
    float:left;
}
.invoicesinner{
    display: flex;
    flex-wrap:wrap;
}
.invoicew{
    width:32%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.invoicew:nth-child(3n){
    margin-right: 0px;
}
.invoicedate{
    color: #7b7f86;
    font-size: 14px;
    font-weight: normal!important;
    text-decoration: underline!important;
}
.invoicenavlist{
    text-align: center;
}
.invoicenavlist li{
    display: inline-block;
}
.invoicenavlist li a{
    font-size: 12px;
    color: #7b7f86;
    padding: 3px 8px;
}
.invoicenavlist li a.active,.invoicenavlist li a:hover{
    color:#fff;
    border-radius: 2px;
    background-image: linear-gradient(137deg, #aeb7f6, #7680e9);
}
.invoicenavlistgreen li a.active,.invoicenavlistgreen li a:hover{
    background-image: linear-gradient(138deg, #71db89, #52c3a3);
}
.inviteormanage,.inviteormanage a{
    color: #a8afb8!important;
}
.inviteormanage a{
    text-decoration: underline;
}
.inviteormanage a.col816,.col816{
    color: #816fe0!important;
}
.setbtns li{
    display: inline-block;
    padding-right: 5px;
    margin-top: 4px;
}
.setbtns .btn{
    font-size: 16px;
    color: #7b7f86;
    border-radius: 3px;
    padding: 10px 25px;
    /*background: #edf0f4;*/
    font-family:'Filson-Pro-Regular';
    /*    border:2px solid transparent;*/
}
.setbtns .btn{
    background: #edf0f4;
}
.yesbtn.tc {
    color: #fff;
}


.setbtns li .active{
    background-image: linear-gradient(113deg, #9faafb, #7680e9);
    color:#fff;
}
.setbtnsgreen li .active{
    background-image: linear-gradient(to left, #5cdf7b, #5dd1c7)!important;
    color:#fff;
}
/*.setbtns li .btn:hover{
    background: transparent;
    color: #7b7f86;
    border-color: #9faafb;
}*/
.Blog_data .width50,.width50{
    width:48%;
    float:left;
    margin-right: 2%;
}
/*.width50:nth-child(1n){
    margin-right: 0px;
}*/
.cattag{
    /*    margin-top: 30px;*/
}
.cattag  input{
    width:48.5%!important;
    margin-right: 3%;
    /*    border-radius: 3px;*/
    background-color: #edf0f4;
    /*    font-size: 16px;*/
    color: #7b7f86;
    /*    padding: 15px;*/
    margin-bottom: 3%;
    /*    font-family:'Filson-Pro-Regular';*/
}
.cattag  input:nth-child(2n) {
    margin-right: 0px;
}
.cattag .innerInput{
    position: relative;
    width: 48.5%;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
}
.cattag .innerInput:nth-child(2n) {
    margin-right: 0px;
}
.cattag .innerInput input{
    width: 100% !important;
    margin: 0;
}
.cattag .innerInput a{
    color: #bfc5cd;
    position: absolute;
    right: 11px;
    top: 7px;
    font-size: 18px;
}
.cattag .innerInput a:hover{
    color: #5cdf7b;
}
.blogrightca{
    background-color: #edf0f4;
}
.blogrightca h6{
    font-size: 18px;
    font-family:'Filson-Pro-Medium';
}
.blogrightca{
    padding-left:20px;
    padding-right: 20px;
}
.blogrightca p{
    font-size: 16px;
    margin-top: 15px;
}
.Blog_data{
    display: flex;
}
.Blog_data .leftw{
    padding-right: 40px;
    padding-top: 30px;
}
.Blogsteps .steps{
    /*    padding-bottom: 200px;*/
    position: relative;
    min-height: 885px;
}
.Blogstepspad .steps{
    padding-bottom: 200px;
}
.froala_text_blog::placeholder{
    color:red!important;
}
.froalapad .froala-editor{
    min-height: 500px;
}
.froala-editor .heading_froala{
    font-size: 29px;
    color: #252729;
    font-weight: 900!important;
}
.froala-editor .sub_heading_froala{
    font-size: 22px;
    font-style: italic;
    margin-top: 15px;
}
/*tech tag*/
.techtag input{
    /*    font-size: 16px;*/
    color:#fff;
    /*    font-family:'Filson-Pro-Regular';*/
    /*    border-radius: 3px;*/
    background-color: #54ca95;
    /*    padding: 15px;*/
    margin-right: 10px;
    /*width: initial!important;*/
    margin-top: 10px;
    text-align: center;
}
.techtag input:hover{
    background-color: #44a378;
}
/*.techtag input:last-child{
    background-color: #edf0f4;
    color:#bfc5cd;
}*/
.techtag .innerInput{
    position: relative;
    float: left;
}
.techtag .innerInput a{
    position: absolute;
    border-radius: 2px;
    background-color: #343737;
    padding: 2px 5px;
    color: #bfbebe;
    font-size: 11px;
    display: none;
    top: -12px;
    left: 50%;
    width: 53px;
    margin-left: -30.5px;
}
.techtag .innerInput a:after{
    font-family: 'FontAwesome';
    content: '\f0d7';
    position: absolute;
    bottom: 11px;
    font-size: 27px;
    color: #343737;
    height: 0px;
    float: left;
    left: 20px;
}
.techtag .innerInput:hover a{
    display: block;
}
/*tech tag end*/
.BlogCategory{
    padding: 20px 300px 0px 300px;
}
.form-ctrl-col347{
    color: #343737;
}
/*msg tag*/
.tagfont input,.msgbtn{
    font-size: 16px;
    font-family:'Filson-Pro-Regular';
    border-radius: 3px;
    padding: 10px 15px;
}
.msgcattag input{
    background-color: #fc686c;
    margin-right: 15px;
    color:#fff;
    width:initial!important;
    margin-top: 15px;
}
.msgcattag input:last-child,.msgbtn{
    background-color: #edf0f4;
    color:#bfc5cd;
}

/*msg tag end*/
.msgbtn{
    margin-right: 15px;
}
.spcficcat,.msgbtn.active{
    background-color: #fc686c;
    color:#fff;
}
.msgcatselect.nice-select{
    float: right;
    padding: 0;
    background: transparent;
    line-height: initial;
    color: #fff;
    padding: 2px 27px 0px 8px;
}
.msgcatselect.nice-select:after{
    content:'\f142';
    font-family:'FontAwesome';
    background: none;
    right: 0;
}
.msgcatselect.nice-select.open:after{
    transform: none;
    margin-top: -4px;
}
.msgcatselect.nice-select .option:hover, .msgcatselect.nice-select .option.focus, .msgcatselect.nice-select .option.selected.focus{
    background-color: #fc686c;
}
.spcficcat{
    position: relative;
}
.msgtabs{
    padding-bottom: 10px;
}
.msgtabs li{
    display: inline-block;
    padding-right: 15px;
}
.msgtabs li a{
    color: #a8afb8;
    font-size: 15px;
    text-transform: uppercase;
}
.msgtabs li a:hover,.msgtabs li a.active{
    color: #fc686c;
}
.msgheading {
    padding-bottom: 20px;
}
.msgtab_data{
    padding: 15px 0px;
    border: 2px solid #bfc5cd;
    border-left:none;
    border-right: none;
    padding-right: 70px;
}
.msgtabsouter{
    margin: 30px 0px 60px 0px;
}
.msgtabledata .msgcolw{
    width:37.5%;
    float:left;
}
.msgtabledata .msgcolw2{
    width:25%;
    float:left;
}
.msgheading li{
    text-transform: uppercase;
}
.msgtabledata li{
    font-size: 14px;
}
.msgdata li{
    color: #7b7f86;
    font-weight: normal!important;
}
.msgdata{
    padding: 5px 10px 5px 10px;
    display: flex;
    align-items:center;
    cursor:pointer;
}
.msgdata:hover,.msgdata.active{
    background: #ffe6e5;
    border-radius: 5px;
}
.formsgclintimg{
    display: flex;
    align-items:center;
}
.formsgclintimg span{
    padding-left: 10px;
}
.formsgclintimg img{
    display: inline;
}
.formsgclintimg img:not(:first-child){
    margin-left: -15px;
}
.formsgclintimg img:not(:last-child){
    position: relative;
}
.formsgclintimg img:first-child{
    z-index: 1;
}
.msgload a{
    color: #a8afb8;
    font-size: 14px;
    font-weight: normal!important;
    text-transform: uppercase;
    margin-top: 10px;
}
.msgload p{
    text-align: center;
}
.msgloadmorelink .msgll{
    display: none;
}
.msgloadmorelink.active .msgll{
    display: block;
}
.msgloadmorelink.active .msglm{
    display: none;
}
.msgrespective{
    position: relative;
    padding-bottom: 175px;
}
.messageUse .widthhalf{
    width:50%;
    float:left;
}
.msg_text{
    margin-top: 20px;
}
.msg_text p{
    font-weight: normal!important;
    color: #303134;
    line-height: 1.5;
    padding-left: 20px;
    font-size: 14px;
}
.msg_text .left{
    display: flex;
    align-items: self-end;
    width:85%;
    float:left;
}
.msg_text .right{
    width:15%;
    float:left;
}
.msg_text .right p{
    font-size: 13px;
    color: #a8afb8;
    font-family: 'Open Sans', sans-serif;
}
.msgaction{
    float:right;
}
.msgaction .msgactionli{
    display: inline-block;
}
.msgaction .msgactionli img{
    width:3px;
}
.msgactionli .onactionhover {
    right: -12px;
    left: initial;
    width: initial;
}
.msgactionli .onactionhover ul li{
    text-align: right;
}
.messageUse .leftinner{
    padding: 0px 20px;
}
.msgpgl{
    padding-left: 30px;
}
.msgrightbottom .msgtabsouter{
    border-left:2px solid #ecedf2;
    padding-bottom: 100px;
}
.msgrightbottom .msgtab_data{
    padding-right: 0px;
}
.forlpadmsg{
    padding-right: 18px;
}
.srtnewconvrstn{
    float:right;
    position: relative;
    margin-bottom: 10px;
}
.conversttnlink{
    font-size: 18px;
    color:#fff;
    padding: 10px 25px;
    background-color: #a8afb8;
    border-radius: 50px;
    width: 100%;
    text-align: center
}
.onhoverconverstn{
    position: absolute;
    top:38px;
    border-radius: 14px;
    background-image: linear-gradient(135deg, rgba(253, 176, 156, 0.91), rgba(249, 91, 113, 0.91));
    padding: 10px 15px;
    display: none;
    z-index: 9;
}
.srtnewconvrstn:hover .onhoverconverstn{
    display: block;
}
.onhoverconverstn .searchbox .form-control{
    border-radius: 4px;
}
.searchbox .form-controlsearch,.fdbck .form-controlsearch{
    letter-spacing: 0.3px;
    font-family: 'Muli', sans-serif;
    border-radius: 4px;
}
.Chat_Boxouter{
    margin: 10px 0px 5px 0px;
}
.chatbox{
    padding: 5px 10px;
    display: flex;
    align-items:center;
}
.chatbox h6{
    font-size: 14px;
    padding-left: 10px;
    color:#fff;
    font-weight: normal!important;
}
.chatbox.active,.chatbox:hover{
    border-radius: 4px;
    background-color: #edf0f4;
}
.chatbox.active h6,.chatbox:hover h6{
    color: #707070;
}
.sendmsgbox{
    padding: 50px 0px 20px 20px;
}
.sendmsgBoxO{
    padding: 10px;
    background-color: #edf0f4;
    border-radius: 3px;
}
.msgtextarea{
    font-weight: normal!important;
    resize: none;
    border:none;
    line-height: 1.21;
    background: transparent;
    padding-right: 60px;
    outline: none!important;
}
.msgtextarea::placeholder{
    color:#595c63!important;

}
.msgfileuplad{
    float:right;
}
.msgfileuplad li{
    display: inline-block;
    padding-left: 10px;
    position: relative;
    cursor: pointer;
}
.msgfileuplad input{
    position: absolute;
    left:0;
    opacity: 0;
    width: 29px;
    cursor: pointer;
}
.msgfileimg{
    width:15px;
}
.msgemojiimg{
    width:20px;
}
.sendmsgbtn{
    font-size: 21px;
    color: #fb7e83;
    text-decoration: underline!important;
}
.sendmsgbtn:hover{
    color:#343737;
}
.sendmsgbtnbox{
    text-align: center;
}
.messageUse{
    margin-bottom: 100px;
}
/*full pages start*/
.bannerother{
    min-height: 268px;
    display: flex;
}
.bannerother h2{
    font-size: 50px;
    color:#fff;
    line-height: 1.2;
}
.bannerother h2 span{
    padding-left: 30px;
    font-size: 37px;
    color:rgba(255,255,255,0.5);
}
.bannerinner{
    position: relative;
    height: 100%;
}
.bannerbluegdnt{
    background-image: linear-gradient(284deg, #758dff, #bb80f9);
    padding: 150px 0px 100px 0px;
}
.bannerbluegdntfitness{
    background-image: url(../img/background-fitness.png);
    background-size: cover;
    background-position: center;
    padding: 150px 0px 100px 0px;
}
.bannerbluegdntlawfirm{
    background-image: linear-gradient(to right, #0f2027, #203a43, #2c5364);
    padding: 50px 0px 100px 0px;
}

.bannerbluegdntsylleb{
    background-image: url(../img/background-sylleb.jpg);
    background-size: cover;
    background-position: center;
    padding: 100px 0px 100px 0px;
    }
.banneroabs{
    position: absolute;
    bottom: 20px;
    left:0;
    padding-left:20px;
}
.bannergrngdnt{
    background-image: linear-gradient(101deg, #5cdf7b, #5dd1c7);
}
.bannerpnkgdnt{
    background-image: linear-gradient(101deg, #ff945d, #e98eb7);
}
.bannerpnk2gdnt{
    background-image: linear-gradient(101deg, #fdb09c, #f95b71);
}
.bannergrn2gdnt{
    background-image: linear-gradient(100deg, #42d791, #3ca2d2);
}
.banneryellowgdnt{
    background-image: linear-gradient(102deg, #f8d15d, #fa9d6b);
}
.bannersimplepage{
    background: url('../img/img2.png') no-repeat center center;
    background-size: cover;
}
.bannercus{
    text-align: center;
}
.bannercus h2{
    color:#fff;
}
.bannercus .searchboxwhite{
    width: 57%;
    margin: 30px auto 0px auto;
    float: initial;
}
.cportal .top{

    margin-top: 50px;
}
.cportal .top,.cportal .bottom{
    display: flex;
    flex-wrap:wrap;
}
.callmetw{
    width:48%;
    float:left;
    margin-right: 4%;
    margin-bottom: 50px;
}
.welcometextblock{
    width: 100%;
    float:left;
    margin-right: 0;
    margin-bottom: 50px;
}
.callmetw:nth-child(2n){
    margin-right: 0px;

}
.callmsgbox,.cportalboxs_D{
    border-radius: 4px;
    background-color: #edf0f4;
    height: 100%;
    display: flex;
    align-items:center;
    justify-content:center;
    padding: 20px 20px;
    transition: all .2s ease-in-out;
}
.callmsgbox:hover,.cportalboxs_D:hover{
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08);

}

.welcometextblock-box{
    border-radius: 4px;
    background-color: #ffffff;
    height: 100%;
    display: flex;
    align-items:center;
    justify-content:center;
    padding: 20px 20px;
    transition: all .2s ease-in-out;
}

.cportal h6{
    font-size: 19px;
    /*    color: #343737;*/
    line-height: 1.21;
    margin: 15px 0px 10px 0px;
}
.callbox img{
    width:50px;
}
.callmsgboxinner{
    text-align: center;
}
.callmsgboxinner img{
    margin: 0 auto;
}
.callmsgboxinner p,.callmsgboxinner a{
    font-size: 15px;
    line-height: 1.2;
    font-weight: normal!important;
    color: rgba(52, 55, 55, 0.6);
}
.callbox p{
    padding: 0px 100px;
}
.metting_D img{
    width:30px;
}
.mtnginputw{
    width:32%;
    float:left;
    margin-right: 2%;
}
.mtnginputw:nth-child(3n){
    margin-right: 0px;
}
.msginput{
    background: #fff;
    padding: 10px;
    font-size: 13px;
    color: #d7dce3;
    font-weight: normal!important;
    border:1px solid transparent;
}
.mettingbox{
    margin: 10px 0px;
}
.sendrqstbtn{
    color: #816fe0;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline!important;
    margin-top: 30px;
}
.sendrqstbtn:hover{
    color:#343737;
}
.msginput:focus{
    border-color:#343737;
}
.cportalboxw{
    width:30.666667%;
    margin-right: 4%;
    margin-bottom: 50px;
    float:left;
}
.cportalboxw2inrow{
    width:48%;
    margin-right: 2%;
    margin-bottom: 50px;
    float:left;
}
.cportalboxw:nth-child(3n){
    margin-right: 0px;
}
.cportalboxs_D{
    /*    border-radius: 4px;
        height: 100%;*/
}
.surbg{
    background-color: #fff2e1;
}
.docbg{
    background-color: #e6f0fc;
}
.blbg{
    background-image: linear-gradient(119deg, rgba(253, 176, 156, 0.15), rgba(249, 91, 113, 0.15));
}
.offrbg{
    background-color: #dff5d3;
}
.gallbg{
    background-color: #f6f7d5;
}
.fbbg{
    background-color: #e6ebfc;
}

.kbbg{
    background-image: linear-gradient(119deg, rgba(62, 59, 224, 0.15), rgba(186, 91, 249, 0.15));
}
.cportalboxs_D img{
    width:50px;
}
.fbbg i{
    color:#9ab9ff;
    font-size: 50px;
}
.cportal{
    margin-bottom: 70px;
}
.footer{
    background-color: #edf0f4;
    padding: 50px 0px;
    text-align: center;
}
.footer img{
    margin: 0 auto;
    width: 120px;
}
.footer p{
    margin-top: 10px;
}
.footer p,.footer a{
    font-size: 14px;
    color: #a8afb8
}
.footer a{
    color: #7b7f86;
}
.blogmsginputfile{
    float:right;
    position:relative;
}
.blogmsginputfile input{
    position: absolute;
    right:0;
    opacity:0;
}
.Login{
    display: flex;
    min-height: 100vh;

}
.Login .loginleftw,.Login .loginrightw{
    width:50%;
    float:left;
}
.Login .rightinner{
    background: url('../img/loginbg.jpg')no-repeat center center;
    height: 100%;
    background-size: cover;
}
.Login .rightinner-fitness{
    background: url('../img/loginfitness.jpg')no-repeat center center;
    height: 100%;
    background-size: cover;
}
.Login .rightinner-lawfirm{
    background: url('../img/loginlawfirm.jpg')no-repeat center center;
    height: 100%;
    background-size: cover;
}
.Login .leftinner{
    background-image: linear-gradient(148deg, #8795f6, #9060d2);
    text-align: center;
    padding: 100px 20px 20px;
    height: 100%;
}
.Login .leftinner-fitness{
    background-image: linear-gradient(to bottom, #12c2e9, #c471ed, #f64f59);
    text-align: center;
    padding: 100px 20px 20px;
    height: 100%;
}
.Login .leftinner-lawfirm{
    background-image: linear-gradient(to right, #0f2027, #203a43, #2c5364);
    text-align: center;
    padding: 100px 20px 20px;
    height: 100%;
}
.Login .leftinner p{
    font-size: 24px;
    font-weight: normal!important;
    margin-top: 20px;
}
.loginform{
    padding: 200px 0px 0px;
}
.loginformwidth{
    width:500px;
    margin: 0 auto;
}
.form-controllogin{
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #a8afb8;
    border:2px solid transparent;
}
.form-controllogin:focus{
    border-color:#343737;
}
.loginbtn{
    font-size: 33px;
    text-decoration: underline!important;
    color:#fff;
}
.loginwith{
    padding-top: 50px;
}
.loginwith ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.loginwith ul li{
    font-size: 18px;
    color:rgba(255,255,255,0.5);
    display: inline-block;
    padding-right: 20px;
}
.loginwith ul li a{
    color:#fff;
    display: flex;
    align-items: center;
}
.loginwith ul li a svg{
    /*    padding-right: 10px;*/
}
.loginwith ul li a:hover{
    color:rgba(255,255,255,0.5);
}
.loginwith ul li a:hover svg g{
    fill:rgba(255,255,255,0.5);
}
.loginwith ul li a span{
    padding-left: 10px;
}
.crtaccfrgtpasbox{
    padding-top: 300px;
    padding-bottom: 40px;
}
.crtaccfrgtpasbox ul{
    padding: 20px 10px 0px 10px;
    /*border-top: 2px solid rgba(52, 55, 55, 0.5);*/
    border-top: 2px solid #f9f9f9;
}
.crtaccfrgtpasbox ul li{
    display: inline-block;
}
.crtaccfrgtpasbox ul li a{
    font-size: 18px;
    color:#f9f9f9;
/*    color:rgba(52, 55, 55, 0.6);*/
}
.crtaccfrgtpasbox ul li:first-child {
    float:left;
}
.crtaccfrgtpasbox ul li:nth-child(2){
    float:right;
}
.crtaccfrgtpasbox ul li a:hover,.loginbtn:hover{
    color: #343737;
}
.Blog2{
    padding: 40px 0px 100px 0px;
}
.Blog_link li{
    display: block;
    padding-bottom: 15px;
}
.Blog_link li a{
    color: #4d5156;
    font-size: 16px;
}
.Blog_link li a .msgnumber{
    border-radius: 3px;
    background-image: linear-gradient(136deg, #fdb09c, #f95b71);
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 14px;
    color:#fff;
}
.Blog_link li a.active,.Blog_link li a:hover,.newsul li a.active,.newsul li a:hover{
    color: #ff7387;
}
.Blog_linkgrn li a.active,.Blog_linkgrn li a:hover{
    color: #31bcb1;
}
.Blog_linkyellw li a.active,.Blog_linkyellw li a:hover{
    color: #fa9d6b;
}
.Blog2 .leftw{
    width:15%;
    float:left;
}
.Blog2 .middlew{
    width:60%;
    float:left;
    padding-right: 40px;
}
.Blog2 .rightw{
    width:25%;
    float:left;
}
.forlineBlog{
    position: relative;
}
.forlineBlog:before{
    position: absolute;
    right:27%;
    height: 90%;
    width:1px;
    background: #d7dce3;
    content:'';
}
.forlineheight100:before{
    height:100%;
}
.forlineBlog2:before{
    top:100px;
    height: 86%;
}
.forlineBlogleft:before{
    right:initial;
    left:19%;
}
.mgtbloglink{
    margin-top: 100px;
}
.Blog2 .searchbox{
    margin-top: 0px;
}
.Blogs2{
    /*    padding: 20px 0px 0px 0px;*/
    border-bottom: 1px solid #d7dce3;
}
.BlogsBoxouter{
    padding: 0px 10px;
}
.BlogsBox h5{
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 800!important;
}
.BlogsBoxhover h5{
    transition: all .4s ease-in-out;
}
.BlogsBoxhover:hover h5{
    color:#5dd1c7;
}
.BlogsBox a,.BlogsBox h4,.BlogsBox{
    color: #252729;
}
.BlogsBox .bottom{
    margin-top: 20px;
}
.BlogsBox p{
    margin-bottom: 15px;
    font-weight: normal!important;
}
.BlogsBox p,.BlogsBox h6{
    font-size: 17px;
    line-height: 1.59;
}
.BlogsBox h6{
    font-style: italic;
    font-weight: 600!important;
}
.BlogsBox h6 span{
    padding-left: 10px;
    color:#bfc5cd;
    font-weight: normal!important;
    font-style: normal;
}
.BlogsBox h4{
    font-size: 22px;
    font-style: italic;
    margin-bottom: 10px;
}
.blogsnav ul{
    text-align: center;
    margin-top: 20px;
    font-weight: normal!important;
}
.blogsnav ul li{
    display: inline-block;
    padding-right: 10px;
}
.blogsnav ul li a{
    font-size: 17px;
    color:#bfc5cd;
}
.blogsnav ul li a.active,.blogsnav ul li a:hover{
    color: #252729;
}
.newsul{
    padding-bottom: 30px;
    border-bottom: 1px solid #d7dce3;
    padding-top: 10px;
}
.newsul,.blog2tabs{
    padding-left: 15px;
}
.newsul li{
    display: block;
    padding-bottom: 15px;
}
.newsul li a{
    color: #4b4d51;
    font-size: 18px;
}
.blogposttop{
    padding:40px 0px 15px 0px;
}
.emojisblog2{
    padding-left: 0px;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.blog2tabs{
    padding-top: 30px;
}
.blog2tabs li{
    display: block;
    padding-bottom: 15px;
}
.blog2tabs li a{
    color: #252729;
    font-size: 17px;
}
.blog2tabs li a:hover,.blog2tabs li a.active{
    color: #00a670;
}
.knwldgeBase_D .leftKB{
    width:20%;
    float:left;
}
.knwldgeBase_D .middleKB{
    width:80%;
    float:left;
}
.knwldgeBase_D .middleKB .kbleftw{
    width:75%;
    float:left;
}
.knwldgeBase_D .middleKB .kbrightw{
    width:25%;
    float:right;
}
.simplepage2_D .leftKB{
    width:15%;
    float:left;
}
.simplepage2_D .middleKB{
    width:85%;
    float:left;
}
.BlogsBoxkb h5{
    font-weight: 600!important;
}
.mulibold{
    font-weight: 700!important;
}
.kblinkpink{
    color: #ff7387!important;
    text-decoration: underline!important;
}
.BlogsBoxkb{
    padding: 0px 0px 20px 0px;
}
.kb2tabs li{
    padding-bottom: 15px;
}
.kb2tabs li a{
    font-weight: normal!important;
    font-size: 16px;
    color: #4b4d51;
}
.kb2tabs li a.active,.kb2tabs li a:hover{
    font-weight: 700!important;
}
.kb2tabs{
    padding-top: 40px;
    padding-left: 30px;
}
.middlemsg .msgleftw{
    width:60%;
    float:left;
}
.middlemsg .msgrightw{
    width:40%;
    float:left;
    padding-left: 30px;
}
.newmsg{
    position: relative;
    text-align: center;
    font-size: 13px;
    color: #bec2c9;
    margin: 30px 0px 10px;
}
.newmsg:before{
    position: absolute;
    content:"";
    top:50%;
    left:0;
    background: #dadbe0;
    height: 2px;
    margin-top: -1px;
    width:100%;
}
.newmsg span{
    width:80px;
    background: #fff;
    display: inline-block;
    position: relative;
}
.strtconvmgt{
    margin-top: 25px;
}
.msg2box{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.msg2box h6{
    color: #7b7e87;
    font-size: 19px;
}
.msg2chattext{
    padding-left: 10px;
}
.msg2box p{
    color: rgba(48, 49, 52, 0.6);
    font-size: 14px;
    font-weight: normal!important;
    line-height: 1.21;
}
.msg2box.active p,.msg2box:hover p{
    color: #303134;
}
.msg2box.active h6,.msg2box:hover h6{
    color: #fb7780;
}
.msg2box .msg2chatimg img
{
    border-radius: 100%;
    border:3px solid transparent;
}
.msg2box.active .msg2chatimg img,.msg2box:hover .msg2chatimg img{
    border-color: #fb7780;
}
.simplepage2 img{
    margin: 30px auto;
}
.simplepage2 .BlogsBoxkb{
    padding-bottom: 60px;
}
.featurereq{
    width:50%;
    float:left;
}
.featurereqfilter{
    width:50%;
    float:right;
}
.featurereq a{
    color: #31bcb1;
    font-size: 16px;
    text-decoration: underline!important;
}
.featurereq a:hover{
    color:#343737;
}
.fdbckfilter{
    float:right;
}
.fedbacD{
    padding: 0px 20px;
}
.fdbckfilter span.current{
    position: relative;
    padding-right: 30px;
}
.fdbckfilter span.current:before{
    width: 20px;
    height: 20px;
    background-color: #a8afb8;
    display: flex;
    align-items:center;
    justify-content:center;
    font-size: 13px;
    color: #fff;
    content: "3";
    position: absolute;
    border-radius: 100%;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.fdbckfilter{
    color: #a8afb8;
    font-size: 15px;
}
.smpleBox2:last-child{
    border-bottom: none;
}
.smpleBox2,.feedbckitem .smpleBox2{
    display: flex;
    padding:30px 10px 30px 10px;
    border-bottom:1px solid #bfc5cd;
}

.smpleBox2 .left{
    padding-top: 20px;
}
.smpleBox2 .left img,.smpleBox2 .left svg{
    width:20px;
    margin: 0 auto;
}
.smpleBox2 .left h6,.smpleBox2 .left h6 input{
    color: #1abb7f;
    letter-spacing: 0.5px;
    font-size: 27px;
    font-style:normal;

}
.smpleBox2 .left h6 input{
    width: 50px;
    text-align: center;
}
.smpleBox2 .left .upvoteincdec.active h6 input{
    color:#a8afb8;
}
.upvoteincdec .downvoteimg{
    display: none;
}
.upvoteincdec.active .downvoteimg{
    display: block;
}
.upvoteincdec.active .upvoteimg{
    display: none;
}
.upvoteincdec a{
    width:100%;
    text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.smpleBox2 h5{
    margin-top: 0px;
}
.smpleBox2 .right{
    padding: 0px 30px;
}
.smpleBox2 p{
    font-size: 19px;
    line-height: 1.21;
    letter-spacing: 0.4px;
    color: #7b7f86;
}
.fdbckprogress{
    color: #0ec01f;
}
.fdbckhold{
    color: #a8afb8;
}
.fdbckundereviw{
    color: #dbc509;
}
.fdbckfil{
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-weight: 600!important;
}
.feedbckitem .smpleBox2{
    padding-top: 0px;
}
.fedright img{
    margin-right: 10px;
}
.fedright{
    float:right;
    display:flex;
    align-items:center;
    color: #252729;
    font-size: 15px;
}
.fedtime{
    color: #a8afb8;
    padding-left: 5px;
}
.feedbckwidth{
    width:75%;
    padding-left: 73px;
}
.cmntbox{
    margin-top: 30px;
}
.cmntboxouter{
    margin-top: 30px;
}
.feedbackcmnt .emojisblog2{
    text-align: left;
}
.feedbackcmnt .emojisblog2 li:first-child{
    padding-left: 0px;
}
.cmntbox h6,.addcmnt h6,.addnewfedbck h6{
    font-size: 19px;
    color: #343737;
    margin-bottom: 10px;
}
.cmntbox h6 span{
    color:#bfc5cd;
}
.cmntbox p{
    color: #252729;
    font-size: 15px;
    font-weight: normal!important;
    line-height: 1.53;
    margin-bottom: 20px;
}
textarea{
    resize: none;
    outline: none!important;
}
.addcmnt textarea{
    border-radius: 3px;
    background-color: #edf0f4;
    border:none;
    color: #a8afb8;
    font-size: 16px;
    text-align: left;
    padding: 10px;
    /*    height: 76px;*/
}
.cmnttextarea::-webkit-input-placeholder{
    color:#a8afb8!important;
}
.addfdbckcmntD{
    padding-left: 30px;
}
.addfdbckcmntD h6,.fdbck p,.replyticket p{
    padding-left: 20px;
}
.cmntwfile{
    border-top:2px solid #bfc5cd;
}
.fdbck .form-control{
    font-size: 17px;
}
.fdbck{
    margin-top: 20px;
}
.fdbck textarea{
    height: 190px;
}
.Attchfilefdbck{
    font-weight: normal!important;
    padding: 10px 20px;
}
.attchfilefbck{
    font-size: 16px;
}
.filefdbcknpath{
    font-size: 16px;
    color: #343737;
    font-weight: normal!important;
}
.Attchfilefdbck .leftfbw{
    width:16%;
    float:left;
}
.Attchfilefdbck .middlefbw{
    width:69%;
    float:left;
}

.Attchfilefdbck .rightfbw{
    width:15%;
    float:right;
}
.atchD_file{
    float:right;
    text-align: right;
    position: relative;
}
.atchD_file input{
    position: absolute;
    right:0;
    opacity: 0;
}
.filefdbcknpath{
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}
.atchD_file a{
    font-size: 17px;
    color: #7b7f86;
    text-decoration: underline!important;
}
.atchD_file a:hover{
    color: #00b6a1;
    position: relative;
}
.filefdbcknpath .imgname {
    background-color: #2197ef;
    font-size: 14px;
    color:#fff;
    border-radius: 50px;
    padding: 4px 11px;
    display: inline-block;
    margin-right: 5px;
    font-family:'Filson-Pro-Regular';
}
.filefdbcknpath a,.filefdbcknpath .removal-button{
    color:#7b7f86;
    margin-left: 10px;
}
.filefdbcknpath a:hover,.filefdbcknpath .removal-button:hover{
    color: #00b6a1;
}
.sndrqst{
    text-align: center;
    margin-top: 30px;
}
.sndrqstbtn{
    color: #00b6a1;
    font-size: 21px;
    text-decoration: underline!important;

}
.sndsuprtbtn{
    color:#816fe0;
}
.sndrqstbtn:hover{
    color:#343737;
}
.fedbackpage{
    padding-bottom: 200px;
}
.Surver2box .surveyQ h4 i{
    color:#a8afb8;
}
.Surver2box .surveyQ h4{
    color: #a8afb8;
    padding-right: 15px;
}
.Surver2box .surveyQ.active h4{
    color: #343737;
}
.Surver2box .surveyQ:before{
    background: #bfc5cd;
    border:1px solid transparent;
}
.Surver2box .surveyQ.active:before{
    border-color:#a8afb8;
    background: transparent;
}
.surtag{
    margin-top: 30px;
}
.surtag .surveyDtaglink{
    background-color: #d7dce3;
    color: #7b7f86;
    display: flex;
    align-items: center;
}
.surtag .surveyDtaglink:hover,.surtag .surveyDtaglink.active{
    color:#fff;
    background-image: linear-gradient(277deg, #fdde81, #f68e56);
}
.sendansw{
    padding-top: 50px;
    border-top:2px solid #d8d8d8;
    margin-top: 60px;
    text-align: center;
}
.sendanswbtn{
    border:2px solid #ff9c40;
    width:70%;
    margin: 0 auto;
    padding: 10px 10px;
    color: #ff9c40;
    font-size: 26px;
    text-align: center;
    border-radius: 50px;
}
.sendanswbtn:hover{
    color:#fff;
    background: #ff9c40;
}
.Surver2box{
    padding-top: 0px;
}
.Surver2box .surveyQA:first-child{
    padding-top: 0px;
}
.middlesurveyD{
    padding-left: 40px;
}
.survey_listbox{
    padding: 30px 20px;
    border-bottom:1px solid #edf0f4;

}
.survey_listbox:last-child{
    border:none;
}
.survey_listbox h5{
    font-size: 26px;
}
.survey_listbox p{
    font-size: 17px;
    color: #a8afb8;
}
/*gagan code start*/
/*dpreview page start*/
.dpreview{

}
.dpreview .leftKB{
    float: left;
    width: 15%;
}
.dpreview .middleKB{
    float: left;
    width: 85%;
}
.dpreview .middleKB .kbleftw{
    float: left;
    width: 26%;
}
.dpreview .middleKB .kbrightw{
    float: left;
    width: 74%;
    padding-left: 30px;
}
.bannerblue2gdnt{
    background-image: linear-gradient(101deg, #69b5f1, #6181ff);
}
.dpreview .Blog_link li a.active,
.dpreview  .Blog_link li a:hover{
    color: #6181ff;
}
.filter h3{
    font-size: 15px;
    line-height: 18px;
    color: #a8afb8;
    text-align: right;
    font-weight: normal!important;
    /*padding-right: 35px;*/
}
.filter .nice-select{
    padding: 0px 25px 0px 10px;
    float: right;
    height: 18px;
    line-height: 18px;

}
.filter .nice-select span.current{
    width: 20px;
    height: 20px;
    background-color: #a8afb8;
    border-radius: 50%;
    display: inline-block;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
}
.previewlinks .surveytabs li{
    margin-bottom: 10px;
}
.previewlinks .surveytabs li a{
    font-size: 15px;
    line-height: 18px;
    color: #2f2f2f;
    min-height: 50px;
    padding: 7px 8px;
}
.previewlinks .surveytabs li a:hover,.previewlinks .surveytabs li a.active{
    background-color: #7b7f86;
    color: #fff;
}
.previewlinks .surveytabs li a:hover span.tym,.previewlinks .surveytabs li a.active span.tym{
    color: rgba(52, 55, 55, 0.5);
}
.previewlinks .surveytabs li a:hover .rightarr.imghide{
    display: block;
}
.previewlinks .surveytabs li a:hover .rightarr.imgshow{
    display: none;
}
.previewlinks .surveytabs li a span.tym{
    font-size: 14px;
    line-height: 17px;
    color: #343737;
    margin-top: 4px;
}
.previewlinks h3{
    font-size: 15px;
    line-height: 18px;
    color: #a8afb8;
    margin-bottom: 8px;
    margin-top: 30px;
    padding-left: 10px;
}
.previewlinks .doctags{
    width: 35px;
    padding: 2px 5px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-right: 10px;
    float: left;
    text-align: center;
    margin-top: 2px;
}
.previewlinks .pdftag {
    background-color: #ef4730;
}
.previewlinks .doctag {
    background-color: #306eef;
}
.previewlinks .xlstag {
    background-color: #12a429;
}
.previewlinks .rightarr {
    position: absolute;
    bottom: 10px;
    right: 20px;
    width: 14px;
}
.previewlinks .rightarr.imghide{
    display: none;
}
.choosefile{
    margin-top: 110px;
}
.nopreview{
    margin-top: 110px;
}
.nopre_img{
    margin-top: 110px;
    margin-bottom: 30px;
}
.choosefile h2,
.nopreview h2{
    font-weight: normal!important;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #bfc5cd;
    text-align: center;
}
.nopreview h2.font2{
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.38px;

}
.nopreview h2.font2 a{
    text-decoration: underline;
    color: #a8afb8;
}
.nopreview .nopre_img img{
    width: 155px;
    height: 165px;
    margin: 0 auto;
    display: block;
}
.docpreview{
    border-radius: 3px;
    background-color: #edf0f4;
    padding: 30px 25px;
    margin-top: 55px;
}
.slidermain {
    margin-top: 30px;
}
.arrowtop{
    text-align: center;
    position: relative;
}
.arrowtop a img{
    width: 29px;
    height: 20px;
}
.arrowtop p{
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    color: #a8afb8;
    margin: 0px 15px;
}
.arrowtop p span{
    letter-spacing: 2px;
}
.download{
    position: absolute;
    top: 0;
    right: 0;
}
.download .onactionhover li a {
    padding: 6px 15px;
    font-size: 15px;
    color: rgba(255,255,255,0.6);
    width: 100%;
    text-align: left;
    line-height: 18px;
}
.download .onactionhover li a:hover{
    color: #fff;
}
/*dpreview page end*/
/*D Ticket System page start*/
.bannerblue3gdnt{
    background-image: linear-gradient(101deg, #9e99ff, #5f6ced);
}
.ticketlinks .surveytabs li a span.tym{
    display: inline-block;
    color: rgba(52, 55, 55, 0.5);
}
.ticketlinks .tickettag{
    width: 62px;
    padding: 2px 5px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    float: right;
    text-align: center;
    margin-top: 2px;
}
.ticketlinks .tickettag.ticketopen{
    background-color: #37a936;
    width: 45px;
}
.resolved{
    background-color: #bfc5cd;
}
.urgent{
    background-color: #f06767;
}
.ticketlinks textarea{
    font-family: "Filson-Pro-Regular";
    height: 52px;
    padding: 12px;
    font-size: 15px;
    line-height: 18px;
    color: #816fe0;
    resize: none;
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d7dce3;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 10px;
}
.ticketlinks textarea::placeholder{
    color: #a8afb8!important;
}
.ticketlinks textarea:focus::placeholder{
    color: #816fe0 !important;
}
.ticketlinks textarea:focus{
    outline: none;
    border-color: #816fe0;
}
/*D Ticket System page end*/

/*D Ticket System empty page start*/
.notickets{
    margin-top: 70px;
    text-align: center;
    min-height: 625px;
}
.notickets h3{
    font-size: 20px;
    line-height: 24px;
    color: #bfc5cd;
}
.notickets a{
    font-size: 20px;
    line-height: 24px;
    color: #7b7f86;
    text-decoration: underline;
}
.notickets a:hover{
    color: #343737;
    text-decoration: underline !important;
}
/*D Ticket System empty page end*/
/*feedback page start*/

.bluegredient_feedback:before{
    background-image: linear-gradient(to left, #42d791, #3ca2d2);
}
/*.headertop .left h6 .mg_top{
    margin-top: 0px;
}*/
.feedback .left{
    width: 50%;
    float: left;
}
.feedback .right{
    width: 50%;
    float: left;
    padding-left: 30px;
    padding-top: 30px;
}
.f_inner{
    padding-top: 30px;
    padding-bottom: 50px;
}
.feedback .goback{
    float: right;
}
.feedback .goback li a{
    font-size: 16px;
    line-height: 19px;
    color: #7b7f86;
    text-decoration: underline;
}
.feedback .actionimport{
    float: left;
}
.feedback_select{
    position: relative;
    border: none;
}
.feedback_select .actiondiv{
    padding-left: 0;
}
.feedback_select .sortdate{
    padding-left: 30px;
}
.feedback_select .sortdate a{
    color: #343737;
}
.sortdateD .sortbyD,.sortdateD .nice-select{
    color: #a8afb8;
    font-size: 14px;
}
.sortdateD .nice-select{
    float: right;
    padding-left: 8px;
    line-height: initial;
}

.f_tabledata{
    padding: 20px 0px;
    padding-left: 40px;
}
.f_active li p{
    color: #0db89c;
}
.f_li_width1{
    float: left;
    width: 80%;
}
.f_li_width2{
    float: left;
    width: 20%;
}
.f_li p{
    font-size: 17px;
    color: #343737;
    line-height: 20px;
    letter-spacing: 0.32px;
}
.f_li p.font2{
    font-size: 18px;
    color: #bfc5cd;
    letter-spacing: 0.34px;
    line-height: 22px;
    text-align: right;
}
.f_data_content .emojis{
    padding-left: 0;
    padding-top: 25px;
    padding-bottom: 30px;
}
.f_data_content .emojis li{
    padding: 0px 13px;
}

.f_data_content .emojis li a:hover span {
    color: #0db89c;
}
.f_data_load{
    background-color: #edf0f4;
    border-radius: 3px;
    padding: 20px;
}
.f_data_content{
    border-top: 1px solid #bfc5cd;
    border-bottom: 1px solid #bfc5cd;
}
.f_data_heading p{
    font-size: 19px;
    line-height: 23px;
    color: #343737;
    padding: 10px 0px;
}
.f_data_heading p span{
    color: #bfc5cd;
    margin-left: 35px;
}
.f_data_heading p a{
    float: right;
    font-size: 14px;
    line-height: 17px;
    color: #a8afb8;
    text-transform: uppercase;
}
.f_data_content h3{
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.45px;
    color: #343737;
    padding: 20px 0px;
}
.f_data_content p{
    font-weight: normal!important;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.36px;
    color: #7b7f86;
}
.f_progress{
    padding: 20px 0px;
}
.f_progress p{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.34px;
    color: #0ec01f;
    float: left;
}
.f_progress a{
    float: right;
    font-size: 19px;
    line-height: 23px;
    color: #a8afb8;
    text-decoration: underline;
}
.pagination {
    display: block;
    margin: 15px auto;
    text-align: center;
}

.pagination a {
    font-weight: normal!important;
    color: #bfc5cd;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
}
.pagination a.active,.pagination a:hover {
    color: #252729;
}
.pd_btm{
    padding-bottom: 45px;
}
.feedbacksurvey .emojis li a:hover span {
    color: #3fbab7;
}
/*feedback page end*/

/*feedback2 feedback3 page start*/
.f_inner2 {
    position: relative;
    padding-top: 0;
    padding-bottom: 180px;
}

.feedpage2tab li a.active,
.feedpage2tab li a:hover {
    border-color: #3fbab7;
}
.feedpage2tab .form-control{
    border: 2px solid #bfc5cd;
}
.feedpage2tab .form-control:focus{
    border-color: #3fbab7;
}
.f2_ryt_inner .languages{
    float: right;
}
.f2_input .languages{
    width: 20%;
}
.f2_input .f2_head{
    width: 80%;
    float: left;
}
.f2_head label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 3px;
    font-size: 15px;
    line-height: 18px;
    color: #a8afb8;
}
.f2_head textarea{
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.45px;
    color: #343737;
    display: block;
    width: 100%;
    height: 120px;
    padding: 6px 0px;
    border: none;
    resize: none;
    background-color: #fff;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.f2_head textarea::placeholder{
    color: rgba(52, 55, 55, 0.15)!important;
}
.f2_body textarea{
    height: 220px;
    font-weight: normal!important;
    color: #7b7f86;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.36px;
}
.f2_body textarea::placeholder{
    color: rgba(123, 127, 134, 0.3) !important;
}
.f2_head textarea:focus{
    outline: none;
}
.feedbacksurvey{
    padding: 0;
}
.file{
    margin-bottom: 60px;
}
.file-upload {
    position: relative;
    overflow: hidden;
}
.file-upload.btn,.file-upload.btn:hover{
    background: none;
    border: none;
    padding: 0;
    margin-right: 10px;
}
.file-upload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #7b7f86;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#fileuploadurl{
    display: inline-block;
    border:none;
    vertical-align: middle;
    background: none;
    box-shadow: none;
    font-size: 17px;
    line-height: 20px;
    font-weight: normal!important;
    color: #7b7f86;
    padding-left: 0;
    width:320px;
    padding-right: 0;
    text-decoration: underline;
}
#fileuploadurl::placeholder{
    color: #7b7f86 !important;
    text-decoration: underline;
}
.file-upload.btn.active,
.file-upload.btn:active{
    box-shadow: none!important;
}



/*feedback2 feedback3 page end*/

/*feedback4 page start*/
.f4_inner{
    position: relative;
    padding-bottom: 120px;
}
.f_4progressbar:before{
    width: 50%;
    background-image: linear-gradient(to left, #3ca2d2, #42d791);
}

/*feedback4 page end*/

/*documents page start*/
.docprogressbar:before{
    width: 100%;
    background-image: linear-gradient(to left, #6181ff, #69b5f1);
}
.docprogressbar1:before{
    width: 25%;
    background-image: linear-gradient(to left, #6181ff, #69b5f1);
}
.docprogressbar2:before{
    width: 50%;
    background-image: linear-gradient(to left, #6181ff, #69b5f1);
}
.docprogressbar3:before{
    width: 75%;
}
.topprogress .docDPercentage{
    display: none;
}
.topprogress.dactive75 .docDPercentage{
    display: block;
}
.topprogress.dactive75 .docDPercentagenone{
    display: none;
}
.topprogress.dactive75 .docprogressbar75:before{
    width:75%;
}
.docprogressbar3:before{
    background-image: linear-gradient(to left, #6181ff, #69b5f1);
}
.PBar h3 i{
    font-style: normal;
    font-size: 34px;
    line-height: 41px;
    color: #a8afb8;
    padding-left: 20px;
}
.docbtn{
    padding: 0;
}
.docbtn .left,.docbtn .right{
    width: 50%;
}
.docbtn .right a.removesubtn{
    margin-right: 50px;
    padding: 8px 0px;
}
.dfiles_iner{
    border-bottom: 1px solid rgba(168, 175, 184, 0.3);
    padding-bottom: 15px;
    padding-top: 15px;
}
.doc2uplD .leftup{
    width:90%;
    float:left;
}
.doc2uplD .ddropdown{
    width:10%;
    float:right;
}
.dfiles_head{
    margin-top: 70px;
}
.dfiles_head h3{
    font-size: 19px;
    line-height: 23px;
    color: #343737;
    text-align: center;
}
.dfiles_head h4{
    font-family: "Filson-Pro-Bold";
    font-size: 15px;
    line-height: 18px;
    color: #343737;
    text-align: right;
    padding-right: 35px;
}

.dfiles_content p{
    float: left;
    font-size: 15px;
    line-height: 18px;
    color: #343737;
}
.mg_topb{
    margin: 10px 0px;
}
/*.dfiles_content p:nth-child(1){
    width: 5%;
}*/
.dfiles_content p:nth-child(2){
    /*    width: 80%;*/
    padding: 3px 0px;
}
.dfiles_content p:nth-child(3){
    /*    width: 5%;*/
    color: #bfc5cd;
    padding: 3px 0px;
    float: right;
}
.dfiles_content .doc2uplD{
    display:flex;
}
/*.ddropdown{
    width: 10%;
    float: left;
}*/
.ddropdown .nice-select{
    padding: 2px 30px 4px 10px;
    /*    width: 80%;*/
    font-size: 15px;
    line-height: 18px;
    color: #2bb53e;
    float: right;
    margin-right: 15px;
    /*    line-height: initial;*/
}
.dDropdown .nice-select{
    color: #2bb53e;
    float: right;
}
.ddropdown .nice-select:after,.dDropdown .nice-select:after{
    content: "\f0d7";
    font-family:'FontAwesome';
    /*    color: #2bb53e;*/
    background: none;
    margin-top: -8px;
    line-height: initial;
}
.ddropdown .nice-select .list li:first-child,.dDropdown .nice-select .list li:first-child{
    color: #2bb53e;
}
.ddropdown .nice-select .list li:nth-child(2),.dDropdown .nice-select .list li:nth-child(2){
    color: #ff6666;
}
.ddropdown .nice-select .list li:nth-child(3),.dDropdown .nice-select .list li:nth-child(2){
    color: #fca654;
}
.ddropdown .nice-select .option:hover,
.ddropdown .nice-select .option.focus,
.ddropdown .nice-select .option.selected.focus{
    background-color: #fff;
}
.ddropdown .nice-select .list:hover .option:not(:hover),
.ddropdown .nice-select .list .option{
    color: #343737;
}
.ddropdown .nice-select.open:after{
    margin-top: -4px;
}
.ddropdown .nice-select:after{
    right: 12px;
}
.ddropdown .nice-select .option{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    min-height: 30px;
    height: 30px;
}
#filedrag h6{
    font-size: 28px;
    line-height: 34px;
    color: #b9bfc8;
    text-align: center;
    margin-bottom: 30px;
}
/*documents page end*/

/*documents2 page start*/
.resdis{
    display: none;
}
.dragdrop{
    padding-bottom: 80px;
}
.uploadbox{
    width: 100%;
    display: flex;
    align-items: center;
}
.fildset{
    border: none;
    padding: 0;
    min-height: 335px;
    border-radius: 3px;
    background-color: #edf0f4;
    /*    padding: 50px 0px;*/
}

.fildset:hover ,#filedrag:hover,#filedrag.hover{
    background-color: #7b7f86;
}

/*.dfiles_head{
    display: none;
}*/
.uploadText{
    width:100%;
}
.uploadText h6{
    font-size: 28px;
    line-height: 34px;
    color: #b9bfc8;
    text-align: center;
    margin-bottom: 30px;
}
.Uploadimg{
    width: 132px;
    height: 112px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.doc2upload #filedrag{
    padding: 50px;
}

.doc1upload #filedrag{
    padding: 50px;
}
.doc1upload .filedragdoc1{
    padding: 150px!important;
}
/*.doc2upload #filedrag label{
    width: 121px;
    margin: 0 auto;
}*/
#filedrag label,#filedrag label a{
    font-size: 19px;
    line-height: 23px;
    color: #a8afb8;
    text-align: center;
    cursor: pointer;
}
#filedrag label{
    display: block;
}
#filedrag label a{
    text-decoration: underline;
}
#filedrag{
    position: relative;
}
#fileselect{
    opacity: 0;
    display: none;
}
/*.updoinput{
    position:absolute;
    top:0;
}*/
.doc2_iner{
    position: relative;
    padding-bottom: 115px;
}
.doc2upload{
    margin-top: 50px;
    margin-bottom: 70px;
}
.doc2upload .Uploadimg {
    width: 62px;
    height: 52px;
    margin-bottom: 20px;
}
.doc2upload fieldset{
    /*    padding: 40px 0px 35px;*/
    min-height: initial;
}
.doc2fullwidth .f_tabledata{
    padding: 0px 0px;
    padding-left: 40px;
}
/*documents2 page end*/

/*editmodule module page start*/
.editmodulemain{
    position: relative;
    padding-bottom: 160px;
}
.editmodule .left{
    width: 25%;
    float: left;
}
.editmodule .right{
    width: 75%;
    float: left;
    padding-left: 20px;
}
.editmodulebar:before{
    width: 100%;
    background-image: linear-gradient(to left, #758dff, #bb80f9);
}
.editmodule .surveytabs li a{
    min-height: initial;
}
.editmodule .surveytabs li a:hover,
.editmodule .surveytabs li a.active{
    border-color: #bb80f9;
}
.editmodule .surveytabs .form-control:focus{
    border-color: #bb80f9;
}

.editmodulehead{
    font-size: 29px;
    line-height: 35px;
    color: #252729;
    margin-bottom: 15px;
}
.editmodulepara{
    font-weight: normal!important;
    font-size: 17px;
    line-height: 27px;
    color: #252729;
    margin-bottom: 25px;
    padding-right: 150px;
}
.editmodulepara a{
    color: #816fe0;
    text-decoration: underline;
}
.editmoduleanchor{
    font-weight: normal!important;
    font-size: 17px;
    line-height: 27px;
    color: #816fe0;
    text-decoration: underline;
    margin-bottom: 25px;
}
.innersec{
    display: block;
    font-size: 16px;
    color: rgba(52, 55, 55, 0.5);
    margin-top: 5px;
    background: #edf0f4;
    margin-bottom: 15px;
    border: 2px solid transparent;
    border-radius: 3px;
}
.innersec:hover,.innersec.active{
    border-color: #bb80f9;
}
.innersec ul li{
    margin-bottom: 10px;
}
/*.innersec ul li:last-child a:before{
    display: none;
}*/
.innersec ul li:last-child button{
    color:#a8afb8
}
.innersec ul li a,.innersec ul li button{
    background: transparent;
    border: none;
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    padding-left: 10px;
}
.innersecul{
    padding: 10px 20px;
}
.innerseculslidedown{
    display: none;
}
.innersec ul li a:before{
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #7b7f86;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.innersec ul li a:hover,
.innersec ul li a.active{
    border: none;
    color: #816fe0;
}
.headanchor{
    font-size: 18px;
    color: #2f2f2f;
    padding: 10px 15px;
}
.headanchor span{
    display: block;
    font-size: 16px;
    color: rgba(52, 55, 55, 0.5);
    margin-top: 5px;
}
/*editmodule module page end*/

/*ticket page start*/
.ticketbar:before{
    width: 50%;
    background-image: linear-gradient(to left, #5f6ced, #9e99ff);
}
.ticketbar2:before{
    width: 50%;
    background-image: linear-gradient(to left, #5cdf7b, #5dd1c7);
}
/*ticket page end*/

/*ticketsystem page start*/
.ts_inner .left {
    width: 50%;
    float: left;
}
.ts_inner .right {
    width: 50%;
    float: left;
    padding-left: 30px;
    padding-top: 0px;
}
.ticketmain .actionimport {
    float: left;
}
.tickettable .custw1{
    width: 33.33%;
    float: left;
}
.ticketright .f_data_heading p span{
    margin-left: 25px;
}
.ticketright .f_data_heading p a{
    font-size: 19px;
    line-height: 23px;
    text-transform: lowercase;
    text-align: right;
}
.ticketright .f_data_heading p a.ticketcusname{
    color: #343737;
    float:left;
    text-transform: inherit;
}
.ticketright .f_data_heading p a.urgent{
    color: #f06767;
    background: transparent;
}
.ticketright .f_data_content p {
    font-weight: normal!important;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: normal;
    color: #252729;
    padding: 20px 0px 0px;
}
.ticketright .f_data_content{
    border-bottom: none;
}
.ticketright .f_progress p{
    color: #a8afb8;
}
.ticketright .f_progress a.respond{
    color: #816fe0;
    float: left;
}
.ticketdrop .nice-select.open .list li:first-child{
    color: #f06767;
}
.ticketdrop .nice-select.open .list li:nth-child(2){
    color: #54ca95;
}
.ticketdrop .nice-select.open .list li:nth-child(3){
    color: #d7dce3;
}
.tickettable .custw1 nice-select{
    text-align: center;
}
.ticketdrop .nice-select{
    color: #f06767;
    padding: 2px 60px 2px 60px;
    width: auto;
}
.ticketdrop .nice-select .option:hover,
.ticketdrop .nice-select .option.focus,
.ticketdrop .nice-select .option.selected.focus{
    background-color: transparent;
}
.ticketdrop .nice-select .list{
    width: auto;
    max-height: fit-content;
    left: 40px;
    background-color: #fff;
}
.ticketdrop .nice-select:after{
    right: 40px;
}
.tickettable .custabledata{
    padding: 1px 10px;
    padding-left: 40px;
}
.tickettable .custableheading{
    padding: 10px 10px 15px;
    padding-left: 40px;
}
/*ticketsystem page end*/

/*customlinks page start*/
.cl_inner{
    padding-top: 10px;
}
.linksbox{
    padding: 15px 0px;
    border-bottom: 1px solid #d7dce3;
}
.cl_inner .linksbox:last-child{
    border-bottom: none;
}
.linksbox .wd{
    float: left;
}
.linksbox .wd1{
    width: 30%;
}
.linksbox .wd2{
    width: 30%;
}
.linksbox .wd3{
    width: 30%;
}
.linksbox .wd4{
    width: 10%;
}
.l_name h2{
    font-size: 15px;
    line-height: 18px;
    font-weight: normal!important;
    color: #7b7f86;
}
.l_url a{
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal!important;
    color: #816fe0;//bfc5cd
}
.l_tags h3{
    font-size: 15px;
    line-height: 18px;
    font-weight: normal!important;
    color: #bfc5cd;
}
.l_tags h3 img{
    float: left;
    width: 19px;
    height: 14px;
    margin-right: 6px;
    margin-top: 2px;
}
.deletebox a{
    display: block;
    float: right;
}
.deletebox a img{
    width: 10px;
    height: 10px;
    margin-top: 5px;
    margin-right: 13px;
}

.addlinks{
    margin-top: 30px;
}
.addlinks_inner{
    margin-top: 15px;
}
.addlinks .wd{
    float: left;
}
.addlinks .wd1{
    width: 33.33%;
}
.addlinks .wd2{
    width: 33.33%;
}
.addlinks .wd3{
    width: 28.33%;
}
.adname{
    margin-right: 15px;
}
.adname label,
.adlink label{
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    color: #7b7f86;
    margin-bottom: 7px;
    text-align: left;
    width: 100%;
    max-width: 100%;
}
.adname input,
.adlink input{
    height: 40px;
    font-size: 16px;
    line-height: 19px;
    padding: 12px;
    background-color: #edf0f4;
    display: block;
    width: 100%;
    border-radius: 3px;
    color: #343737;
}
.adname input::placeholder,
.adlink input::placeholder{
    color: #bfc5cd !important;
}
.adname input:focus::placeholder,
.adlink input:focus::placeholder{
    color: #343737 !important;
}
.addnewlink button{
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #d7dce3;
    font-size: 16px;
    line-height: 19px;
    color: #bfc5cd;
    padding: 10px 80px 10px 12px;
    margin-top: 30px;
}
.addnewlink button:hover{
    border-color: #343737;
    color: #343737;
}
.linkselection{
    margin-top: 29px;
    margin-left: 15px;
}
.linkselection .nice-select .option:hover,
.linkselection .nice-select .option.focus,
.linkselection .nice-select .option.selected.focus {
    background-color: #fff;
    color: #fca654;
    font-weight: normal!important;

}
.linkselection .nice-select{
    width: auto;
    border: none;
    font-size: 15px;
    line-height: 18px;
    color: #fca654;
    padding: 11px 32px 11px 12px;
}
.linkselection .nice-select .list{
    width: auto;
    max-height: fit-content;
}

.linkselection .nice-select .list:hover .option:not(:hover),
.linkselection .nice-select .list .option{
    color: #fca654;
}
.linkselection .nice-select:after{
    content: "";
    background-image: url(../img/droparroworange.svg);
}
.linkselection .nice-select .list:hover .option:not(:hover){
    background-color: #fff !important;
}

/*customlinks page end*/
.doc2fullwidth .actionimport{
    float: left;
    width: 10%;
}
.doc2fullwidth .access{
    float: left;
    width: 10%;
    text-align: center;
}
.doc2fullwidth .access h3{
    font-size: 15px;
    line-height: 18px;
    color: #343737;
    font-family: "Filson-Pro-Bold";
    padding: 5px 0px;
}
.doc2fullwidth .goback{
    float: left;
    width: 80%;
    padding-left: 15px;
}
.doc2fullwidth .custableheading li{
    padding: 5px 0px;
}
.doc2fullwidth .onactionhover ul:before{
    top: -10px;
    right: 10px;
    color: #343737;
}
/*.doc2fullwidth .onactionhover li a,
.doc2fullwidth .onactionhover li a:hover {
    color: rgba(255,255,255,0.6);
    font-size: 15px;
    line-height: 18px;
}*/
.doc2table .dfiles_content p:nth-child(2){
    width: 75%;
}
.doc2table .dfiles_content p:nth-child(3){
    width: 10%;
}
/*gagan end*/
.dticketD{
    padding-left: 40px;
}
.addfdbckticket{
    padding-left: 0px;
    padding-top: 75px;
}
.Attchfiletckt .leftfbw,.Attchfiletckt .rightfbw{
    width:22%;
}
.Attchfiletckt .middlefbw{
    width:56%;
}
.choseprty .lefttD{
    width:50%;
    float:left;
}
.choseprty .righttD{
    width:50%;
    float:left;
}
.ticDul{
    float:right;
}
.ticDul li{
    display: inline-block;
    padding-right: 30px;
}
.ticDul li:last-child{
    padding-right: 0px;
}
.ticDul li a{
    font-size: 19px;
    color: #a8afb8!important;
}
.ticDul li a:hover,.ticDul li a.active{
    color: #2cbc68;
}
.choseprty .lefttD h6 span{
    padding-left: 15px;
}
.choseprty .lefttD h6 span,.choseprty .lefttD h6 a{
    color:#bfc5cd;
}
.choseprty .lefttD h6 a{
    text-decoration: underline!important;
}
.fdbck p{
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 1.59;
}
.replyticket p,.fdbck p{
    color: #252729;
    font-weight: normal!important;
}

.replyticket{
    padding-top: 15px;
    border-top:2px solid #bfc5cd;
}
.replyticket p{
    font-size: 15px;
    line-height: 1.53;
    margin-bottom: 20px;
}
.replyticket p .flright{
    float:right;
}
.replyticket p .flright span{
    color: #a8afb8;
    padding-left: 10px;
}
.cmntwfileticket{
    border-top:none;
}
.cmntwfileticket .fdbck{
    padding: 0px 20px;
}
.cmntwfileticket .fdbck textarea{
    height: 76px;
}
.replyticket{
    margin-bottom: 40px;
}
.Attchfiletckt3 .middlefbw{
    width:78%;
}
.Blog_data_height{
    min-height: 600px;
}
.foreye .current{
    padding-left: 20px;
}
.foreye .current:before{
    position: absolute;
    content:"";
    background: url('../img/eye.svg') no-repeat left;
    width:20px;
    height: 20px;
    left:0;
}
.feedback4 .steps{
    min-height: 794px;
}
.docDTable .doccol1{
    width:70%;
    float:left;
}
.docDTable .doccol2{
    width:20%;
    float:left;
}
.docDTable .doccol3{
    width:10%;
    float:left;
}
.docDTable li{
    color: #343737;
    font-size: 15px;
}
.docDTable li.fontboldF{
    font-family:'Filson-Pro-Bold';
}
.docDheadings,.docDdata{
    position: relative;
    padding: 10px 25px 10px 35px;
    border-bottom: 1px solid rgba(168, 175, 184, 0.3);
}
.docDTable li.text_right{
    text-align: right;
}
.DocBox {
    position: relative;
    padding-bottom: 130px;
}
.urgrntcol,.ticDul li a.active.urgrntcol{
    color: #f06767!important;
}
.regularcol,.ticDul li a.active.regularcol{
    color: #2bb53e!important;
}
.moderatecol,.ticDul li a.active.moderatecol{
    color: #fca654!important;
}
.profilemenu{
    float:right;
    position: relative;
}
.onhoverprofilemenu  li{
    display: block;
}
.onhoverprofilemenu {
    border-radius: 2px;
    background-color: #343737;
    position: absolute;
    width: 176px;
    text-align: center;
    top: 43px;
    left: -77px;
    display: none;
}
/*.profilemenu:hover{

}*/
.onhoverprofilemenu a{
    color:rgba(255,255,255,0.6);
    width:100%;
    padding:2px 10px;
}
.onhoverprofilemenu a:hover{
    color:#fff;
}
.onhoverprofilemenu ul{
    position: relative;
    padding: 5px 0px;
}
.onhoverprofilemenu ul:before {
    font-family: 'FontAwesome';
    content: "\f0d8";
    position: absolute;
    top: -11px;
}
.dragdrop-target .dragdrop{
    padding-bottom: 0px;
}
.dfiles_headD{
    display: none;
}
.dfiles_headD.active{
    display: block;
}
.respondslidedown{
    display: none;
    background: #fff;
}
.altcolor,.altcolor2{
    color: #d7dce3;
    /*    text-indent: -10000px;*/
    position: relative;
}

.altcolor.widthimg0,.altcolor2.widthimg0{
    width:0;
    height: 0;
    opacity:0;
}
.altcolor,.altcolor2{
    opacity: 1;
}
/*img.it {
    background: #CCC url(../img/bacimg1.png) 0 0 no-repeat!important;
    text-indent: -9999px;
    border: 15px solid #fff;
    color: transparent!important;
    -webkit-appearance: none!important;
}*/
.posabupload,.posabupload2{
    position: absolute;
    font-size: 16px;
    top: 42%;
}
.nologonoactive,.posabupload,.posabupload2,.nologonoactive2{
    opacity: 0;
}
.nologonoactive.active,.posabupload.active,.nologonoactive2.active,.posabupload2.active{
    opacity: 1;
}
.btn_uploadposi{
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -45px;
    top: 53%;
    margin-top: -21px;
}
/*drag and drop*/
[dragdrop].over{
    border-color:#bfc5cd!important;
    padding: 10px 20px 20px 20px;
}
[dragdrop].over.cPortal.active .chavarrow{
    right:10px;
    top:10px;
}
.addnewplaceholder{
    background: transparent;
    border:none;
    font-size: 16px;
    color: #2f2f2f;
    height: 24px;
    width: 100%;
    font-family: 'Filson-Pro-Regular';
}
/*.addnewplaceholder::placehoder{
    color:red!important;

}*/









/*gagan start*/
.docrespective{
    position: relative;
    padding-bottom: 175px;
}
.loginform_res{
    display: none;
}
/*hamburger start*/
.header .hamburger{
    display: none;
    float: right;
    width: 45px;
    height: 45px;
    padding: 10px 0px 10px 10px;
    /* background: #fff;*/
    border-radius: 50%;
    position: relative;
    z-index: 9999;
    position: absolute;/*new divya*/
    right: 15px;
    top: 20px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,.blackhumber.is-active .hamburger-inner,.blackhumber.is-active .hamburger-inner::before,.blackhumber.is-active .hamburger-inner::after{
    background-color: #fff;
    border-radius: 0;
    width: 25px;
    height: 3px;
}

.hamburger-box{
    width: 25px;
}
.hamburger-inner::before {
    top: -8px;
}
.hamburger-inner::after {
    bottom: -8px;
}
/*hamburger end*/
/*sidenav start*/
.sidenav {
    background-color: #343737;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: fixed;
    transition: all 0.5s ease 0s;
    left: -100%;
    top: 0;
    z-index: 999;
}
/*.openside{
    opacity: 1;
    visibility: visible;

}*/
.side_inner{
    height: 80%;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
.sidenav ul{
    list-style: none;
}
.sidenav ul li{
    width: 100%;
    text-align: left;
}
.sidenav a {
    display: inline-block;
    padding: 0px 8px 0px 30px;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-size: 17px;
    line-height: 41px;
    color: #bfc5cd;
}
.sidenav a .msgnotif{
    background-image: linear-gradient(136deg, #fdb09c, #f95b71);
    width: 19px;
    height: 19px;
    border-radius: 3px;
    font-size: 14px;
    color:#fff;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    padding: 5px 9px;
    margin-left: 10px
        /*    display: flex;
            align-items:center;
            justify-content:center;*/
}
.disinlinesidenav{
    display: inline;
}

.sidenav a:hover{
    color: #fff;
}
.sidenav .logo {
    padding: 20px 0px;
}
.sidenav .logo img{
    margin-left: 30px;
    width: 120px;
}
.sidenav .profilemenu {
    width: 100%;
    float: left;
    border-top:  1px solid #727272;
    padding: 20px 5px;
}
.sidenav .profilemenu li{
    width: 50%;
    float: left;
}
.sidenav .profilemenu li a.logout{
    float: right;
}
.sidenav .sidebottom{
    padding: 0px 20px;
    position: absolute;
    bottom: 0;
}
.sidenav .profilemenu li a{
    padding: 0;
}
/*sidenav end*/

.flexblog{
    display: flex;
    align-items: center;
}
/*gagan end*/

/*divya start*/
.drop_target .image_preview,.drop_target2 .image_preview3 {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
    border-radius: 3px;
}
.inputFile,.inputFile2{
    z-index: 3;
}
.blackhumber .hamburger-inner,.blackhumber .hamburger-inner::before,.blackhumber .hamburger-inner::after{
    background-color: #000;
}
.bodyhidden{
    overflow:hidden;
}
.App .Appleft .applinks.appwidthinitial{
    width:initial!important;
}
.customer2top_flex .leftinner::-webkit-scrollbar-thumb,.msgtab_data::-webkit-scrollbar-thumb{
    background-color: rgba(52, 55, 55, 0.2);

}
.customer2top_flex .leftinner::-webkit-scrollbar,.msgtab_data::-webkit-scrollbar{
    height: 2px;
    width:2px;
}
.viewAs .list{
    width:100%;
}
.documenttable {
    min-width: 750px;
}
.msgtab_data{
    overflow-x: auto;
}
.msgtabledata {
    min-width: 500px;
}
/*.show767{
    display: none;
}*/
/*CUSTOM*/
.nice-select {
    padding-right: 2px;
}

.rightal {
    padding-right: 2px;
}
#upload > div > div.boxs.docDTable_pres > div > div > ul > li.doccol3.text_right > div > div > span{
    margin-right: 1rem;
}
.footer-copyright-logo{
    margin: 0 auto!important;
    width: 90px!important;
    margin-bottom: -10px!important;
    margin-left: 0.3rem!important;
}
.logo-login{
    max-width: 180px;
}
.bgsylleb{
    background-color:rgba(19, 60, 85, 0.8);
}
.bgsylleb h6{
    color: white!important;
}
.bgsylleb p{
    color: whitesmoke!important;
}