body{font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; color:#424242;}
h1, h2, h3, h4{font-family: 'Roboto', sans-serif; font-weight:300;}
label, .label{font-weight:300; font-size:100%;}
img{max-width:100%;}
.label{color:#424242; font-size:14px;}
.no-bg{background:none !important;}

.smart-form footer .btn{font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px;}
.btn{font-size:14px;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-top-20{margin-top:20px !important;}
.padding-right-25{padding-right:25px !important;}
.padding-top-25{padding-top:25px !important;}
.margin-10{margin:10px !important;}
.margin-15{margin:15px !important;}
.margin-leftright-10{margin:0 10px !important;}
.mybtn-group{margin-left:-5px; margin-right:-5px;}
.mybtn-group .col{padding-left:5px; padding-right:5px;}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}
.modal-open #ui-datepicker-div{z-index:99999 !important;}
.max100{max-width:100%;}

.icon-disabled{width:24px; height:24px; border-radius:100%; border:solid 2px #ff0000; text-align:center; line-height:20px; font-size:14px; position:relative;}
.icon-disabled:after{content:''; width:2px; height:100%; background:#ff0000; display:block; position:absolute; left:50%; top:0; transform: rotate(60deg); -webkit-transform: rotate(60deg);}


.nowrap{white-space:nowrap;}

table.dataTable.no-margin{margin:0 !important;}

/*Header CSS
---------------------------------------------------------------------------------*/
#header{height:70px;}

/*Header CSS
---------------------------------------------------------------------------------*/
#header > div{height:70px;}
#header .header-right{padding-top:10px;}
#left-panel{padding-top:70px;}
#logo-group > span{height:48px;}
#logo img{width:183px;}

ul.top-nev{padding:10px 0; margin:0; list-style:none; float:right;}
ul.top-nev li{float:left; margin:0 10px; position:relative;}
ul.top-nev li a{color:#404040; font-weight:400; font-size:15px; padding:5px 0; display:block; text-transform:capitalize;}
ul.top-nev li a .fa{font-size:18px; margin-right:2px;}
ul.top-nev li a:hover, ul.top-nev li:hover > a, ul.top-nev li.active > a{color:#3276b1;} 
ul.top-nev li ul{padding:2px 0; margin:0; list-style:none; width:228px; border:1px solid #ccc; border-bottom:solid 2px #3276b1; box-shadow:0 6px 12px rgba(0,0,0,.175); position:absolute; left:0; top:100%; background:#fff; display:none; }
ul.top-nev li ul li{float:none; margin:0; padding:0 2px; border-top:solid 1px #f3f3f3;}
ul.top-nev li ul li:first-child{border-top:none;}
ul.top-nev li ul li a{display:block; padding:8px 10px;}
ul.top-nev li ul li a:hover{color:#fff; background:#4C4F53;}
ul.top-nev li:hover > ul{display:block;}
ul.top-nev li ul ul{left:100%; top:-2px;}


#hide-menu i.fa-cog:before{content: "\f013";}

@media (max-width:1370px){
ul.top-nev li{margin:0 3px;}
ul.top-nev li a{font-size:14px;}
}
@media (max-width:1200px){
ul.top-nev li a{font-size:11px;}
ul.top-nev li a .fa{font-size:11px;}
#header > :first-child, aside{width:210px;}
}
@media (max-width:1023px){
ul.top-nev li{margin:0 1px;}
}
@media (max-width:991px){
#hide-menu > :first-child > a{width:40px !important;}

body.show-mainmenu{overflow-x: hidden;}
body.show-mainmenu:before{content:''; position:fixed; width:270px; background:#fff; display:block; top:0; bottom:0;}
body.show-mainmenu .mainmenubtn{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15) !important;color:#fff !important;border-color:#494949 !important;}
.show-mainmenu #main{left:260px;}
.show-mainmenu .page-footer{left:270px;}
.show-mainmenu #header{position:relative; z-index:999;}
ul.top-nev{display:none;}
.show-mainmenu ul.top-nev{position:absolute; z-index:99; left:0; top:100%; width:270px; background:#fff; display:block;}
.show-mainmenu ul.top-nev li{float:none;}
.show-mainmenu ul.top-nev li a{font-size:15px;}
.show-mainmenu ul.top-nev li a .fa{font-size:15px;}
.show-mainmenu ul.top-nev ul li a{font-size:13px;}
.show-mainmenu ul.top-nev ul{position:static; width:auto; display:block; box-shadow:none; border:none; padding:0 8px;}
}

@media (min-width:980px){
body.show-mainmenu #left-panel{display:none;}
}
@media (max-width:979px){
body.show-mainmenu:before{width:210px;}
.show-mainmenu #main{left:220px;}
.show-mainmenu ul.top-nev{width:210px;}
.show-mainmenu .page-footer{left:220px;}
}

@media (min-width:640px){
.nav > li > a{padding:9px 20px 10px; font-size:14px;}
}
.nav-tabs > li.active > a{box-shadow:0 -2px 0 #3276b1;}


/*Main CSS
---------------------------------------------------------------------------------*/
.jarviswidget > header h2{font-size:16px; font-weight:300;}


.modal-content{border-radius:0;}
@media (min-width:500px){
.modal-login{width:455px;}
}
.modal-login .modal-header{border:none; padding:20px 45px;}
.modal-login .modal-body{padding:10px 45px 30px;}
.modal-login .close{position:absolute; top:20px; right:20px; font-size:24px; color:#a6a6a6; opacity:1;}
.modal-login .well{background:none;}
.modal-login .well header{background:#474544; color:#fff; font-size:18px; font-weight:700; padding:10px 15px;}
.modal-login .well footer{background:none; border:none; padding:0 15px 20px;}
.modal-login .smart-form footer .btn{float:none;}

.modal-header.type2{background:#474544; color:#fff; padding:10px 15px;}
.modal-header.type2 .modal-title .fa{margin-right:5px;}
.modal-header.type2 .close{color:#fff; font-size:24px; opacity:1;}


.fuelux .wizard ul.mysteps li{line-height:20px; height:64px; padding-top:12px;}
.fuelux .wizard ul.mysteps li small{display:block; padding-left:30px;}
.fuelux .wizard ul.mysteps li .chevron{right:-18px; border-width:34px; border-left-width:18px;}
.fuelux .wizard ul.mysteps li .chevron:before{top:-34px; border-width:34px; border-left-width:18px;}

@media (max-width:991px){
.fuelux .wizard ul.mysteps{margin:0; padding:0; display:flex; flex-flow:row wrap; width:auto;}
.fuelux .wizard ul.mysteps li{border-bottom:solid 1px #d4d4d4; flex-grow:1; height:68px;}
.fuelux .wizard ul.mysteps li:first-child{padding-left:30px;}
}
@media (max-width:767px){
.fuelux .wizard ul.mysteps li{padding:5px 10px; height:auto; border-right:solid 1px #d4d4d4;}
.fuelux .wizard ul.mysteps li:first-child{padding-left:10px;}
.fuelux .wizard ul.mysteps li .chevron{display:none;}
}

.smart-form .label{font-size:14px;}
.nobg{border:none !important; background:none !important;}
@media (max-width:600px){
.control-label.text-right,
.label.text-right{text-align:left !important;}
.smart-form .label.col{margin-bottom:6px;}
}

.margin-bottom-20{margin-bottom:20px;}


.mytable{display:table; width:100%;}
.mytable .tcol{float:none; display:table-cell;  padding-left:45px; padding-right:45px; border-left:solid 1px #cccccc; vertical-align:top;}
.mytable .tcol:first-child{border-left:none; padding-left:0;}
.mytable .tcol:last-child{padding-right:0;}



@media (max-width:991px){
.mytable .tcol{display:block; width:100%; padding:0; border:none;}
}

@media (max-width:767px){
.mytable-responsive{}
.mytable-responsive th{display:none;}
.mytable-responsive td{display:block; border:none !important;}
.mytable-responsive td::before{content:attr(data-th) " ";}
.mytable-responsive tr:nth-of-type(2n+1){background-color: #f9f9f9;}
}

.fc-head-container thead tr, .table thead tr{font-size:14px;}
.table.col-border-none th{border:none !important;}
.table.col-border-none td{border-right:none !important;}

.table-user{background:#ededed;}
.table-user h6{font-size:14px; margin:0 0 5px; font-weight:600;}
.table-user .label{color:#989797; display:inline-block;}
.table-user td{border-right:none !important;}
.table-user .thumb{border:solid 1px #aaaaaa;}
.table-user .checkbox{margin-top:15px;}
.table-user tr.active{display:table-row !important;}
.table-user td:hover h6, .table-user tr.active h6{color:#3276b1;}
.table-user td:hover .label, .table-user tr.active .label{color:#fff; background:#3276b1; padding:0 5px; float:left;}
.user-header{}
.user-header .thumb{width:90px; float:left; text-align:center;}
.user-header .dec{width: calc(100% - 136px); float:right;}
.user-header .dec h3{margin:0;}
.user-header .dec h3 span{padding:0 5px; color:#fff; background:#3276b1; font-size:14px; border-radius:3px; margin:0 10px;}
.user-header .dec h3 a{color:#757575; font-size:14px;}
.user-header .dec h5{margin:0; color:#989797; font-size:14px; font-weight:300;}
.user-header .meta{margin-top:15px;}
.user-header .meta a{color:#424242;}
.user-header .meta address{margin:0; padding:0 0 0 25px; position:relative;}
.user-header .meta address:before{font-family:'FontAwesome'; position:absolute; left:0; top:0;}
@media (max-width:639px){
.user-header .dec{width:100%; margin-top:15px;}
}

.table-totification{}
.table-totification td, .table-totification th{border:none !important; text-align:center;}
.table-totification th:first-child,
.table-totification td:first-child{text-align:left;}

#FunnelChart .canvasjs-chart-credit{display:none;}

.green{color:#6bb700;}
.red{color:#F00;}
.gray{color:#c3c3c3;}
.orange{color:#ffd56c;}
.pink{color:#ffa1b5;}

#PatientReviewsChart{}
#PatientReviewsChart .chart__axis-y{width:100px;}
#PatientReviewsChart .chart__box{width: calc(100% - 100px);}

.pagination > li > a, .pagination > li > span{color:#717171;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color:#717171; border-color:#717171;}

.btn-icon{color:#404040; font-size:14px; margin:0 2px 2px;}
.crossed-out{width:20px; height:20px; border-radius:100%; border:solid 1px #404040; text-align:center; line-height:18px; font-size:14px; position:relative; display:inline-block;}
.crossed-out:after{content:''; width:1px; height:100%; background:#404040; display:block; position:absolute; left:50%; top:0; transform: rotate(60deg); -webkit-transform: rotate(60deg);}
.crossed-out2{position:relative;}
.crossed-out2:after{content:''; width:1px; height:100%; background:#fff; display:block; position:absolute; left:50%; top:0; transform: rotate(60deg); -webkit-transform: rotate(60deg);}

#jqgrid a{color:#404040;}

ul.filter-nav{padding:0; margin:0 0 25px; list-style:none;}
ul.filter-nav li{display:inline-block; margin:0 2px;}
ul.filter-nav li a{font-weight:500; font-size:14px; padding:5px; border-radius:3px;}
ul.filter-nav li a.active{color:#fff; background:#3276b1;}

ul.feed-list{padding:0; margin:0 0 30px 0; list-style:none;}
ul.feed-list li.item{padding:0 0 25px 45px; position:relative; background:url(../img/border1.jpg) 15px 10px no-repeat;}
ul.feed-list li.item:after{content:''; position:absolute; left:15px; top:0; width:1px; height:100%; background:#d2d2d2;}
ul.feed-list li.item:last-child:after{display:none;}
ul.feed-list li.item.show.last:after{display:none !important;}
ul.feed-list li.item:before{font-family:'FontAwesome'; width:30px; height:30px; position:absolute; left:0; top:0; border-radius:100%; background:#85d76d; color:#fff; text-align:center; line-height:30px; z-index:9; font-size:15px;}
ul.feed-list li.item.blue:green{background:#85d76d;}
ul.feed-list li.item.blue:before{background:#5094c3;}
ul.feed-list li.item.orange:before{background:#ffd56c;}
ul.feed-list li.item.pink:before{background:#ffa1b5;}
ul.feed-list li.item.fa-go:before{font-family:Arial, Helvetica, sans-serif; content:'GO'; font-size:13px;}

ul.feed-list li.item .feed-box{background:#fff; position:relative; border:solid 1px #d2d2d2; color:#4c4852; font-size:14px; display:table; width:100%;}
ul.feed-list li.item .feed-box .thumb{width:90px; border-left:solid 1px #d2d2d2; display:table-cell; width:90px; vertical-align:top; padding:5px;}
ul.feed-list li.item .feed-box .thumb img{max-width:100%; height:auto;}
ul.feed-list li.item .feed-box .thumb h5{margin:0; font-size:12px; text-align:center;}
ul.feed-list li.item .feed-box .dec{display:table-cell; vertical-align:top; padding:15px;}
ul.feed-list li.item .feed-box h3{font-size:16px; font-weight:600; margin:0 0 5px;}
ul.feed-list li.item .feed-box .meta{font-weight:500; font-size:12px;}

ul.feed-list li.item .feed-box .inbox-info-bar,
ul.feed-list li.item .feed-box .inbox-message,
ul.feed-list li.item .feed-box .inbox-compose-footer{margin-right:0;}

.mysignature .feed-box .inbox-info-bar,
.mysignature .feed-box .inbox-message,
.mysignature .feed-box .inbox-compose-footer{margin-right:0;}


ul.mysteps-nav{padding:0 0 0 4px; margin:0; list-style:none; display:inline-block; background:#fff; border:solid 1px #d4d4d4; box-shadow:0 1px 5px rgba(0,0,0,.065); text-align:left; overflow:hidden; border-radius:4px;}
ul.mysteps-nav li{display:inline-block; margin-left:-4px;}


ul.mysteps-nav{margin:0; padding:0; display:flex; flex-flow:row wrap;}
ul.mysteps-nav li{margin:0; padding:0; list-style:none; flex-grow:1;}

ul.mysteps-nav li a{padding:8px 10px 8px 30px; display:block; position:relative; background:#71cbff; color:rgba(255, 255, 255, 0.6); text-align:center;}
ul.mysteps-nav li.active a{font-weight:700; color:rgba(255, 255, 255, 1);}
ul.mysteps-nav li a:after{
 background:#71cbff; position:absolute; left:100%; top:0; bottom:0; width:20px; content:''; z-index:9; margin-left:-1px;
-webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%);
clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%);
box-shadow:0 0 1px #ededed;
}
ul.mysteps-nav li.n1 a,
ul.mysteps-nav li.n1 a:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ca3e6+0,1f68c1+100 */
background: rgb(108,163,230); /* Old browsers */
background: -moz-linear-gradient(top, rgba(108,163,230,1) 0%, rgba(31,104,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(108,163,230,1) 0%,rgba(31,104,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(108,163,230,1) 0%,rgba(31,104,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca3e6', endColorstr='#1f68c1',GradientType=0 ); /* IE6-9 */
	}
ul.mysteps-nav li.n2 a,
ul.mysteps-nav li.n2 a:after{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4902c+0,ad501f+100 */
background: rgb(244,144,44); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,144,44,1) 0%, rgba(173,80,31,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,144,44,1) 0%,rgba(173,80,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,144,44,1) 0%,rgba(173,80,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4902c', endColorstr='#ad501f',GradientType=0 ); /* IE6-9 */
	}
ul.mysteps-nav li.n3 a,
ul.mysteps-nav li.n3 a:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0a0a0+0,e81018+100 */
background: rgb(240,160,160); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,160,160,1) 0%, rgba(232,16,24,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,160,160,1) 0%,rgba(232,16,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,160,160,1) 0%,rgba(232,16,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a0a0', endColorstr='#e81018',GradientType=0 ); /* IE6-9 */
	}
ul.mysteps-nav li.n4 a,
ul.mysteps-nav li.n4 a:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e89def+0,d028f0+100 */
background: rgb(232,157,239); /* Old browsers */
background: -moz-linear-gradient(top, rgba(232,157,239,1) 0%, rgba(208,40,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,157,239,1) 0%,rgba(208,40,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,157,239,1) 0%,rgba(208,40,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e89def', endColorstr='#d028f0',GradientType=0 ); /* IE6-9 */
	}
ul.mysteps-nav li.n5 a,
ul.mysteps-nav li.n5 a:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd057+0,c59723+100 */
background: rgb(255,208,87); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,208,87,1) 0%, rgba(197,151,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,208,87,1) 0%,rgba(197,151,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,208,87,1) 0%,rgba(197,151,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd057', endColorstr='#c59723',GradientType=0 ); /* IE6-9 */
	}
ul.mysteps-nav li.n6 a,
ul.mysteps-nav li.n6 a:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8e888+0,50b830+100 */
background: rgb(168,232,136); /* Old browsers */
background: -moz-linear-gradient(top, rgba(168,232,136,1) 0%, rgba(80,184,48,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(168,232,136,1) 0%,rgba(80,184,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(168,232,136,1) 0%,rgba(80,184,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8e888', endColorstr='#50b830',GradientType=0 ); /* IE6-9 */
	}	

.report-header{background:#f1f6fc; border-radius:4px; border:solid 1px #ccc; display:table; width:100%; font-size:16px; line-height:1.2; margin-bottom:30px;}
.report-header .col{display:table-cell; vertical-align:middle; padding:15px 50px;}
.report-header .col.first{background:#ededed; position:relative;}
.report-header .col.first:after{
 background:#ededed; position:absolute; left:100%; top:0; bottom:0; width:20px; content:''; z-index:9; margin-left:-1px;
-webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%);
clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%);
}
.report-header .col.first:before{
 background:#cccccc; position:absolute; left:100%; top:0; bottom:0; width:20px; content:''; z-index:8;
-webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%);
clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%);
}
.report-header big{color:#3276b1; font-size:26px; font-weight:700; display:inline-block; vertical-align:middle; margin-right:10px;}
.report-header span{display:inline-block; vertical-align:middle;}

.table-conversion{color:#3276b1; font-size:14px; font-weight:400;}
.table-conversion th{color:#6f6f6f;}
.table-conversion .fa-caret-right{font-size:20px; color:#757575;}
.table-conversion .totla{color:#fff; background:#414b56;}
.table-conversion .else{background:#e1e1e1;}
.table-conversion .gt{background:#d7d7d7;}
.table-conversion .tr6{background:#d7d7d7;}
.table-conversion .tr1{background:#d3ebcc;}
.table-conversion .tr2{background:#c2f0ff;}
.table-conversion .tr3{background:#ffdea4;}
.table-conversion .tr4{background:#ffcfcf;}
.table-conversion .tr5{background:#fdffcf;}
.table-conversion .tr6{background:#cfebff;}
.table-conversion .tr7{background:#ffa4a4;}

.table-conversion .subdata{font-size:13px; font-weight:300; color:#333;}
.table-conversion .subdata td:first-child{padding-left:30px;}
.table-conversion .price{min-width:80px; display:inline-block; text-align:right; margin-left:5px;}

ul.glance-list{padding:0; margin:0 -10px; list-style:none;}
ul.glance-list li.item{margin:0 10px 15px; border-radius:15px; padding:15px; background:#4eace6; color:#fff; text-align:center; float:left; width: calc(50% - 20px); min-height:105px; box-shadow:3px 3px 3px #ccc ;}
ul.glance-list li.item:nth-child(2n+1){clear:left;}
ul.glance-list li.item p{margin:0 0 4px;}
ul.glance-list li.item big{font-size:26px; line-height:1; font-weight:700; display:block;}
ul.glance-list li.item.g1{background:#4eace6;}
ul.glance-list li.item.g2{background:#8fd464;}
ul.glance-list li.item.g3{background:#f99d60;}
ul.glance-list li.item.g4{background:#099;}
ul.glance-list li.item.g5{background:#c869fd;}
ul.glance-list li.item.g6{background:#e1b837;}
@media (max-width:639px){
ul.glance-list{margin:0;}
ul.glance-list li.item{width:100%; margin:0 0 15px; min-height:inherit;}
}

ul.roi-list{padding:0; margin:0 -10px; list-style:none;}
ul.roi-list li.item{margin:0 10px 15px; border-radius:15px; padding:10px 15px; background:#4eace6; line-height:1.5; color:#fff; text-align:center; float:left; width: calc(50% - 20px); min-height:84px; box-shadow:3px 3px 3px #ccc;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;}
ul.roi-list li.item .con{margin:auto;}
ul.roi-list li.item.g1{background:#4eace6;}
ul.roi-list li.item.g2{background:#8fd464;}
ul.roi-list li.item.g3{background:#f99d60;}
ul.roi-list li.item.g4{background:#009999;}
ul.roi-list li.item.g5{background:#c869fd;}
ul.roi-list li.item.g6{background:#e1b837;}
ul.roi-list li.item.g7{background:#6555e3;}
ul.roi-list li.item.g8{background:#ff5f5b;}

ul.roi-list li.item:nth-child(2n+1){clear:left;}
ul.roi-list li.item p{margin:0;}
ul.roi-list li.item big{font-size:18px; line-height:1; font-weight:900; display:block;}

@media (max-width:639px){
ul.roi-list{margin:0;}
ul.roi-list li.item{width:100%;}
}

hr{border-color:#cccccc;}

#pieChartLegend{padding-top:50px;}
#pieChartLegend ul{padding:0; margin:0; list-style:none;}
#pieChartLegend ul li{margin-bottom:20px; position:relative; padding-left:36px;}
#pieChartLegend ul li span{position:absolute; left:0; top:0; width:20px; height:18px; display:block;}

.todo > li > p > span.text-muted{font-size:14px;}

.mytotal-table{}
.mytotal-table label{display:none;}
@media (max-width:991px){
.mytotal-table thead{display:none;}
.mytotal-table td{display:block; border:none !important; padding-top:0 !important; padding-bottom:0 !important;}
.mytotal-table label{display:inline-block; font-weight:bold;}
}


#jqgrid a.btn-primary{color:#fff;}
.rating{color:#F90; white-space:nowrap;}
.vertical-middle td{vertical-align:middle !important;}

.table-reviews{}
.table-reviews td{vertical-align:middle !important;}
.table-reviews big{color:#1e1e1e; font-size:24px; font-weight:400;}
span.up{color:#4aa834; font-weight:400;}
span.up .fa{font-size:20px; vertical-align:bottom;}
span.down{color:#ff1400; font-weight:400;}
span.down .fa{font-size:20px;}


.select-template{min-height:240px; border:solid 1px #a2a2a2; background:#cccccc; position:relative; margin:15px;}
.select-template .btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); min-width:170px;}


.notifications-accordion .panel-title{position:relative;}
.notifications-accordion .panel-title a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
.notifications-accordion .panel-title .checked{padding:8px 0 8px 200px;}
@media (max-width:639px){
.notifications-accordion .panel-title .checked{padding:30px 15px 8px 15px;}
}


.tDnD_whileDrag{background-color: #f4f4f4; box-shadow:0 2px 5px #e8e8e8;}
  
.spremindersec h5{ font-weight:600;}
.spremindersec .micon{width:22px; height:22px; display:inline-block; background-color:#5094c3;  border-radius:100%; color:#fff; text-align:center; line-height:22px; margin-left:10px; font-size:12px;}
.spremindersec .iemail{background-color:#5094c3;}
.spremindersec .itxt{background-color:#fbc847;}
.spremindersec .ivoice{background-color:#85d76d;}
.spremindersec .irule{background-color:#e09095;}
.spremindersec td:first-child{vertical-align:middle; color:#fff; width:20px;}
.spremindersec td:nth-child(2){vertical-align:middle; color:#fff; width:20px;}
.spremindersec thead tr{background:none;}
.spremindersec thead tr th{border:none;}
/*.spremindersec ul.flex{margin:0 -2px;}*/
.spremindersec ul.flex {
	margin: 0 0 0 18px;
	position: relative;
}
.spremindersec ul.flex li{margin:0 2px; width:50%;}
.spremindersec ul.flex li:first-child{ width:10%;}
.spremindersec ul.flex li:nth-of-type(2){ width:25%;}
.spremindersec .info ul.flex li:nth-of-type(2){ width:10%;}
.spremindersec .info ul.flex li:nth-of-type(3){ width:25%!important;}
.spremindersec ul.flex .addby{
	position:absolute;
	left:-28px;
	top:5px;
}


.btn-email{border-color:#c1e2b7; background-color:#c1e2b7; color:#000000; padding:10px 15px;}
.btn-txt{border-color:#ffefb3; background-color:#ffefb3; color:#000000;  padding:10px 15px;}
.btn-voice{border-color:#ffc7c9; background-color:#ffc7c9; color:#000000; padding:10px 15px;}
.btn-rule{border-color:#c7f0ff; background-color:#c7f0ff; color:#000000; padding:10px 15px;}
.btn-call{border-color:#d3d3ff; background-color:#d3d3ff; color:#000000; padding:10px 15px;}
.btn_success{border-color:#c1e2b7; background-color:#c1e2b7; color:#000000; padding:5px 15px; font-weight:600; text-transform:capitalize;}
.btn_warning{border-color:#ffefb3; background-color:#ffefb3; color:#000000; padding:5px 15px; font-weight:600; text-transform:capitalize;}
.btn_info{border-color:#c7f0ff; background-color:#c7f0ff; color:#000000; padding:5px 15px; font-weight:600; text-transform:capitalize;}
.btn_danger{border-color:#ffc7c9; background-color:#ffc7c9; color:#000000; padding:5px 15px; font-weight:600; text-transform:capitalize;}
.btn_primary{border-color:#d3d3ff; background-color:#d3d3ff; color:#000000; padding:5px 15px; font-weight:600; text-transform:capitalize;}

ul.flex{margin:0; padding:0; display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
	flex-flow:row wrap;}
ul.flex li{margin:0; padding:0; list-style:none; flex-grow:1;}


.appointment-confirmation-top{margin:0 50px 30px;}
.appointment-confirmation-top ul.flex li{padding:14px;}
.appointment-confirmation-top .bordered{border-color:#595959; font-size:18px;}

.apbox{text-align:center; color:#424242; padding:7px; border-right:solid 1px #cccccc;}
.apbox.active{background:#444444; color:#fff;}
.apbox.active hr{border-color:#fff;}
.apbox span{display:block;}
.apbox hr{margin-top:5px; margin-bottom:5px; border-color:#cccccc;}
.appointment-carousel .owl-stage-outer{background:#ededed; border:solid 1px #cccccc;}
.appointment-carousel .owl-nav div{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.appointment-carousel .owl-nav .owl-prev{left:-50px;}
.appointment-carousel .owl-nav .owl-next{right:-50px;}

@media (max-width:1199px){
.appointment-confirmation-top{margin:0 0 30px;}
.apbox{font-size:13px;}
.appointment-confirmation-top .bordered{font-size:14px;}
.appointment-carousel{padding:0 50px;}
.appointment-carousel .owl-nav .owl-prev{left:0;}
.appointment-carousel .owl-nav .owl-next{right:0;}
.appointment-confirmation-top ul.flex li{padding:10px;}
}
/*appointment CSS 29.06.2018
---------------------------------------------------------------------------------*/
.message-btn-group{}
.message-btn-group .btn{position:relative;}
.message-btn-group .btn .badge{position:absolute; top:-10px; right:-10px; color:#fff !important;}

.message-wrap{height:370px; overflow-y:scroll;}
.tab-box{ padding:10px; border-bottom:1px solid #CCC;}
.tab-box.active{background:#eaeaea;}
.text-top{ padding-bottom:5px;}
.text-top h5{ display:block; font-weight:600; padding:0; margin:0;}
.text-top h5 small{ float:right; font-size:14px; margin-top:4px; }
.text-boby p{ float:left; font-size:14px; margin:0;}
.text-boby .form-check{ float:right;}
.text-boby .form-check-label{ text-transform:uppercase; margin:0;}
.text-footer p{ font-size:15px; color:#666; margin:0;}
.module {width:100%; margin: 20px auto 10px 0;}
.discussion {list-style: none; border:solid 1px #e5e5e5; margin: 0; padding: 30px 0;}
.discussion li {padding: 0.5rem; overflow: visible; display: flex; margin-bottom:20px;}
.self {justify-content: flex-end; align-items: flex-end;}
.self .messages {order: 1; border-top-right-radius: 0;}
.other .messages {border-top-left-radius: 0;}
.messages {background: white; padding:20px; border-radius: 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); position:relative;}
.messages p {font-size:14px; margin: 0 0 0.2rem 0; color:#FFF;}
.messages time {font-size: 12px; color: #b9b9b9; float: right; font-weight: 500;}
/*.self .messages:after{content:""; position:absolute; right:0; top:-14px; width: 0; height: 0; border-bottom: 15px solid #508850!important; border-left: 15px solid transparent;}*/
.self .bg-color-green{background-color: #508850!important;}
/*.other .messages:after{content:""; position:absolute; left:0; top:-14px; width: 0; height: 0; border-bottom: 15px solid #808080!important; border-right: 15px solid transparent;}*/
.other .bg-color-darken{background-color: #808080!important;}
.menubox-area{display:block; width:100%; margin-bottom:10px;}
.menubox-area .dropdown-toggle {float: right; font-weight: 400; border: none; background: none; box-shadow: none; color: #5b835b; padding: 0;}
.menubox-area .dropdown-menu{right:0!important; left:auto;}
.menubox-area .btn-default.active, .menubox-area .btn-default:active, .menubox-area .btn-default:hover, .menubox-area .open > .dropdown-toggle.btn-default {color: #5b835b; background-color:#FFF; border-color: #FFF;}
.textarea-box{border:1px solid #CCC; padding:10px 0; margin-bottom:10px;}
.textarea-box textarea {width: 100%; height: 100px; border: none; resize: none; padding:0 20px;}
.socal-icon{float:right; display:contents;}
.socal-icon:after, .socal-icon:before{display: table; content: "";}
.socal-icon:after{clear:both;}
.socal-icon ul{margin:0 15px 0 0; padding:0; list-style:none; float:right;}
.socal-icon ul li{display:inline-block; vertical-align:middle; font-size:16px; color:#666; margin:0 3px;}
.socal-icon ul li a{color:#666;}

.comparedto-check{line-height:36px;}
.comparedto-check select{display:none; margin-left:15px; width:auto;}
.comparedto-check input:checked + select{display:inline-block;}

/*appointment CSS 12.02.2018
---------------------------------------------------------------------------------*/
.appointmentbox .smart-form strong{
	padding-left:15px;
	font-size: 15px;
    line-height: 25px;
    color: #404040;
	font-weight:400;
}
.spremindersec .itxt, .iemail, .irule, .ivoice, .call {
	padding: 0 12px;
	text-align: center;
	font-size: 18px;
	color:#575757!important;
}

.spremindersec .table>tbody>tr.success>td{
	 background-color: rgba(223, 240, 216, 0.54);
    border: 1px solid #c1e2b7;
}
.spremindersec .table>tbody>tr.warning>td {
    background-color: rgba(255, 239, 179, 0.34);
    border: 1px solid #ffefb3;
}
.spremindersec .table>tbody>tr.primary>td {
    background-color:rgba(211, 211, 255, 0.32);
    border: 1px solid #d3d3ff;
}
.spremindersec .table>tbody>tr.danger>td{
	 background-color: rgba(255, 199, 201, 0.35);
    border: 1px solid #ffc7c9;
}
.spremindersec .table>tbody>tr.info>td{
	 background-color: rgba(199, 240, 255, 0.25);
    border: 1px solid #c7f0ff
}
.spremindersec .iemail{
	background:#c1e2b7!important;
}
.spremindersec .itxt{
	background:#ffefb3!important;
}
.spremindersec td.irule{
	background:#c7f0ff!important;
}
.spremindersec td.ivoice{
	background:#ffc7c9!important;
}
.spremindersec td.call{
	background:#d3d3ff!important;
}
.table-user .btn-default{
	padding:10px 8px;
	font-weight:400;
	
}
.table-user td{
	text-align:center;
	display:table-cell;
	vertical-align:middle!important;
}
.table-user td h6{
	text-align:left;
}
.textbox h5{
	font-size:14px;
	color:#333;
	text-align:left;
}
.smart-form .label {
	font-size: 14px;
	float: left;
}
.boxarea {
	width: 70%;
	margin: 0;
	position: relative;
	padding-left: 50px;
	padding-right: 0;
	float: left;
}
.boxone{
	float:left;
}
.boxtwo {
	width: 30%;
	float: right;
	margin-right: 0;
	margin-bottom: 80px;
	padding: 0 50px 0 0;
}
.boxtwo .btn {
    float: right;
}
.textbtnarea{
	display: block;
	width: 100%;
	float:none;
}
.btnarea button{
	width:182px;
	display:block;
	margin-bottom:8px;
	float:left!important;
}
.imgbox {
	width: 100%;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.imgbox img{
	width:100%;
}
.tabboxarea{
	max-width:890px;
	width:100%;
	margin:0 auto;
}
.tabbtnbox {
	max-width: 250px;
	

	margin-left: 30px;
}
.message_box_left {
    width: 84%;
     border: 1px solid #c8c8c8;
    float: right;
}
/*.message_box_left textarea.comments{
	width:100%;
	height:250px;
	border:none;
   padding: 20px;
   resize: none;
   text-align: justify;
   white-space: pre-line;
    -moz-text-align-last: left;
	
    text-align-last: left;
}*/
.contant_box{
	display:block;
	margin-top:10px;
	padding:20px;
}
.contant_box p{
	text-align:left;
	font-size:14px;
	margin-bottom:20px;
	display:block;
	color:#414141;
}
 .edit-input {
    display:none;
}
.contant_box textarea{
	width:100%;
	overflow:hidden;
	min-height:82px;
	border:none;
    resize: none;
	
   text-align: justify;
   white-space: pre-line;
    -moz-text-align-last: left;
	 text-align-last: left;
	 color: #000;
}
.edit{
	float:right;
	text-decoration:underline;
	color:#0035ff;
	font-size:15px;
}
.textbtnarea a{
	display:block;
	margin:0 auto;
	max-width:250px;
	margin-bottom:5px;
	float:none;
}
.clenderbox{
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:400;
	margin-bottom:30px;
}
.clenderbox i{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	color:#000;
	font-size:30px;
}
.icon_btn{
	text-align:center;
	width:100%;
	display:block;
	margin-bottom:30px;
	margin-top:10px;
}
.sandboxbtn{
	display:block;
	float:right;
	margin-top:10px;
}
.icon_btn button:hover{
	background:none;
}
.table-responsive i{
	vertical-align:middle;
}
.btnarea{
	padding:130px 0 0 0;
	width:100%;
}
.chakeboxarea p{
	font-size:15px;
	margin-bottom:10px;
}
.appointmentarea{
	width:100%;
	display:block;
}



.navbox ul{
	margin:10px 0 20px 0;
	padding:0;
	list-style:none;
	border-bottom: 1px solid #ddd;
}
.navbox ul li{
	display:inline-block;
	font-size: 14px;
	 padding: 9px 0;
}
.navbox ul li a{
	 padding: 9px 20px 10px;
	 color:#333;
}
.navbox ul li a:hover{
	background:#eee
}
.navbox ul li.active a{
	border-top:2px solid #3276b1;
	background:#FFF;
	border-bottom:2px solid #fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	font-weight:600;
}

.appointment-table{}
.appointment-table .form-control{width:100%;}

.myexport-nav{}
.myexport-nav ul.dropdown-menu li{position:relative;}
.myexport-nav ul.dropdown-menu li:hover > ul.dropdown-menu{display:block; left:100%; top:-7px;}



.email-template-big-paceholder{border:solid 1px #ddd; padding:20px; margin-bottom:20px;}
.email-template-paceholder{border:solid 1px #ddd; border-top:none; padding:10px; margin-bottom:20px;}
ul.email-template-grid{padding:0; margin:0; list-style:none;}
ul.email-template-grid li.item{width:20%; float:left; padding:12px; text-align:center;}
ul.email-template-grid li.item .thumb{display:inline-block; border:solid 2px #999999;}
ul.email-template-grid li.item .thumb.active,
ul.email-template-grid li.item .thumb:hover{border-color:#71c200;}
@media (max-width:1199px){
ul.email-template-grid li.item .thumb{display:block;}
ul.email-template-grid li.item .thumb img{width:100%;}
}
@media (max-width:991px){
.email-template-big-paceholder{padding:0; border:none;}
}
@media (max-width:767px){
ul.email-template-grid li.item{width:33.333%;}
}
@media (max-width:639px){
ul.email-template-grid li.item{width:50%;}
}
.btn-minwidth{min-width:80px;}

.myemail-template{}
.myemail-template-controler{}
.btn-color{width:30px; height:30px; margin-bottom:3px; border-color:#000000; box-shadow:none;}

.border{border:solid 1px #cccccc;}
@media (min-width:768px){
.smart-form fieldset.border{border:solid 1px #cccccc;}
}

.table-audience{border:solid 1px #cccccc; font-weight:700;}
.table-audience .audience-number{display:inline-block; padding:5px 10px; background:#ededed; border-radius:3px; width:100%; text-align:center;}
.table-audience .audience-number.active{background:#3276b1; color:#fff;}
.table-audience td{padding-top:15px !important; padding-bottom:15px !important;}
.table-audience td:nth-child(3){vertical-align:middle !important;}

.mass-text-tab{}
.mass-text-tab .nav > li > a{font-weight:400 !important; min-width:210px; background-color:#739e73; border-color:#659265; color:#fff; border-radius:5px 0 0 5px;}
.mass-text-tab .nav > li > a:hover{border-color:#5b835b; opacity:0.9;}
.mass-text-tab .nav > li.active > a{background-color:transparent; border-color: #d5d5d5 #fff #d5d5d5 #ddd; border-right-color: #fff !important;
color:#000;
}
.mass-text-tab .tabs-left > .tab-content{margin-left:0; min-height:300px; float:right; width: calc(100% - 210px); border:solid 1px #d5d5d5; padding:15px;}
.mass-text-tab .tabs-left > .nav-pills, .tabs-left > .nav-tabs{margin-top:15px; margin-right:-1px;}
@media (max-width:639px){
.mass-text-tab .nav > li > a{min-width:150px;}
.mass-text-tab .tabs-left > .tab-content{width: calc(100% - 150px);}
}
@media (max-width:639px){
.mass-text-tab .nav > li > a{padding:10px 3px; font-size:12px; min-width:inherit; width:90px;}
.mass-text-tab .tabs-left > .tab-content{width: calc(100% - 90px);}

}


.marketing-massage{margin-bottom:15px !important; min-height:100px; cursor:pointer;}
.marketing-massage.active{border-color:#5b835b;}

.settings-menu{margin:0 -12px; color:#333;}
.settings-menu ul{padding:0; margin:0; list-style:none;}
.settings-menu ul li{float:left; width:25%; padding:12px; color:#333; font-weight:500; font-size:16px;}
.settings-menu ul li a{color:#333;}
.settings-menu ul li:nth-child(4n+1){clear:left;}
.settings-menu ul ul{margin:10px 0 0 15px; border-left:solid 1px #c7c7c7;}
.settings-menu ul ul li{float:none; width:auto; padding:5px 0; font-weight:400; font-size:14px; position:relative; padding-left:22px;}
.settings-menu ul ul li:before{content:''; width:10px; height:1px; background:#c7c7c7; position:absolute; left:0; top:15px;}
@media (max-width:1199px){
.settings-menu ul li{width:33.333%;}
.settings-menu ul li:nth-child(4n+1){clear:none;}
.settings-menu ul li:nth-child(3n+1){clear:left;}
}
@media (max-width:767px){
.settings-menu ul li{width:50%;}
.settings-menu ul li:nth-child(3n+1){clear:none;}
.settings-menu ul li:nth-child(2n+1){clear:left;}
}
@media (max-width:479px){
.settings-menu ul li{width:100%;}
}

ul.followup-leads-info{padding:0; margin:0 -5px 15px; list-style:none; display: -ms-flexbox;
display: flex;}
ul.followup-leads-info li.cell{width:calc(20% - 10px); margin:0 5px 10px; text-align:center; background:#fff; border:solid 1px #C2C2C2; padding:10px; font-size:13px;}
ul.followup-leads-info li.cell p{margin:0;}
@media (max-width:767px){
ul.followup-leads-info{display:block; margin:0;}
ul.followup-leads-info li.cell{width:100%; margin:0 0 10px;}
}

.datatable a{color:#424242;}


/*Footer CSS
---------------------------------------------------------------------------------*/
.page-footer{background:none; height:75px; color:#6f6f6f; border:none;} 
.footer-right{float:right;}
.copyright{float:left;}
.copyright:after{content:'v 3.7'; margin-left:10px;}


@media (min-width:980px){
#left-panel{padding-bottom:40px; width:270px;}
#main{margin-left:270px;}
.hidden-menu #left-panel{left:-260px;}
.page-footer{padding-left:280px;}

}
@media (max-width:1350px){
	
.boxtwo {
	width: 29%;
	margin-right: 0;
	padding-right: 15px;
}
.boxarea {
	width: 70%;
	padding-left: 30px;
}
}
@media (max-width:991px){
.boxarea {
	width: 100%;
	padding-left: 0;
}
.boxtwo {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
}
.btnarea {
	padding: 30px 0 0 0;
	
}
.btnarea button {
	width: auto;
	
	margin-right: 10px;
}
}


@media (max-width:979px){
#left-panel nav ul span.menu-item-parent{font-size:12px;}
.report-header .col{padding:15px 30px;}
}



@media (max-width:767px){
.page-footer{height:100px;}
.footer-right, .copyright{float:none; text-align:center; font-size:12px;}

#hide-menu.show{display:block;}
.boxone {
	float: none;
	margin-bottom: 20px;
}
.message_box_left {
	width: 100%;
	
	float: none;
}
.imgbox img {
	
	width: 100%;
	padding:5px;
}
}

@media (max-width:639px){
.mybtn-group-wrap .btn{font-size:11px; padding:4px 5px;}

ul.mysteps-nav li a{padding:5px 10px; font-size:12px;}
ul.mysteps-nav li a:after{width:5px;}

.report-header .col{display:block; padding:15px;}
.report-header .col.first:after, .report-header .col.first:before{display:none;}


#main{padding-bottom:80px;}
}