.user-profil-column-social{float:left;width:100%;margin:0;padding:0;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-profil-social{float:left;width:100%;margin:0;padding:0;text-align:center}
.user-profil-social img{width:50px;height:50px;border-radius:50%;text-align:center;margin:20px 0;padding:0}
.user-profil-social h1{font-size:15px;font-weight:600;color:#444!important;text-align:center;margin:0;padding:0}
.user-profil-about-social{float:left;width:100%;margin:20px 0 0 0;padding:0;border-top:1px solid #eee}
.user-profil-about-social ul{float:left;width:100%;margin:0;padding:0}
.user-profil-about-social ul li{float:left;list-style-type:none;display:inline-block;margin:10px 0;width:33%;padding:0 0 0 22px;border-right:1px solid #eee}
.user-profil-about-social ul li:last-child{border-right:0}
.user-profil-about-social ul li img{float:left;width:30px;margin:0 10px 0 0;padding:0}
.user-profil-about-social ul li span{float:left;margin:0;padding:0}
.user-profil-about-social ul li h2{font-size:13px;color:#a7a7a7;margin:0;padding:0;display:block}
.user-profil-about-social ul li p{margin:0;padding:0;font-size:14px;color:#000;display:block;font-weight:600}
ul.followColunm-social{float:left;width:100%;margin:0;padding:0}
ul.followColunm-social li{float:left;list-style-type:none;display:block;margin:20px 0;padding:0 6px;border-right:1px solid #eee}
ul.followColunm-social li:last-child{border-right:0}
ul.followColunm-social li a{float:left;width:100%;margin:0;padding:0;color:#979797;font-size:13px}
ul.followColunm-social li span{float:left;width:100%;color:#575757;font-weight:700;font-size:14px;margin:0;padding:0}
.user-post-column-social{float:left;width:100%;margin:0;padding:0}
.user-post-column{float:left;width:100%;margin:0 0 10px 0;padding:10px 20px;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-post-img-column{float:left;width:100%;margin:0;padding:0}
.user-post-img-column img{float:left;width:35px;margin:5px 0;padding:0}
.user-post-text-column{float:left;width:100%;margin:0;padding:0}
.user-post-text-column h6{float:left;width:100%;margin:0;padding:0;color:#000;font-size:15px;line-height:20px}
.user-post-text-column h6 span{margin:0;padding:0;color:#0077a3;font-size:15px}
.user-post-text-column h6 span a{margin:0;padding:0;color:#0077a3;font-size:15px}
.user-post-text-column p{float:left;width:100%;margin:5px 0 0 0;padding:0;color:#a7a7a7;font-size:12px}
.user-post-liks-column{float:left;width:100%;margin:0;padding:0;text-align:center}
.user-post-liks-column img{width:20px;text-align:center;margin:0;padding:0}
.user-post-liks-column p{width:100%;text-align:center;margin:10px 0 0 0;padding:0;color:#444;font-size:12px}
.search-column-social{float:left;width:100%;margin:0 0 20px 0;padding:0;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.search-column-social .form-group{padding:0!important;margin:0!important}
.search-column-social .form-control{float:left;width:100%;padding:14px 20px 20px 30px!important;margin:0;background:#fff!important}
.has-search .form-control-feedback{position:absolute;z-index:2;display:block;width:2.375rem;height:2.375rem;line-height:2.375rem;text-align:center;pointer-events:none;color:#aaa;left:15px;top:8px}
.searchSubmit{position:absolute;z-index:2;display:block;width:2.375rem;height:2.375rem;text-align:center;border:0;background:#f5efef;border-radius:50%;right:15px;top:8px}
.searchSubmit i{font-size:12px;color:#0077a3}
.edit-profile-btn{float:left;width:100%;padding:5px 20px;text-align:center;color:#0077a3;font-weight:700;font-size:12px;border:0;background:#ededed;border-radius:3px}
.edit-profile-btn:hover{background:#0077a3;color:#fff}
.user-followus-list-social{float:left;width:100%;margin:0;padding:15px;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-followus-list-social h1{float:left;width:100%;margin:0 0 10px 0;padding:0;color:#444;font-size:16px;font-weight:600}
.user-followus-guys{float:left;width:100%;margin:15px 0 15px 0;padding:0}
.user-followus-guys-img{float:left;width:100%;margin:0;padding:0}
.user-followus-guys-img img{float:left;width:36px;height:36px;border-radius:50%;margin:0;padding:0}
.user-followus-guys-text-column{float:left;width:100%;margin:8px 0;padding:0}
.user-followus-guys-text-column p{float:left;width:100%;margin:0;padding:0;color:#000;font-size:13px;font-weight:400}
.followBtn{float:left;margin:8px 0;padding:1px 10px;font-size:12px;font-weight:600;border:1px solid #0077a3;color:#0077a3;border-radius:3px}
.followBtn:hover{background:#0077a3;color:#fff}
.user-remove i{float:left;margin:8px 0;padding:0;font-size:12px;color:#ddd;position:absolute;right:10px}
.user-remove i:hover{float:left;margin:8px 0;padding:0;font-size:12px;color:#0077a3}
.pointTotaleBox{float:left;width:100%;text-align:center;margin:0 0 10px 0;padding:20px;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.pointTotaleBox img{width:60px;margin:0;padding:0}
.pointTotaleBox h1{font-size:24px;font-weight:700;color:#444!important;text-align:center;margin:20px 0 0 0;padding:0}
.pointTotaleBox h3{font-size:20px;font-weight:700;color:#444!important;text-align:center;margin:5px 0 0 0;padding:0}
.pointTotaleBox h1 span{font-size:18px;font-weight:400;color:#444!important;text-align:center;margin:20px 0 0 0;padding:0}
.pointTotaleBox h2{font-size:13px;font-weight:600;color:#444!important;text-align:center;margin:5px 0 20px 0;padding:0}
.redeem-now-btn{margin:0;padding:6px 30px;text-align:center;color:#fff;font-weight:400;font-size:14px;border:0;background:#0077a3;border-radius:3px}
.redeem-now-btn:hover{background:#fff;border:1px solid #0077a3;font-weight:600;color:#0077a3}
.learn-more-btn{float:left;width:100%;margin:20px 0 0 0;padding:0;font-size:13px;color:#979797;font-weight:600}
.learn-more-btn img{width:15px;margin:-5px 0 0 0;padding:0}
.user-points-column-social{float:left;width:100%;margin:0;padding:0;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-points-column{float:left;width:100%;margin:0;padding:20px;border-bottom:1px solid #f2f2f2}
.user-points-img-column{float:left;width:100%;margin:0;padding:0}
.user-points-img-column img{float:left;width:35px;margin:0;padding:0}
.user-points-text-column{float:left;width:100%;margin:0;padding:0}
.user-points-text-column h6{float:left;width:100%;margin:0;padding:0;color:#000;font-size:15px;line-height:20px}
.user-points-text-column h6 span{margin:0;padding:0;color:#0077a3;font-size:15px}
.user-points-text-column p{float:left;width:100%;margin:5px 0 0 0;padding:0;color:#a7a7a7;font-size:12px}
.user-points-liks-column{float:left;width:100%;margin:0;padding:0;text-align:center}
.user-points-liks-column a{float:left;width:100%;text-align:center;margin:5px 0 0 0;padding:0;font-size:18px;color:#58cc89;font-weight:600}
.user-badges-column{float:left;position:relative;width:100%;height:150px;margin:10px 0;padding:20px 10px;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-badges-liks-column{float:left;width:100%;margin:0;padding:0;text-align:center}
.user-badges-liks-column img{height:60px;text-align:center;margin:0;padding:0}
.user-badges-liks-column p{width:100%;text-align:center;margin:10px 0 0 0;padding:0;color:#444;font-size:15px;font-weight:600}
.badges-info{width:20px;position:absolute;right:5px;top:5px;margin:0;padding:0}
.badges-info img{width:20px;height:20px;margin:0;padding:0}
.user-followers-column-social{float:left;width:100%;margin:0;padding:0;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-followers-column-social h1{float:left;width:100%;font-size:22px;font-weight:700;color:#444!important;text-align:left;margin:0;padding:30px 20px}
.user-followers-column{float:left;width:100%;margin:0;padding:20px}
.user-followers-img-column{float:left;width:100%;margin:0;padding:0}
.user-followers-img-column img{float:left;width:50px;margin:0;padding:0}
.user-followers-text-column{float:left;width:100%;margin:0;padding:0}
.user-followers-text-column h6{float:left;width:100%;margin:0;padding:15px 0;color:#000;font-size:16px;font-weight:400}
.user-followers-liks-column{float:left;width:100%;margin:0;padding:0;text-align:center}
.follows-btn{float:left;width:100%;margin:10px 0;padding:2px 30px;text-align:center;color:#fff;font-weight:400;font-size:14px;background:#0077a3;border-radius:3px}
.follows-btn:hover{border:1px solid #0077a3;font-weight:400;background:#fff;color:#0077a3}
.unfollows-btn{float:left;width:100%;margin:10px 0;padding:2px 30px;text-align:center;color:#0077a3;font-weight:400;font-size:14px;background:#fff;border:1px solid #0077a3;border-radius:3px}
.unfollows-btn:hover{background:#0077a3;font-weight:400;color:#fff}
.contests-column-left{float:left;width:68%;padding:0 30px 0 0;border-right:1px solid #ddd}
.contests-column-right{float:right;width:30%;padding:}
.user-contests-column-social{float:left;width:100%;margin:0;padding:0}
.user-contests-column{float:left;width:100%;margin:0 0 20px 0;padding:20px;background:#fff;box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important}
.user-contests-column .progress{height:6px!important;border-radius:10px!important}
.user-contests-column .progress-bar{height:6px!important;border-radius:10px!important}
.user-contests-img-column{float:left;width:100%;margin:0;padding:0}
.user-contests-img-column img{float:left;width:30px;margin:0;padding:0}
.user-contests-text-column{float:left;width:100%;margin:0;padding:0}
.user-contests-text-column h5{float:left;width:100%;margin:0;padding:0;color:#000;font-size:16px;line-height:20px}
.user-contests-text-column h6{text-align:right;font-weight:400;margin:0;padding:0;color:#000;font-size:14px}
.user-contests-text-column h6 span.blueText{margin:0;padding:0;color:#1385c7;font-size:14px;line-height:20px}
.user-contests-text-column p{float:left;width:100%;margin:0;padding:0;color:#a7a7a7;font-size:14px}
.user-contests-text-column p.blueText{float:left;width:100%;margin:5px 0 0 0;padding:0;color:#1385c7;font-size:14px}
.user-contests-liks-column{float:left;width:100%;margin:0;padding:0;text-align:center}
.user-contests-liks-column img{width:20px;text-align:center;margin:0;padding:0}
.user-contests-liks-column p{width:100%;text-align:center;margin:10px 0 0 0;padding:0;color:#444;font-size:12px}
.search-contests-social{float:left;width:100%;margin:0 0 30px 0;padding:0}
.search-contests-social .form-group{padding:0!important;margin:0!important}
.search-contests-social .form-control{float:left;width:100%;padding:10px 40px 14px 40px!important;font-size:16px;font-weight:400;margin:0;background:#fff!important;height:inherit!important}
.search-contests-social .has-search .form-control-feedback{position:absolute;z-index:2;display:block;width:4rem;height:4rem;text-align:center;pointer-events:none;color:#aaa;left:15px;top:8px}
.user-contests-list-social{float:left;width:100%;margin:0;padding:0}
.user-contests-guys{float:left;width:100%;margin:0;padding:0}
.user-contests-guys-img{float:left;width:100%;margin:0;padding:0}
.user-contests-guys-img img{float:left;width:36px;height:36px;border-radius:50%;margin:0;padding:0}
.user-contests-guys-text-column{float:left;width:100%;margin:8px 0;padding:0}
.user-contests-guys-text-column p{float:left;width:100%;margin:0;padding:0;color:#616770;font-size:15px;font-weight:600}
.user-contests-tab{float:left;width:100%;margin:20px 0;padding:0}
.user-contests-tab ul{float:left;width:100%;margin:0;padding:0}
.user-contests-tab li{float:left;width:100%;margin:0;padding:0;list-style-type:none}
.user-contests-tab li a{float:left;width:100%;margin:0;padding:5px 10px 5px 35px;background:url(../images/tick-gray.png) 10px 10px no-repeat;font-size:14px;font-weight:400;color:#444}
.user-contests-tab li a:hover{width:100%;margin:0;padding:5px 10px 5px 35px;background:#f9f9f9 url(../images/check.svg) 10px 10px no-repeat;font-size:14px;border-radius:5px;font-weight:400;color:#48a35f;border:1px solid #dddfe2}
.user-contests-tab li a.contestsTabActive{width:100%;margin:0;padding:5px 10px 5px 35px;background:#f9f9f9 url(../images/check.svg) 10px 10px no-repeat;font-size:14px;border-radius:5px;font-weight:400;color:#48a35f;border:1px solid #dddfe2}
.user-contests-sort h3{float:left;width:100%;margin:0 0 10px 0;padding:0;color:#616770;font-size:15px;font-weight:600}
.user-contests-sort ul{float:left;width:100%;margin:0;padding:0}
.user-contests-sort li{float:left;width:100%;margin:0;padding:0;list-style-type:none}
.user-contests-sort li a{float:left;width:100%;margin:0;padding:5px 10px 5px 35px;background:url(../images/tick-gray.png) 10px 10px no-repeat;font-size:14px;font-weight:400;color:#444}
.user-contests-sort li a:hover{width:100%;margin:0;padding:5px 10px 5px 35px;background:#f9f9f9 url(../images/check.svg) 10px 10px no-repeat;font-size:14px;border-radius:5px;font-weight:400;color:#107fa8;border:1px solid #dddfe2}
.user-contests-sort li a.contestsSortActive{width:100%;margin:0;padding:5px 10px 5px 35px;background:#f9f9f9 url(../images/check.svg) 10px 10px no-repeat;font-size:14px;border-radius:5px;font-weight:400;color:#107fa8;border:1px solid #dddfe2}
.badges-progress{float:left;width:100%;position:absolute;left:0;bottom:0;background:rgb(0,0,0,0.1)}
.bootstrap-duallistbox-container select{overflow-y:scroll!important}
span.width-change div{min-width:120px!important}
.btn-primary:hover{background-color:#7381d2!important;border-color:#7381d2!important}
.datasettingwidth,.settingwidth{min-width:200px;width:400px;text-align:center;margin:0 auto}
.Ntable th{padding-left:15px!important;padding-right:15px!important;text-align:center;background:#f4f3f3}
.Ntable{border-bottom:0!important}
.Ntable th,.Ntable td{font-size:14px;padding-top:5px!important;padding-bottom:5px!important}
.Ntable>thead>tr>th,.table>tbody>tr>td,.table>tfoot>tr>td{border:0;vertical-align:middle;padding-left:5px;padding-right:5px}
.Ntable td{text-align:center}
.smbtn{padding:0 3px}
.Nform{border:1px #ddd solid;margin-right:10px}
.mtop15{margin-top:15px}
.flt_left{float:left}
.flt_right{float:right}
.m0{margin:0!important}
.mt20{margin-top:20px}
.dtinput{width:110px!important;margin-right:0!important}
.dataTables_paginate{margin-top:30px}
.breadcrumb{padding:12px 0 19px 0;margin-bottom:0}
ul.multiselect-container li a{padding:0!important}
.w200{width:220px!important}
.site-settings{right:-150px!important}
.site-head.fixedHeaoder{position:fixed}
.ptop80{padding-top:80px!important}
.btn-primary1{color:#FFF;background-color:#ea73a0;border-color:#ea73a0}
.onlymobile,li.onlymobile{display:none!important}
@media(max-width:768px){.page .page-wrap>.row{padding:0}
}@media(min-width:320px) and (max-width:767px){.app .main-container.nav-horizontal .content-container{margin-top:0}
.dtinput{width:100%!important;margin-right:0!important}
.onlymobile,li.onlymobile{display:block!important}
.page{padding:0 15px 15px 15px!important}
}.blkshow{padding:7px 7px}
.blkshowpadd{padding-left:2px;padding-right:2px}
.waves-effect{overflow:hidden;cursor:pointer}
li div.eff.waves-effect a,.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list>li div.eff.waves-effect a .text{font-weight:bold;text-transform:uppercase;font-size:1.125rem!important}
.main-container .nav-wrap .site-nav .nav-list>li a{text-transform:capitalize;font-size:16px;overflow:hidden!important;display:block;position:relative;font-family:"DIN Next LT Arabic"!important}
.main-container .nav-wrap .site-nav .nav-list>li a span{padding:0;margin:0}
.main-container .nav-wrap .site-nav .nav-list>li a.headerIcon{padding:16px 0!important}
.main-container .nav-wrap .site-nav .nav-list>li a img.headerIconImg{float:left;height:35px;margin:0;padding:0}
ul#icondisplay-inline-block,ul#icondisplay-inline-block li{margin:0;padding:0}
ul#icondisplay-inline-block li{display:inline-block}
ul#display-inline-block,ul#display-inline-block li{margin:0;padding:0}
ul#display-inline-block li{width:24%;height:auto;display:inline-block;height:100px;padding:3px}
.available{background:#80d9b3}
td.available{background:0}
.booked{background:#f66f62}
.tentative{background:#ffeb3b}
.booked_investor{background:#784bc8}
.notopen{background:#42b7ff}
.nonecolor{background:#fff}
.colorscheme{padding:40px;background:#f9f9f9;border-radius:10px;margin-bottom:25px}
.iconcontainer{margin:15px}
.flt1{text-align:center}
.nbox{margin-bottom:2px;font-weight:bold}
.txteditor{height:auto;min-height:300px}
.fileUpload{position:relative;overflow:hidden}
.fileUpload input.choose{position:absolute;top:0;right:0;margin:0;padding:0;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#464646}
button.multiselect{box-shadow:none!important}
.err_display{color:#f00}
.pt90{padding-top:90px}
.text-primary.text-bold span{font-weight:normal;font-size:12px;color:#464646;display:block}
.pl0pr0{padding-left:2px;padding-right:2px}
.option_head{font-weight:600}
.option_sec{margin-left:3px}
ul.ui-autocomplete{z-index:9999}
.btn-info{color:#fff;background-color:#f28916}
.btn-info:hover{color:#fff!important;background-color:#ad2e21}
.filterBtn i{color:#fff}
.nav-list ul.dropdown-menu-right li a{padding:10px 0!important}
.popover{z-index:9999!important}
.customLogo{float:left;height:55px;margin:0;padding:0;background:#fff}
.customLogo img{float:left;margin:10px 0}
.wlcmCol{float:right;margin:0;padding:0}
.wlcmCol p{float:right;color:#fff;font-size:14px;margin:15px 20px;padding:0}
.customHeader{width:100%;height:55px;position:fixed;left:0;right:0;z-index:1030;box-shadow:0 2px 8px rgba(0,0,0,0.25);background:#cc3727}
.main-container .nav-wrap .nav-head .site-logo{background-repeat:no-repeat;background-size:contain;background-position:center center}
.main-container .nav-wrap .nav-head{padding:8px;margin:0 10px}
.inqubut{cursor:default}
.tour-image1{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png);width:200px;height:200px}
.tour-image2{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -200px 0;width:200px;height:200px}
.tour-image3{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -400px 0;width:200px;height:200px}
.tour-image4{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -600px 0;width:200px;height:200px}
.tour-image1:hover{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -0px -200px;width:200px;height:200px}
.tour-image2:hover{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -200px -200px;width:200px;height:200px}
.tour-image3:hover{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -400px -200px;width:200px;height:200px}
.tour-image4:hover{float:left;border:1px solid #ddd;padding:5px;background:url(../images/tabsImg.png) -600px -200px;width:200px;height:200px}
.nav-pills li a{padding:0!important;margin:5px 20px}
.nav-pills p{text-align:center;font-weight:400;font-size:15px;padding:0;line-height:40px}
.tab-contentModle{margin:0 20px!important;background:#f40204!important}
.tab-contentModle h4{color:#fff;font-size:24px;font-weight:100;text-align:center}
.tab-contentModle p{color:#fff;font-size:18px;font-weight:100;text-align:center}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:#f40204!important}
.csemdl{font-size:30px;background:#FFF!important;padding:3px 10px!important;opacity:inherit!important}
.carousel-control.left{background:inherit!important}
.carousel-control.right{background:inherit!important}
.popupImgscrl{border:1px solid #ddd;padding:5px;margin-bottom:20px}
.plusBtnMenuAction>li>a{border-bottom:1px dashed #eee}
.plusBtnMenuAction{min-width:auto!important;top:36px;box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown .ui-checkbox{margin:0!important}
.dropdown .ui-checkbox span{font-weight:bold}
.wrapper-dropdown-4{position:relative;margin:0 0 0 10px;padding:0 3px;background:#fff;border:1px solid silver;cursor:pointer;outline:0;font-weight:100;font-size:13px;line-height:16px;border-radius:4px}
.wrapper-dropdown-4:after{content:'\f067';font-family:FontAwesome;width:0;height:0}
.wrapper-dropdown-4 .dropdown{position:absolute;top:100%;width:250px;margin-top:1px;left:-1px;right:-1px;margin:0;padding:0;background:white;border:inherit;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;pointer-events:none}
.wrapper-dropdown-4 .dropdown li{position:relative}
.wrapper-dropdown-4 .dropdown li label{display:block;text-align:left;margin-bottom:0!important;padding:10px;border-bottom:1px dotted #ddd;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.wrapper-dropdown-4 .dropdown li:last-of-type label{border:0}
.wrapper-dropdown-4 .dropdown li input{position:absolute;display:none;left:10px;top:50%;margin-top:-8px}
.wrapper-dropdown-4 .dropdown li:hover label{background:#f0f0f0}
.wrapper-dropdown-4 .dropdown li input:checked~label{color:grey;text-decoration:line-through}
.wrapper-dropdown-4.active:after{border-width:0 6px 6px 6px}
.wrapper-dropdown-4.active .dropdown{opacity:1;pointer-events:auto;z-index:9999}
.no-opacity .wrapper-dropdown-4 .dropdown,.no-pointerevents .wrapper-dropdown-4 .dropdown{display:none;opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-4.active .dropdown,.no-pointerevents .wrapper-dropdown-4.active .dropdown{display:block}
.reportMainHeading{padding:10px!important;background:#f40204;margin:0!important}
.reportMainHeading a{font-size:16px;color:#fff}
.reportColumn{box-shadow:none!important;padding:0;overflow:visible!important}
.reportColumn table tr td{padding-left:10px!important}
.reportColumn table tr td a{font-size:14px!important;color:#444!important}
.reportColumn table tr td .fa{margin-right:10px;color:#444!important}
.reportColumn .glyphicon{margin-right:10px;color:#FFF!important}
.reportColumn .table{margin-bottom:0}
.reportTab .tabheader h4{background:#f7f7f7;padding:5px 10px;margin:0 0 10px 0!important}
#accordion td{position:relative}
#accordion td .arrow_box{display:none;position:absolute;right:-350px;top:0;width:350px;z-index:9999}
#accordion td:hover .arrow_box{display:block}
.arrow_box{position:relative;background:#fff;border:1px solid #ccc;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,0.25)}
.arrow_box:after,.arrow_box:before{right:100%;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.arrow_box:after{border-color:rgba(136,183,213,0);border-right-color:#f40204;border-width:10px;margin-top:-10px}
.reportMenuHoverImg{width:100%}
.arrow_box h6{float:left;width:100%;text-align:center;margin:0 0 10px 0;padding:0;font-size:14px;font-weight:normal}
.arrow_box img{border:1px solid #ddd}
.timelineScroll{overflow-y:scroll;height:720px}
.oppsummary{overflow-y:scroll;min-height:720px}
.pagination>li>a,.pagination>li>span{color:#444!important}
.rankImg{background:url(../images/rankBg.png) no-repeat;width:39px;height:45px;line-height:35px;margin:0 auto;display:block}
.activity-block h4,.activity{font-size:16px;color:#3f51b5!important;font-weight:600!important;padding:10px 15px}
.task-panel{background:transparent!important;box-shadow:none!important}
.taskTable{width:100%;margin:0;padding:0}
.taskTable table{width:100%;margin:0;padding:0}
.taskTable table tr th{width:250px;margin:0;padding:10px;font-size:13px;border-bottom:0!important;box-shadow:none!important}
.taskTable table tr td{width:250px;margin:0;padding:0 10px;vertical-align:top!important;border-top:0!important}
.taskCompletedTable{width:100%;margin:0;padding:0}
.taskCompletedTable table{width:100%;margin:0;padding:0}
.taskCompletedTable table tr th{width:250px;margin:0;padding:10px;font-size:15px;border-bottom:0!important;box-shadow:none!important}
.taskCompletedTable table tr td{width:250px;margin:0;padding:10px;vertical-align:top!important;border-top:0!important}
.grideMenu{float:left;width:20px;height:20px;margin:0;padding:0}
.settingGear{float:left;width:22px;height:22px;margin:0;padding:0}
.moreMenu{float:left;padding:0;margin:8px 0 0 5px;width:20px;height:12px;cursor:pointer}
.noTask{min-height:calc(82vh - 210px)!important;float:left;width:100%;color:#444;margin:0;padding:0;position:relative}
.noTask h4{font-size:16px;margin:0;padding:185px 20px;text-align:center}
.task-item{box-shadow:0 3px 6px rgb(0,0,0,5%)!important;border-radius:8px!important;margin-top:0;float:left;width:100%;background:#fff;color:#444;margin:0;padding:5px;position:relative;border:0}
.time{color:#797979;font-size:14px;padding:6px 0 0 0;margin:0;line-height:15px}
.time i{font-size:14px;color:#797979}
.task-header{padding:0;float:left;margin:0;width:100%}
.task-header h6{float:left;color:#000;font-size:14px;font-weight:600;padding:10px 10px 0 10px;line-height:20px;margin:0}
.task-header span{float:left;font-size:14px;margin:0;padding:0}
.task-body{padding:6px 10px 0 10px;float:left;margin:0;width:100%}
.task-body p{float:left;font-size:14px;margin:0;padding:0;color:#797979}
.task-footer{float:left;margin:0;width:100%;padding:0 10px}
.task-user-block{float:left;width:100%;margin:5px 0;padding:0}
.task-user-block h6{float:left;font-size:14px;line-height:18px;margin:0 0 0 10px;padding:0;color:#797979}
.task-img-bordered-sm{width:18px;height:18px;float:left;padding:0;margin:0}
.task-description{display:block;margin:10px 0 10px 50px}
.task-btn{background:none!important;box-shadow:none!important;padding:0!important;margin:0!important}
.task-btn i{font-size:16px;font-weight:100!important;color:#717171;text-shadow:none!important}
.tasksHeadingOverdue{background:#fff;color:#717171;box-shadow:0 0 5px #ccc;border-bottom:7px solid #fc5c66;font-weight:700;text-transform:uppercase;padding:12px 15px;font-size:14px;border-radius:10px 10px 0 0}
.tasksHeadingToday{background:#fff;color:#717171;box-shadow:0 0 5px #ccc;border-bottom:7px solid #45aaf2;font-weight:700;text-transform:uppercase;padding:12px 15px;font-size:14px;border-radius:10px 10px 0 0}
.tasksHeadingTomorrow{background:#fff;color:#717171;box-shadow:0 0 5px #ccc;border-bottom:7px solid #fed32f;font-weight:700;text-transform:uppercase;padding:12px 15px;font-size:14px;border-radius:10px 10px 0 0}
.tasksHeadingLater{background:#fff;color:#717171;box-shadow:0 0 5px #ccc;border-bottom:7px solid #26dd81;font-weight:700;text-transform:uppercase;padding:12px 15px;font-size:14px;border-radius:10px 10px 0 0}
.taskTabs{box-shadow:0 0 5px #ccc;position:relative;z-index:999}
.taskTabs li{text-align:center;width:50%!important;background:#fff!important}
.taskTabs li.active{border-bottom:3px solid #48a35f;border-top:0!important;box-shadow:none!important}
.taskTable .nav-tabs.taskTabs li.active a{border-top:0!important}
.taskTable .nav-tabs.taskTabs{border-bottom:0!important}
.taskTabs .active a{box-shadow:none!important;font-weight:600!important;color:#707070!important;border:0!important;text-align:center}
.taskTabs>li>a{color:#a5a5a5!important;padding:12px 0;font-weight:400!important}
.taskTabs>li>a:hover{color:#707070!important}
.taskContent{height:800px;background:transparent!important;border:1px solid #ccc!important;margin:0;padding:15px 10px 3px 10px!important;max-height:calc(94vh - 210px)!important;overflow-y:auto!important;overflow-x:hidden!important}
.priority{margin:12px 0 15px 0;padding:0}
.task-actin-btn{box-shadow:none!important;padding:10px 5px!important;margin:0!important;background:#a5a5a5;border-radius:50%!important;line-height:0!important}
.task-actin-btn i{font-size:16px;font-weight:100!important;color:#fff;line-height:7px}
.label{font-weight:600;text-transform:uppercase;line-height:inherit!important;padding:.2em .6em .2em!important}
.label.label-sm.label-warning{color:#000!important}
.dropdown-menu-rightOpen{position:absolute;right:-10px;width:300px!important;left:inherit!important;top:54px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:opacity .5s ease,top .4s ease;border-radius:2px!important;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)!important}
.dropdown-menu-rightOpen li{padding:20px}
.dropdown-menu-rightOpen li span.activeUsername{float:left;width:100%;margin:0;padding:0;font-size:16px;line-height:16px;color:#000;font-weight:bold}
.dropdown-menu-rightOpen li span.activeUserEmail{float:left;width:100%;margin:0;padding:0;font-size:14px;color:#000;font-weight:normal}
.dropdown-menu-rightOpen li .user-setting-menu{float:left;width:100%;margin:0;padding:0}
.dropdown-menu-rightOpen li .user-setting-menu span{float:left;margin:0;padding:0}
.dropdown-menu-rightOpen li .user-setting-menu span a{float:left!important;margin:0!important;padding:0 15px 0 0!important;font-size:14px!important;font-weight:normal!important}
.dropdown-menu-rightOpen li .user-setting-menu span a:hover{background:inherit!important;color:#000}
.dropdown-menu-rightOpen li .user-icon{float:left;width:50px;height:50px;margin:0;padding:5px;border-radius:100%}
.login-wrapper-table{height:100%}
.login-wrapper{width:100%;max-width:300px;margin:0 auto!important;padding:0;height:100%}
.login-containt{padding:10px 20px}
.signText{font-size:12px;color:#6c7a8d}
.login-input{background-color:#f7f7f7!important;height:40px!important;padding:6px 12px!important;margin:5px 0 10px 0!important;border-radius:8px!important;color:#8290a3!important;font-size:14px;border:0!important}
.signInbtn{border-radius:8px!important;background:#ed2a31bd;font-size:14px!important;line-height:14px!important;height:40px!important;text-transform:none;border-color:inherit!important;box-shadow:inherit!important}
.forgot-password-column{margin:0;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;border-radius:0 0 8px 8px}
.forgot-password-column a{color:#bdcedd;font-size:14px;font-weight:700!important;text-transform:uppercase}
.forgot-password-column a:hover{color:#fff!important}
.filterDashBtn{margin:0;padding:0}
.filterDashBtn img{width:28px;height:28px;margin:0;padding:0;cursor:pointer}
.filterBoxDash.activefltr{display:block}
.filterBoxDash{display:none}
.filterBoxSmall{right:10px!important;width:auto!important;position:absolute!important;z-index:99!important;background:#fff!important;padding:10px!important;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)!important}
.filterBoxHeadr{float:left;width:100%;margin:0 0 10px 0;padding:0;border-bottom:1px solid #ddd}
.filterBoxHeadr h4{float:left;margin:8px 0!important;padding:0 15px;font-size:14px;font-weight:bold;text-transform:uppercase}
.borderlessTable tr td{border:0!important;padding:5px!important}
.filterBody button.multiselect{width:230px!important;text-align:left;height:32px!important;line-height:30px!important;padding:0 12px!important;font-size:11px!important}
.filterBody .caret{margin-left:4px!important;margin-top:13px;right:0;float:right}
.filterBody .form-control{width:100%!important;height:32px!important;line-height:30px!important;padding:0 12px!important;font-size:11px!important}
.filterBody .input-group-addon{padding:2px 10px!important}
.filterBody .form-control.datedbreport{width:195px!important}
.filterBody .form-control.fromMonth{width:195px!important}
.filterBody .form-control.daywiseRange{width:195px!important}
.filterBody .form-control.toMonth{width:195px!important}
.filterBoxFooter{float:left;width:100%;margin:10px 0 0 0;padding:0;border-top:1px solid #ddd}
.filterBody .multiselect-container>li>a{padding:0!important}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#888}
::-webkit-scrollbar-thumb:hover{background:#555}
.modal-header{border-color:#ddd!important;background:#fff!important;border-top-right-radius:10px!important;border-top-left-radius:10px!important;border-bottom:1px solid #dddbda!important;padding:15px 20px!important}
.modal-title{font-weight:600!important;font-size:16px!important}
.modal-body{padding:10px 20px 20px 20px!important}
.modal-body label{margin-bottom:0!important}
.modal-content{border-radius:6px 6px 4px 4px!important;border:0}
.modal-content form{margin:0}
.modal-footer{border-color:#ddd!important;border-radius:0 0 4px 4px!important;margin-top:0!important;padding:10px 5px!important;background-color:#f3f2f2;box-shadow:0 2px 3px 0 rgba(0,0,0,0.16)}
.btn-info .fa{color:#fff!important;font-weight:100!important;margin:0 5px 0 0}
.btn-success .fa{color:#fff!important;font-weight:100!important;margin:0 5px 0 0}
.btn.form-control{height:inherit!important}
.blueInfoColor{background-color:#2196f3!important;color:#fff;margin-top:3px}
.blueInfoColor .fa{color:#fff;margin:0 5px 0 0}
.daterangepicker .dropdown-menu{z-index:9999!important}
.modal-footer{position:fixed;width:100%;bottom:-46px;left:0;background-color:#f3f2f2;box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);border-radius:0 0 4px 4px!important}
.modal-dialog{width:800px}
.modal-body{max-height:calc(100vh - 210px)!important;overflow-y:auto!important;overflow-x:hidden!important}
.modal-footer-fix{position:fixed;width:100%;bottom:-47px;left:0;background-color:#f3f2f2;box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);border-radius:0 0 4px 4px!important}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background:#f5f5f5!important}
.appnewtable tr th{text-align:right!important;width:20%;color:#777;border:1px solid #ddd!important;vertical-align:middle!important;font-size:14px}
.appnewtable tr td{padding:10px!important;width:30%;font-weight:bold!important;border:1px solid #ddd!important;vertical-align:middle!important;font-size:14px}
.appnewtable.thcenter tr th{text-align:center!important;color:#000;background:#eee}
.appnewtable.thcenter tr td{font-weight:normal!important}
.modal-body h5{font-weight:600;width:auto;color:#464646;text-transform:uppercase;overflow:hidden;z-index:9;position:relative}
.modal-body h4{font-weight:600;width:auto;color:#464646;text-transform:uppercase;overflow:hidden;z-index:9;position:relative}
.modal-body h5::after{content:"";background-color:#464646;height:1px;float:right;width:100%;margin:0 0 0 10px;top:6px;position:absolute}
.modal-body h5+hr{display:none}
.panel-heading-common{background:#ddd!important;margin:0!important;padding:8px 10px!important;font-size:14px!important;font-weight:700!important}
.opporunity-summary-column{padding:0!important;margin:0!important;max-height:500px;min-height:600px;overflow-y:scroll}
.tasks-column{padding:0!important;margin:0!important;max-height:500px;min-height:380px;overflow-y:scroll}
.panel-body-common{padding:0!important;margin:0!important;max-height:250px;min-height:250px;overflow-y:scroll}
.panel-body-common ul{margin:0!important;padding:0!important}
.panel-body-common ul li:nth-child(odd){background-color:#f1f1f1!important}
.btn-circal{border-radius:100%!important;color:#fff!important;width:26px!important;height:26px!important;display:inline-block;text-align:center;margin:3px;border:0!important}
.btn-circal .fa{color:#fff!important;padding:0!important;margin:0!important;line-height:28px!important;font-size:12px!important}
.panel-footer-common{padding:2px 10px!important}
.timeIcon{float:left;margin:0 10px 0 0;padding:0;width:14px;height:14px;cursor:pointer}
.userIcon{float:left;margin:0;padding:0;width:14px;height:14px;cursor:pointer}
.userGroupIcon{float:left;margin:0;padding:0;width:14px;height:14px;cursor:pointer}
.editIcon{float:left;margin:0 5px 0 0;padding:0;width:30px;height:30px;cursor:pointer}
.addIcon{float:left;margin:0;padding:0;width:14px;height:14px;cursor:pointer}
.deleteIcon{float:left;margin:0 5px 0 0;padding:0;width:30px;height:30px;cursor:pointer}
.doneIcon{float:left;margin:0;padding:0;width:30px;height:30px;cursor:pointer}
.copyIcon{float:left;margin:0 5px 0 0;padding:0;width:30px;height:30px;cursor:pointer}
.mark_as_closed{float:left;margin:0 5px 0 0;padding:0;width:30px;height:30px;cursor:pointer}
@media only screen and (min-width:1024px){.taskContent{height:800px!important}
}@media only screen and (min-width:1280px){.taskContent{height:800px!important}
}@media only screen and (min-width:1366px){.taskContent{height:800px!important}
}@media only screen and (min-width:1440px){.taskContent{height:800px!important}
}@media only screen and (min-width:1600px){.taskContent{height:800px!important}
}@media only screen and (min-width:1920px){.taskContent{height:800px!important}
}

.noTextBold{font-weight:normal!important}
.whiteBg{background:#fff!important}

.positionRelative{position: relative!important;}
.positionAbsolute{position: absolute!important;}

.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-white{color:#fff!important}
.text-black{color:#464646!important}

.commonPlusIcon{width:22px;height:22px;margin:0;padding:0}
.commonPlusIconNew{width:18px;height:18px;margin:0;padding:0}

.commonInfoIcon{width:16px;height:16px;margin:0;padding:0}

.overFlowNonAll{overflow:hidden!important}
.overFlowYNone{overflow-y:inherit!important}
.orangeIcon{color:#dd4b39}
.orangeBorder{border:2px solid #dd4b39;background:#fff;padding:5px 10px;font-size:14px!important}

.noBg{background:none!important}
.noWidth{width:inherit!important}
.noMin-Width{min-width:inherit!important}
.noHeight{height:inherit!important}
.noliheight{line-height:0!important}
.no-box-shadow{box-shadow:inherit!important}

.widthFull{width:100%!important}
.heightFull{height:100%!important}
.width-auto{width:auto!important}
.height-auto{height:auto!important}

.top-none{top:inherit!important}
.right-none{right:inherit!important}
.bottom-none{bottom:inherit!important}
.left-none{left:inherit!important}

.noBorder{border:0!important}
.noBorderBottom{border-bottom:0!important}
.borderBottom{border-bottom:1px solid #DDD}
.border{border:2px solid #ff9800}
.borderImg{border:1px solid #DDD;padding:5px}

.no-border-radius-top{border-radius:0 0 8px 8px!important}
.no-border-radius-top-left{border-radius:0 8px 8px 8px!important}

.noAll-padding{padding:0!important}
.noTop-padding{padding-top:0!important}
.noRight-padding{padding-right:0!important}
.noBottom-padding{padding-bottom:0!important}
.noLeft-padding{padding-left:0!important}

.paddingAll-xs{padding:5px!important}
.paddingAll-sm{padding:10px!important}
.paddingAll-md{padding:15px!important}
.paddingAll-lg{padding:20px!important}

.paddingTopBottom-no{padding-top:0!important;padding-bottom:0!important}
.paddingTopBottom-xs{padding-top:5px!important;padding-bottom:5px!important}
.paddingTopBottom-sm{padding-top:10px!important;padding-bottom:10px!important}
.paddingTopBottom-md{padding-top:15px!important;padding-bottom:15px!important}
.paddingTopBottom-lg{padding-top:20px!important;padding-bottom:20px!important}

.paddingRightLeft-no{padding-right:0!important;padding-left:0!important}
.paddingRightLeft-xs{padding-right:5px!important;padding-left:5px!important}
.paddingRightLeft-sm{padding-right:10px!important;padding-left:10px!important}
.paddingRightLeft-md{padding-right:15px!important;padding-left:15px!important}
.paddingRightLeft-lg{padding-right:20px!important;padding-left:20px!important}

.paddingTop-xs{padding-top:5px!important}
.paddingRight-xs{padding-right:5px!important}
.paddingBottom-xs{padding-bottom:5px!important}
.paddingLeft-xs{padding-left:5px!important}

.paddingTop-sm{padding-top:10px!important}
.paddingRight-sm{padding-right:10px!important}
.paddingBottom-sm{padding-bottom:10px!important}
.paddingLeft-sm{padding-left:10px!important}

.paddingTop-md{padding-top:15px!important}
.paddingRight-md{padding-right:15px!important}
.paddingBottom-md{padding-bottom:15px!important}
.paddingLeft-md{padding-left:15px!important}

.paddingTop-lg{padding-top:20px!important}
.paddingRight-lg{padding-right:20px!important}
.paddingBottom-lg{padding-bottom:20px!important}
.paddingLeft-lg{padding-left:20px!important}

.noAll-margin{margin:0!important}
.noTop-margin{margin-top:0!important}
.noRight-margin{margin-right:0!important}
.noBottom-margin{margin-bottom:0!important}
.noLeft-margin{margin-left:0!important}

.marginAll-xs{margin:5px!important}
.marginAll-sm{margin:10px!important}
.marginAll-md{margin:15px!important}
.marginAll-lg{margin:20px!important}

.marginTopBottom-xs{margin-top:5px!important;margin-bottom:5px!important}
.marginTopBottom-sm{margin-top:10px!important;margin-bottom:10px!important}
.marginTopBottom-md{margin-top:15px!important;margin-bottom:15px!important}
.marginTopBottom-lg{margin-top:20px!important;margin-bottom:20px!important}
.marginTopBottom-xl{margin-top:30px!important;margin-bottom:30px!important}
.marginTopBottom-xxl{margin-top:40px!important;margin-bottom:40px!important}

.marginRightLeft-xs{margin-right:5px!important;margin-left:5px!important}
.marginRightLeft-sm{margin-right:10px!important;margin-left:10px!important}
.marginRightLeft-md{margin-right:15px!important;margin-left:15px!important}
.marginRightLeft-lg{margin-right:20px!important;margin-left:20px!important}

.marginTop-xs{margin-top:5px!important}
.marginRight-xs{margin-right:5px!important}
.marginBottom-xs{margin-bottom:5px!important}
.marginLeft-xs{margin-left:5px!important}

.marginTop-sm{margin-top:10px!important}
.marginRight-sm{margin-right:10px!important}
.marginBottom-sm{margin-bottom:10px!important}
.marginLeft-sm{margin-left:10px!important}

.marginTop-md{margin-top:15px!important}
.marginRight-md{margin-right:15px!important}
.marginBottom-md{margin-bottom:15px!important}
.marginLeft-md{margin-left:15px!important}

.marginTop-lg{margin-top:20px!important}
.marginRight-lg{margin-right:20px!important}
.marginBottom-lg{margin-bottom:20px!important}
.marginLeft-lg{margin-left:20px!important}

.marginTop-xl{margin-top:30px!important}
.marginRight-xl{margin-right:30px!important}
.marginBottom-xl{margin-bottom:30px!important}
.marginLeft-xl{margin-left:30px!important}
.marginTop-xxl{margin-top:40px!important}
.marginRight-xxl{margin-right:40px!important}
.marginBottom-xxl{margin-bottom:40px!important}
.marginLeft-xxl{margin-left:40px!important}
.marginTop-minus-xxl{margin-top:-40px!important}

button.btn.btn-info.import_btn.waves-effect{background:#ed2a31bd;text-transform:uppercase;text-align:center;border-radius:5px!important;text-shadow:1px 1px 1px rgba(0,0,0,0.2)!important;border:0}
.addBtn{margin-left:-12px}
.bg-f1{background:#f1f1f1}
.message-body-right{max-width:300px;word-break:break-word;background:#d3d3d3;border-radius:5px;padding:10px;float:right;text-align:justify;margin-right:15px}
.message-body-left{max-width:300px;word-break:break-word;background:#d3d3d3;border-radius:5px;padding:10px;float:left;text-align:justify;margin-left:15px}
.triangle{background-color:#000;border-radius:2px;height:8px;width:8px;top:12px;display:block;border-style:solid;border-color:#ddd;border-width:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute}
.message-body-right span.triangle{background-color:#d3d3d3;border-bottom-width:0;border-left-width:0;right:52px}
.message-body-left span.triangle{background-color:#d3d3d3;border-top-width:0;border-right-width:0;left:52px}
.firework>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px blue,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;-moz-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-webkit-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-o-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-ms-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}
.firework>.after{-moz-animation-delay:1.25s,1.25s,1.25s;-webkit-animation-delay:1.25s,1.25s,1.25s;-o-animation-delay:1.25s,1.25s,1.25s;-ms-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-moz-animation-duration:1.25s,1.25s,6.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;-o-animation-duration:1.25s,1.25s,6.25s;-ms-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}
@-webkit-keyframes bang{from{box-shadow:0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white}
}@-moz-keyframes bang{from{box-shadow:0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white}
}@-o-keyframes bang{from{box-shadow:0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white}
}@-ms-keyframes bang{from{box-shadow:0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white}
}@keyframes bang{from{box-shadow:0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white,0 0 white}
}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}
}@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}
}@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}
}@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}
}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}
}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}
20%,39.9%{margin-top:40%;margin-left:30%}
40%,59.9%{margin-top:20%;margin-left:70%}
60%,79.9%{margin-top:30%;margin-left:20%}
80%,99.9%{margin-top:30%;margin-left:80%}
}@-moz-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}
20%,39.9%{margin-top:40%;margin-left:30%}
40%,59.9%{margin-top:20%;margin-left:70%}
60%,79.9%{margin-top:30%;margin-left:20%}
80%,99.9%{margin-top:30%;margin-left:80%}
}@-o-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}
20%,39.9%{margin-top:40%;margin-left:30%}
40%,59.9%{margin-top:20%;margin-left:70%}
60%,79.9%{margin-top:30%;margin-left:20%}
80%,99.9%{margin-top:30%;margin-left:80%}
}@-ms-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}
20%,39.9%{margin-top:40%;margin-left:30%}
40%,59.9%{margin-top:20%;margin-left:70%}
60%,79.9%{margin-top:30%;margin-left:20%}
80%,99.9%{margin-top:30%;margin-left:80%}
}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}
20%,39.9%{margin-top:40%;margin-left:30%}
40%,59.9%{margin-top:20%;margin-left:70%}
60%,79.9%{margin-top:30%;margin-left:20%}
80%,99.9%{margin-top:30%;margin-left:80%}
}.mendatory{color:red}
.task-header #followup_call{margin:4px 5px 0 0}
.card{margin:1.5rem;padding:5px;border-radius:8px;border:1px solid #d3d3d3}
.feed-actions{text-align:center}
.feed-actions .fa,.feed-comments .input-box .fa{color:#0077a3!important}
.feed-actions div:not(:last-child){border-right:1px solid #d3d3d3!important}
.feed-actions span{cursor:pointer}
.feed-comments{border-top:1px solid #d3d3d3;position:relative;padding:5px;margin-top:5px;max-height:400px;overflow-y:scroll;overflow-x:hidden}
.feed-comments .input-box{bottom:0;padding:5px;width:100%}
.input-box button{border-radius:50%!important;border-color:#0077a3;background-color:#fff}
.feed-comments center{margin-top:10%}
.feed-comments .message-body-left{margin-bottom:5px}
.feed-comments .message-body-left small{font-weight:bold}
.game-container{width:100px;height:100px;position:relative;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px;border-radius:4px;margin:5%}
.game-card{width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform .8s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform .8s cubic-bezier(0.175,0.885,0.32,1.275),-webkit-transform .8s cubic-bezier(0.175,0.885,0.32,1.275);border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,0.15);cursor:pointer}
.game-card div{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;background:#fff;display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;font:16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#47525d}
.game-card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.game-card.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.game-button{margin-top:10%}
.game-button .fa{color:#0077a3!important}
.game-button>button,.game-button>a{float:left;margin:8px 0;padding:1px 10px;font-size:12px;font-weight:600;border:1px solid #0077a3;border-radius:3px;color:#0077a3;background-color:#fff!important}
.game-button button:hover,.game-button a:hover{color:#fff;background-color:#0077a3!important}
.default-message{margin:10px 0 0 0;padding:0 5px}
.default-message a{padding:5px;border-radius:5px;color:#fff!important;background-color:#0077a3!important}
.default-message a:not(:first-child){margin-left:5px}
#notification-content{top:40px;width:350px!important;overflow-y:auto;max-height:400px}
.single-notification:hover,.single-notification:hover:after{color:black}
#notification-content li:not(:last-child){border-bottom:1px solid #eee}
#notification-badge{display:inline-block}
.notification-body{font-size:12px;overflow:hidden;text-transform:none}
.ellipse-word{overflow:hidden;white-space:nowrap;text-overflow:ellipsis!important}
.notification-time{font-size:10px;text-transform:none}
.has-notification{background:black;border-radius:50%;height:5px!important;width:5px!important;top:20px;position:absolute;box-shadow:0 0 0 0 rgba(0,0,0,1);transform:scale(1);animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0)}
}.page-auth .my-container{background:none!important;max-width:100%!important;margin:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.myBg{padding:10px!important;background:#fff!important;max-width:100%!important;border-radius:7px!important;box-shadow:0 0 9px #222!important}
.avatar-container{margin:20px 0;padding:0}
.circle-avatar{display:inline-block;font-size:1.5em;width:2.5em;height:2.5em;line-height:2.5em;text-align:center;border-radius:50%;background:#6f6f6f;vertical-align:middle;margin-right:1em;color:white}
.user-followus-list-social .unfollows-btn{font-size:12px!important;font-weight:600}
.user-followus-list-social .follows-btn{float:left;margin:8px 0;padding:1px 10px;font-size:12px!important;font-weight:600;background:#fff;color:#0077a3;border:1px solid #0077a3;border-radius:3px}
.user-followus-list-social .follows-btn:hover{background:#0077a3;color:#fff}
.user-followus-list-social .followBtn{width:100%;text-align:center}
.message-input-box{background-color:#fff}
.chat-form-container{margin:0 10px;padding:10px 5px}
.user-progress-box{border:1px solid #d3d3d3;border-radius:5px;margin:25px 0}
.progress-user{font-size:18px;padding:0 10px;background-color:#fff;position:absolute;top:-15px;color:#ed2a31bd}
.progress-list{margin-top:25px}
.progress-box{margin:5px;padding:20px;border-radius:5px;background-color:#eee}
.progress-count{font-weight:bold;font-size:20px}
.progress-type{font-size:18px}
.progress-position{background-color:#ed2a31bd;width:5px;height:15px;position:absolute;top:-30%;border-radius:30%;left:0}
.progress-box .progress{background-color:#fff;border-radius:10px}
.forecast-container{padding:0 20px}
#forecast-loader{position:absolute;left:50%;top:20%}
.sidebar-submenu a:after{content:"\f105";font-family:FontAwesome}
.scoop-submenu a:after{content:"\f105";display:none!important;font-family:FontAwesome}
.activeActionBtnCamp{float:left;border:1px solid #48a35f!important;text-align:center;width:100%;font-size:16px;font-weight:400;border:0;text-shadow:1px 1px 1px rgba(0,0,0,0.2)!important;margin-top:25px;padding:4px 0 8px 0!important;border-radius:8px!important}
.materialBtn{margin-top:25px}
.container_chk{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.container_chk input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee}
.container_chk:hover input~.checkmark{background-color:#ccc}
.container_chk input:checked~.checkmark{background-color:#2196f3}
.checkmark:after{content:"";position:absolute;display:none}
.container_chk input:checked~.checkmark:after{display:block}
.container_chk .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.field-icon{float:right;margin-right:10px;margin-top:-43px;position:relative;z-index:2;color:#2dccd3!important}
.approved span{float:left;width:100px;text-align:center;background:#9fe4ad;color:#2fa544;padding:2px 10px 5px 10px;cursor:pointer;border-radius:4px}
.pending span{float:left;width:100px;text-align:center;background:#f8eac5;color:#dfa92d;padding:2px 10px 5px 10px;cursor:pointer;border-radius:4px}
.draft span{float:left;width:100px;text-align:center;background:#f8eac5;color:#dfa92d;padding:2px 10px 5px 10px;cursor:pointer;border-radius:4px}
.reject span{float:left;width:100px;text-align:center;color:#a8333b;background:#e3c1b7;padding:2px 10px 5px 10px;cursor:pointer;border-radius:4px}
.statusbtn span{border-radius:10px}
.activeActionBtn:hover{background: #2dccd3!important;}
.theme-activeActionBtn{background:#48a35f;float:left;text-align:center;width:100%;font-size:16px;font-weight:400;color:#fff!important;border:0;text-shadow:1px 1px 1px rgba(0,0,0,0.2)!important;margin:0;padding:4px 0 8px 0!important;border-radius:8px!important}
.theme-activeActionBtn:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,0.1),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)}
.form-bg{background:#f2f2f2;padding:15px 10px}
.wrapper-dropdown-4 .dropdown{position:absolute;top:100%;width:250px;margin-top:1px;left:-233px;right:0;margin:5px 0 0 0;padding:0;background:white;border:inherit;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;pointer-events:none}
.modal-footer .import_btn{text-transform:capitalize;font-size:12px!important}
label small{font-size:14px!important}
.filterBodyPannelHeadr h4{text-transform:capitalize!important;font-size:16px!important}
.para{padding-left:10px;margin-bottom:0}
.nav>li>a{text-transform:capitalize!important}
.btn-circal{background:#48a35f}
.round-span-icon{float:right;margin-top:-7px}
.mdl-import-btn{max-width:100px;float:none}
.mdl-dwnld-btn{width:160px!important;float:right}
.borderactiveActionBtn{margin-bottom:0!important}
.m-right-10{margin-right:10px}
.m-right-7{margin-right:7px}
.table-responsive{overflow-x:visible!important}
.table-responsive-setupPages{overflow-x:visible!important;overflow-y:unset!important}
.pageHeading .row:first-child{padding-left:15px;padding-right:15px}
.scoop[theme-layout="vertical"][vertical-layout="wide"] .scoop-container{float:left;background:transparent}
.mr-rvrs-5{margin-right:-5px}
.p-l-0{padding-left:0}
.chosen-container-multi .chosen-choices{background-color:white!important;border:1px solid #ddd!important}
.panel-heading{border-radius:0;font-size:16px;text-transform:capitalize;font-weight:500}
.onTitle-btn{position:absolute;right:20px;top:15px}
.common-listing-table .no-result-found{position:relative;margin:0;padding:0}
.common-listing-table .no-result-found .no-result-found-img{margin:0;padding:0}
.common-listing-table .no-result-found .no-result-found-img img{width:150px;margin:0;padding:0}
.setting-loader .setting-loader-circle{width:70px;height:70px;position:absolute;top:45%;left:0%;right:0;margin:0 auto;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:17%;-webkit-box-shadow:0 1px 5px 0 rgb(35 181 185 / 15%);box-shadow:0 1px 5px 0 rgb(35 181 185 / 15%);background-color:#fff;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.setting-loader .setting-loader-img{position:fixed;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
#setUpmenuLoadr{background:rgb(0,0,0,0.9);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden}
#setUpmenuLoadr img{width:40px;height:40px}
#setUpmenuLoadrnew{background:rgb(0,0,0,0.9);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden}
#setUpmenuLoadrnew img{width:40px;height:40px}
@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
}@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
}.bolder{font-weight:900!important}




:root {

/*Displays */
--vs-display-flex: flex;
--vs-display-inline-flex: inline-flex;
--vs-display-grid: grid;
--vs-display-inline-grid: inline-grid;
--vs-display-block: block;
--vs-display-inline-block: inline-block;
--vs-display-none: none; 
--vs-display-inherit: inherit;
}

.vs-display-grid {
    display: grid;
}

.vs-accordion-card-header-title-count {
    margin: 0 0 0 10px;
    padding: 2px 8px 4px 8px;
    background: #2dccd3!important;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    border-radius: 4px;
}

.vs-card-customer-linked-loans-section {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.vs-card-customer-linked-loans-rows {
    float: left;
    width: 100%;
    position: relative;
}

.vs-card-inner-customer-360 {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 20px 20px 10px 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.vs-card-customer-linked-loans-rows .vs-card-customer-linked-loans-content {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.vs-card-customer-linked-loans-rows .vs-card-customer-linked-loans-content .vs-card-customer-linked-loans-header {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.vs-card-customer-linked-loans-rows .vs-card-customer-linked-loans-content .vs-card-customer-linked-loans-header h4 {
    float: left;
    margin: 0px;
    padding: 0px;
    color: #4B4B4B;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

.vs-card-customer-linked-loans-rows .vs-card-customer-linked-loans-content .vs-card-customer-linked-loans-header h5 {
    float: left;
    margin: 0.8rem 0 0 0;
    padding: 0px;
    color: #003a70;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
}

.vs-card-text {
    margin: 0px;
    padding: 0px;
    color: #4B4B4B;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.vs-card-customer-linked-loans-rows .vs-card-customer-linked-loans-content .vs-card-customer-linked-loans-body {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 10px 0 15px 0; 
    display: flex;
    align-items: flex-end;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.vs-card-customer-linked-loans-rows .vs-card-customer-linked-loans-content .vs-card-customer-linked-loans-body .vs-card-info-unit {
    float: left;
    margin: 0px;
    padding: 0 30px 0 0;
}

.vs-card-info-unit-sub-text {
    margin: 0px;
    padding: 0 0 10px 0;
    color: #767676;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

.vs-card-info-unit-text {
    margin: 0px;
    padding: 0px;
    color: #4B4B4B;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
}
.vs-card-inner-customer-360:hover .vs-card-onhover-view-details-btn {
    display: block;
}
.vs-card-onhover-view-details-btn {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 20px;
    right: 20px;
    display: none;
}
.vs-view-details-btn {
    height: 40px;
    padding: 10px;
    margin: 0px; 
    background-color: #2dccd3;
    border-radius: 4px;
    border: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.vs-primary-button img.vs-botton-icon {
    float: var(--vs-float-left);
    width: 20px;
    padding: 0px;
    margin: 0px;
}

/* Status Tags */
/* Success Status Tags */
.vs-status-success-tag {
    position: relative;
    background: #e8f3ed;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #2ab662;
    border-radius: 20px;
    padding: 6px 10px 8px 25px;
    margin: 0px;
}
.vs-status-success-tag:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #2ab662;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
}


/* Danger Status Tags */
.vs-status-danger-tag {
    position: relative;
    background: #fff5f6;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #ca262f;
    border-radius: 20px;
    padding: 6px 10px 8px 25px;
    margin: 0px;
}

.vs-status-danger-tag:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #ca262f;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
}

/* Warning Status Tags */
.vs-status-warning-tag {
    position: relative;
    background: #FDF7DB;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #C8A734;
    border-radius: 20px;
    padding: 6px 10px 8px 25px;
    margin: 0px;
}

.vs-status-warning-tag:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #C8A734;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
}
 
/* Info Status Tags */
.vs-status-info-tag {
    position: relative;
    background: #D9ECF8;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #317192;
    border-radius: 20px;
    padding: 6px 10px 8px 25px;
    margin: 0px;
}

.vs-status-info-tag:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #317192;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
}
 

/* Pending Status Tags */
.vs-status-pending-tag {
    position: relative;
    background: #EBEBEB;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #767676;
    border-radius: 20px;
    padding: 6px 10px 8px 25px;
    margin: 0px;
}

.vs-status-pending-tag:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #767676;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
} 


.tag-text{
	font-size: 14px!important;
    line-height: 16px!important;
    font-weight: 500!important;
}
.tag-text-green{
	color: #2ab662!important;
}
.tag-text-yellow{
	color: #C8A734!important;
}
.tag-text-orange{
	color: orange!important;
}
.tag-text-red{
	color: red!important;
}


/* All Status Common Styling CSS*/
.vs-status-tag-no-dot{
    padding: 6px 10px 8px 10px!important; 
}
.vs-status-tag-no-dot:before{ 
    display: none!important;
}

.vs-status-tag-no-bg{
    background: transparent!important;
}

.vs-status-tag-with-icon{
    padding: 6px 10px!important;
}
.vs-status-tag-with-icon:before{ 
    display: none!important;
}
.vs-status-tag-icon-left{ 
	float: left;
    width: 15px;
    padding: 0px;
    margin: 1px 5px 0 0;
}
.vs-status-tag-icon-right{ 
    width: 16px;
    padding: 0px;
    margin: 0 0 0 5px;
}

.vs-status-success-tag-icon{  
    filter: invert(53%) sepia(33%) saturate(980%) hue-rotate(91deg) brightness(104%) contrast(82%);
} 
.vs-status-danger-tag-icon{  
    filter: invert(26%) sepia(98%) saturate(2099%) hue-rotate(339deg) brightness(79%) contrast(102%);
} 
.vs-status-warning-tag-icon{  
    filter: invert(78%) sepia(29%) saturate(952%) hue-rotate(3deg) brightness(83%) contrast(92%);
} 
.vs-status-info-tag-icon{  
    filter: invert(45%) sepia(7%) saturate(3667%) hue-rotate(156deg) brightness(83%) contrast(86%);
}