@charset "utf-8";
/* Global Style Sheet */
@import url("fonts.css");
body {
	margin-top: 69px;
	background-color: #f3f5f9;
	font-family: 'Raleway', sans-serif;
}
/* Extrenel CSS */
.padding-l {
	padding-left: 0;
}
.padding-r {
	padding-right: 0;
}
.padding{ padding:0; }
.padding-l-r {
	padding: 0;
}
/* Extrenel CSS */
.message-footer a {
    color: #fff !important;
}
.message-footer a:hover, .message-footer a:focus{ background:none !important; }
/*Placeholder CSS*/

::-moz-placeholder {
    color: #8c8c8c;
    font-size: 12px;
 
}
::-webkit-input-placeholder {
    color: #8c8c8c;
    font-size: 12px;
}
::-ms-input-placeholder {
    color: #8c8c8c;
    font-size: 12px;
}
::-o-input-placeholder {
    color: #8c8c8c;
    font-size: 12px;
}
 
a:hover, a:focus {
	text-decoration: none;
}
/*Placeholder CSS*/
/*-------Header Css ens--------*/
  
/* Top Navigation */
.topStyle {
	position: relative;
	width: 100%;
	z-index: 2147483647;
	float: left;
}
.topStyle ul {
	margin: 0;
	padding: 0;
}
.topStyle ul li {
	background: #002542 none repeat scroll 0 0;
	float: left;
	height: 3px;
	list-style: outside none none;
	max-width: 316px;
	width: 100%;
}
.topStyle ul li:nth-child(2) {
	background: #fb5d5d
}
.topStyle ul li:nth-child(3) {
	background: #259dab
}
.topStyle ul li:nth-child(4) {
	background: #4c5064
}
.topStyle ul li:nth-child(5) {
	background: #2ecc71
}
.topStyle ul li:nth-child(6) {
	background: #6a007d
}
.dg_brand {
	background: #14b9d6 none repeat scroll 0 0;
	color: #fff;
	float: left;
	height: 64px;
	padding: 4px 0;
	position: relative;
	text-transform: uppercase;
	width: 250px;
	z-index: 20;
}
.dg_brand .dg_author {
	float: left;
	margin: 15px;
}
.dg_brand .dg_author img {
	border-radius: 100%;
}
.dg_brand .dg_author_name {
	float: left;
	margin: 6px 0px;
}
.dg_brand .dg_author_name h5 {
	float: left;
	color: #fff;
	text-transform: capitalize;
}
.digi_author_name {
	height: auto !important;
	padding: 15px 22px;
	font-weight:bold;
}
.sidebar-toggle-box {
	background: #4d5b69 none repeat scroll 0 0;
	color: #fff;
	float: left;
	font-size: 20px;
	height: 64px;
	position: absolute;
	padding: 13px;
	right: -52px;
	text-align: center;
	width: 52px;
	top: 0;
	line-height: 38px;
}
.sidebar-toggle-box .fa-bars i {
	cursor: pointer;
	display: inline-block;
	color: #fff;
	margin-top: 9px;
}
.sidebar-toggle-box .fa-bars i:before {
	margin: 0px 0px 0px 9px;
	font-size: 14px;
}
.sidebar-toggle-box:hover {
	background: #14b9d6;
	cursor: pointer;
}
.sidebar-toggle-box:hover .fa-bars i {
	color: #E84B56;
}
.flash_msg > p {
    color: red;
    font-size: 13px;
}
.fa-remove{ color:red;}
.flaticon-pencil124{ color:#8fb892}
.fa-plus {
    color: orange;
}
.hd { margin: 16px 0;}
.top-nav {
	padding: 0px 15px 0;
}
.top-nav>li {
	display: inline-block;
	float: left;
}
.top-nav>li>a {
	padding: 22px 30px;
	line-height: 20px;
	color: #999;
}
.bc1 {
	border-color: #fb5d5d !important;
	color: #fb5d5d !important;
}
.bc2 {
	border-color: #2ecc71 !important;
	color: #2ecc71 !important;
}
.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>.open>a:focus {
	color: #14b9d6;
	background-color: #eaf5fd !important;
}
.top-nav>.open>.dropdown-menu {
	background-color: #fff;
	border: 0 none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 0 6px #ececec;
	float: left;
	margin-top: 0;
	position: absolute;
}
.top-nav>.open>.dropdown-menu>li>a {
	white-space: normal;
}
ul.message-dropdown {
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}
li.message-preview {
	width: 385px;
	border-bottom: 1px solid #f7f7f7;
}
.top-nav .media-heading {
	color: #60b483;
}
li.message-preview>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
li.message-footer {
	background: #14b9d6 none repeat scroll 0 0;
	margin: 0;
	padding: 10px;
	text-align: center
}
ul.alert-dropdown {
	width: 200px;
}
.topHeader {
	border:0px solid #f3f5f9;
	margin: 0 !important;
	background: #fff;
	min-height: 67px;
}
.badge.bdg {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #14b9d6;
	border-radius: 100%;
	color: #14b9d6;
	font-size: 12px;
	font-weight: 300;
	height: 25px;
	line-height: 22px;
	margin-left: 12px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 12px;
	width: 25px;
}
.profileList {
	background: #4d5b69 none repeat scroll 0 0 !important;
	right: 4px !important;
}
.profileList::after {
	background: #000 none repeat scroll 0 0;
	border-bottom: 10px solid #4d5b69;
	border-left: 8px solid #eaf5fd;
	border-right: 8px solid #eaf5fd;
	content: "";
	position: absolute;
	right: 0;
	top: -10px;
	z-index: 110;
}
.profileList li a {
	color: #fff;
	padding: 10px;
}
.profileList li a:hover {
	background: none; color:#fff;
}
/* Top Navigation */
/*-------left Sidebar Css start--------*/
#dg-main-content {
	margin-left: 251px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
	z-index: 0;
}
.top-nav img {
	border-radius: 100%;
	float: left;
	height: 40px;
	margin: 0 10px;
	width: 40px;
}
.userProfile {
	line-height: 34px !important;
	padding: 10px 9px 20px !important;
}
#dg-sidebar {
	width: 250px;
	height: 100%;
	position: fixed;
	background: #4d5b69;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	min-height: 100%;
	display: block;
}
#dg-sidebar ul li {
	position: relative;
	list-style: none;
}
.dg-leftside-navigation {
	height: 100%;
	box-shadow:1px 0 2px #dcdcdc;
}
.dg-leftside-navigation ul li i {
	font-size: 20px;
	line-height:30px;
}
ul.dg-sidebar-menu {
	margin: -2px 0 0;
	padding: 68px 0px 0px;
}
ul.dg-sidebar-menu li {
	border-bottom: 1px solid #4f5e6c;
	float: left;
	width: 100%;
}
ul.dg-sidebar-menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 14px;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: left;
	width: 100%;
	text-transform: uppercase;
}
ul.dg-sidebar-menu li a.active, ul.dg-sidebar-menu li a:hover, ul.dg-sidebar-menu li a:focus {
	background: #44515d;
	color: #fff;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.dg-sidebar-menu li a.active i, ul.dg-sidebar-menu li a:hover i, ul.dg-sidebar-menu li a:focus i {
	background: #44515d !important;
	color: #fff !important;
	border-left:3px solid #14b9d6;
}
ul.dg-sidebar-menu li a i {
	background: #44515d none repeat scroll 0 0;
	float: left;
	padding: 8px 18px;
	border-left:3px solid ;
	width:60px;
}
.dg-sidebar-menu li i::after {
	margin: 0 !important;
}
ul.dg-sidebar-menu li a span {
	float: left;
	line-height: 47px;
	padding: 0 12px;
}
.hide-left-bar ul.dg-sidebar-menu li a {
	white-space: nowrap;
	overflow: hidden;
}
.hide-left-bar ul.dg-sidebar-menu li a i:before {
	margin-left: 0px;
}
.hide-left-bar ul.dg-sidebar-menu li a i {
    background: #44515d none repeat scroll 0 0;
    margin-left: 0; color:#fff;
}
.hide-left-bar ul.dg-sidebar-menu li a {
	background: #44515d none repeat scroll 0 0;
	color: #b8b8b8;
	padding: 0 0px;
}
.hide-left-bar ul.dg-sidebar-menu li a span {
	display: none;
}
.hide-left-bar {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 60px !important;
	overflow: hidden;
	outline: none;
	min-height: 100%;
}
.merge-left {
	margin-left: 60px !important;
}
#page_right {
	color: #000;
	padding-left: 235px;
	background: #fff;
}
/*-------left Sidebar Css end--------*/



/*============= Right Side Body CSS ============*/

.pageRight {
	background: none;
}
/* BreadCrumb CSS */
.breadCrumb {
	background: #fff none repeat scroll 0 0;
	border-radius: 0;
	padding: 18px;
}
.breadCrumb li + li:before {
	content: "\f105";
	font-family: FontAwesome;
}
/* BreadCrumb CSS  End*/


/* Heading CSS */
.heading {
	font-weight: 100;
	margin-top: 0;
}
.heading small {
	font-size: 14px;
	font-weight: 100;
}
/* Heading CSS */



/* Pannels CSS */
 
.main_small_heding {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	border-color: #f6f8fb !important;
	border-image: none;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 1px;
	color:#14b9d6 !important;
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 58px;
	padding: 0 15px;
	text-transform: uppercase
}
.elements {
	background: #fff;
	margin: 15px 0;
 

}
.theameOfPanle {
	border-radius: 0;
	border: 0;
 
}
/* Pannels CSS */


/* Digi Buttons Start*/

/* Trash Button*/
.digi-trash {
	background: #f36a5a none repeat scroll 0 0;
	color: #fff;
	height: 38px;
	margin: 10.5px 2px;
	font-size: 16px;
	float: left;
	line-height: 24px
}
.digi-trash:hover {
	background: #eb5746;
	color: #fff !important;
}
.digi-trash a{ color:#fff;}
/* Trash Button*/

/* PDF Button*/
.digi-pdf {
	background: #062b49;
}
.digi-pdf:hover {
	background: #023a68;
}
/* PDF Button*/

/* CSV Button*/
.digi-csv {
	background: #259dab;
}
.digi-csv:hover {
	background: #2cb0bf;
}
/* CSV Button*/

/* Excel Button*/
.digi-excel {
	background: #14b9d6;
}
.digi-excel:hover {
	background: #30a3ff;
}
/*Excel Button*/

/*Print Button*/
.digi-print {
	background: #60b483;
}
.digi-print:hover {
	background: #72c594;
}
/*Print Button*/

/*Remove Button*/
.digi-remove {
	background: #fff;
	border: 1px solid #e5e5e5 !important;
	color: #f36a5a;
}
.digi-remove:hover {
	background: #dedede;
}
/*Remove Button*/

/*Edit Button*/
.digi-edit {
	background: #5d6bbd;
}
.digi-edit:hover {
	background: #6675cc;
}
/*Edit Button*/

/* Digi Buttons End*/

/*Data Table CSS*/
 .digiTable {
    clear: both;}
.dataTableFeilds {
	margin: 10px 0 30px;
	display: inline-table;
}
.dataTableFeilds select {
	height: 40px;
	padding: 6px;
	width: 80px;
	-webkit-appearance: none;
	border: 1px solid #e2e2e2;
}
.dataTableFeilds .input-group-addon {
	width: auto;
	border: 1px solid #e2e2e2;
}
.dataTableFeilds input {
	height: 40px;
	width: 220px;
	border: 1px solid #e2e2e2;
	padding: 6px;
}
.digiTable td {
	color: #000;
}
.digiTable td, th {
	border: 1px solid #f1f1f1;
	padding: 8px 18px;
}
.digiTable th {
	font-weight: 500;
	font-size: 15px;
	background: #fff;
	padding: 15px 10px;
}
.digiTable tr:nth-child(2n+1) {
	background: #f9f9f9 none repeat scroll 0 0;
}
.digiTable img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	float: left;
	margin:0 10px 0 0;
}
.digiTable span {
 float:left;
 font-size:13px;
 line-height:25px;
 }
/* DataTable Check Box START*/
.checkbox-custom, .radio-custom {
	opacity: 0;
	position: absolute;
}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	cursor: pointer;
	font-weight: 300;
}
.checkbox-custom-label, .radio-custom-label {
	position: relative;
}
.dataTable tr td:last-child {
    width: 24%;
}
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
	content: '';
	background: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	padding: 0px;
	text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
	content: "\f00c";
	font-family: 'FontAwesome';
	background: #14b9d6;
	color: #fff;
}
.radio-custom + .radio-custom-label:before {
	border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
	content: "\f00c";
	font-family: 'FontAwesome';
	color: #000;
}
/* DataTable Check Box END*/

/* DataTable Button Slide Box START*/
.slideThree {
	width: 79px;
	height: 26px;
	background: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	-o-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 14px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}
.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #60b483;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}
.slideThree label {
	display: block;
	width: 30px;
	height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
		background: #ccc;

}
.slideThree input[type=checkbox]:checked + label {
	left: 37px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #14b9d6;
	background: -webkit-linear-gradient(top, #14b9d6 0%, #14b9d6 40%, #14b9d6 100%);
	background: -moz-linear-gradient(top, #14b9d6 0%, #14b9d6 40%, #14b9d6 100%);
	background: -o-linear-gradient(top, #14b9d6 0%, #14b9d6 40%, #14b9d6 100%);
	background: -ms-linear-gradient(top, #14b9d6 0%, #14b9d6 40%, #14b9d6 100%);
	background: linear-gradient(top, #14b9d6 0%, #14b9d6 40%, #14b9d6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0 );
}
.slideThree input {
	position: relative;
	z-index: -2147483648;
	display: none;
}
.greenSlide label {
	background: #60b483;
}
.slideBlue:before {
	color: #14b9d6
}
.slideDarkBlue label {
	background: #259dab;
}
.slideDarkBlue:before {
	color: #259dab;
}
.slideSkyBlue label {
	background: #5d6bbd;
}
.slideSkyBlue:before {
	color: #5d6bbd;
}
.slideRed label {
	background: #f36a5a;
}
.slideRed:before {
	color: #f36a5a;
}
/* DataTable Button Slide Box END*/


 /* Digi Cruds START */
 
.digiCrud {
	float: left;
	margin:0 5px;
	position: inherit;
}
.digiCrud .flaticon-round73 {
	color: #fd3c0b;
	cursor: pointer;
}
.digiCrud .flaticon-pencil43 {
	color: #60b483;
}

.digiCrud .flaticon-add30 {
	color: #70c493 ;
}

.digiCrud .fa-tv {
	color: #14b9d6  ;
}
iframe {
    border: 0 none;
    height: 65px;
    width: 140px;
}
/* Digi Cruds END */
/*Data Table CSS End*/

/* Pagenatio CSS Start */
.digi-pagenation li a {
	background: #fefefe;
	background: -webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #f3f3f3 100%);
	background: linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #f3f3f3 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f3f3f3', GradientType=0 );
	line-height: 18px;
	padding: 10px;
	color: #000;
	border: 1px solid #f1f1f1;
}
.digi-pagenation li:first-child a {
	border-radius: 15px 0 0 15px;
}
.digi-pagenation li:last-child a {
	border-radius: 0px 15px 15px 0px;
}
.digi-pagenation li.active a, .digi-pagenation li:hover a, .digi-pagenation li:focus a {
	background: #f36a5a !important;
	color: #fff;
	border: 1px solid #f36a5a !important
}
.digi-pagenation {
  display: inline-block;
    float: right;
    margin: 0;
}
/*Blus Acive*/ 
.pageBlue li.active a, .pageBlue li:hover a, .pageBlue li:focus a {
	background: #14b9d6 !important;
	border: 1px solid #14b9d6 !important;
}
/*Green Acive*/ 
.pageGreen li.active a, .pageGreen li:hover a, .pageGreen li:focus a {
	background: #60b483 !important;
	border: 1px solid #60b483 !important;
}
/* Pagenatio CSS End */
   
   
/* Model Pop Up Start RED */
.digi-red-popup {
	position: relative;
	width: 400px;
}
.digi-red-popup .modal-header {
	background: #f36a5a none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	padding: 8px;
}
.digi-red-popup .modal-footer {
	background: #f6f6f6 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	padding: 8px;
}
.modal-body > span {
	color: #60b483;
	display: table;
	font-size: 65px;
	line-height: 0;
	margin: 0 auto;
	position: relative;
}
.digi-red-popup .modal-body {
	text-align: center;
}
.digi-red-popup .btn {
	margin: 0;
	float: none;
}
.digi-red-popup .close {
	color: #fff;
	line-height: 15px;
	opacity: 1;
}
/*Model Pop Up RED End*/   


/*Model Pop Up Blue End*/   
.digi-blue-popup .modal-header {
	background: #fff;
	color: #000;
}
.digi-blue-popup .close {
	color: #14b9d6;
	line-height: 15px;
	opacity: 1;
}
.digi-blue-popup .modal-body > span {
	color: #14b9d6;
}
/*Model Pop Up Blue End*/   


/* Form Text Feild CSS */
.group {
	position: relative;
	margin-top:40px;
}
input[type="text"], input[type="password"], input[type="email"], select {
  background: #f5f5f5 none repeat scroll 0 0;
 border: 1px solid #eaeaea;
    color: #000;
    display: block;
    font-weight: normal;
    height:42px;
    padding: 10px;
    width: 100%;
}

.fileType .file-caption {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  box-shadow: none;
  height:42px;	
}

.fileType .btn-file {
    background: #14b9d6 none repeat scroll 0 0;	  line-height: 28px;
}

 
input:focus {
	outline: none;
}
/* LABEL ======================================= */
.digiEffectLabel {
	/*color: #707070;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;*/
  color: #000;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
    position: relative;
    top: -70px;
 
}
.alert{ margin-bottom:40px;}
.alert-danger {
    float: right;
    width: 60%;
}

label {
   color: #000;
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
}
.fileType > img {
    margin: 15px 0 0;
    width: 160px;
}
/* active state 
input:focus ~ .digiEffectLabel, input:valid ~ .digiEffectLabel {
 top:-10px;
 font-size:14px;
 color:#707070;
}*/
/* BOTTOM BARS ================================= */
.bar {
	position: relative;
	display: block;
	width: 100%;
}
.bar:before, .bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #14b9d6;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.bar:before {
	left: 50%;
}
.bar:after {
	right: 50%;
}
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
	width: 50%;
}
/* HIGHLIGHTER ================================== */
.highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
/* active state */
input:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
 from {
background:#5264AE;
}
 to {
width:0;
background:transparent;
}
}
@-moz-keyframes inputHighlighter {
 from {
background:#5264AE;
}
 to {
width:0;
background:transparent;
}
}
@keyframes inputHighlighter {
 from {
background:#5264AE;
}
 to {
width:0;
background:transparent;
}
}
.group.twoFeilds {
	display: inherit;
 
 
}
/* Form Text Feild CSS */

/* Text Area */
 
textarea {
	font-size: 14x;
	padding: 10px 10px 10px 5px;
	display: block;
	width: 100%;
	border: none;
 border: 1px solid #eaeaea;
	color: #000;
	font-weight: normal; background:#f5f5f5;
}
textarea:focus {
	outline: none;
}
/* LABEL ======================================= */
.digiEffectLabel1 {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

/* active state */
textarea:focus ~ .digiEffectLabel1, textarea:valid ~ .digiEffectLabel1 {
 top:-10px !important;
 font-size:14px;
 color:#5264AE;
}
 
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
	width: 50%;
}
 ctive state */
textarea:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

 
/* Text Area */




input[type="checkbox"], input[type="radio"] {
	line-height: normal;
	margin: 4px 0 0;
	width: auto;
}
/* Radio Buttons */

/*Radios*/
input[type="checkbox"], input[type="radio"] {
	position: absolute;
	left: -9999px;
}
.side-label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: lighter;
	line-height: 19px;
	margin: 10px 19px 0 0;
	padding-left: 25px;
	position: relative;
}
.side-label::before, .side-label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}
input[type="radio"] + .side-label::before, input[type="radio"] + .side-label::after {
	border-radius: 50%;
}
.side-label::before {
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #14b9d6;
}
input:focus + .side-label::before {
	border-color: #14b9d6;
}
.side-label::after {
	display: none;
	width: 12px;
	height: 12px;
	margin: 4px;
	background-color: #14b9d6;
}
input:checked + .side-label::after {
	display: block;
}
.how-other-disclosure {
	display: none;
	margin: 10px 0 0 35px;
}
#how-other:checked ~ .how-other-disclosure {
	display: block;
}
.blocked {
	margin-top: 40px;
	color: rgba(255, 255, 255, .3);
	text-align: center;
}
#permitted:checked ~ .blocked {
	display: none;
}
#permitted:checked ~ button {
	display: block;
}
/* Red radio Label */
.redLabel:before {
	border: 2px solid #f36a5a
}
.redLabel:after {
	background: #f36a5a
}
input:focus + .redLabel:before {
	border: 2px solid #f36a5a
}
/* Red radio Label */

/* Green radio Label */
.greenLabel:before {
	border: 2px solid #60b483
}
.greenLabel:after {
	background: #60b483
}
input:focus + .greenLabel:before {
	border: 2px solid #60b483
}
/* Green radio Label */


/*Radio Closed*/


/* Check Box Inpus */

/* Red Check box */
.redCheckbox:before {
	border: 1px solid #f36a5a !important;
}
.checkbox-custom:checked + .redCheckbox:before {
	background: #f36a5a !important
}
/* Red Check box */

/* Green Check box */
.greenCheckbox:before {
	border: 1px solid #60b483 !important;
}
.checkbox-custom:checked + .greenCheckbox:before {
	background: #60b483 !important
}
/* Green Check box */

/* Orange Check box */
.orangeCheckbox:before {
	border: 1px solid #ffae4e !important;
}
.checkbox-custom:checked + .orangeCheckbox:before {
	background: #ffae4e !important
}
/* Orange Check box */

/* Blue Check box */
.blueCheckbox:before {
	background: #e3e3e3 !important;
}
.checkbox-custom:checked + .blueCheckbox:before {
	background: #4ba9f4 !important;
	border: 0;
}
/* Blue Check box */


/* Check Box Inpus */


/* ===================Submit Buttons ===================*/

/* First Style Button */ 
 
.digi-defult-btn {
	position: relative;
	background-color: whitesmoke;
	display: inline;
	font-size: 15px;
	padding:6px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	border: 0;

	height:40px;
}
.digi-defult-btn:active {
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	position: relative;
	top: 2px;
}
.digi-defult-btn a {
	color: #000;
}
.lighCo {
    color: #bcbcbc;
}
/* First Style Button */ 


 /*Second Style Button */ 
.digi-danger-btn {
	background-color: #f36352;
	-webkit-box-shadow: 0px 3px 0px rgba(227,49,49,1);
	-moz-box-shadow: 0px 3px 0px rgba(227,49,49,1);
	box-shadow: 0px 3px 0px rgba(227,49,49,1);
}
.digi-danger-btn:active {
	-webkit-box-shadow: 0px 1px 0px rgba(227,49,49,1);
	-moz-box-shadow: 0px 1px 0px rgba(227,49,49,1);
	box-shadow: 0px 1px 0px rgba(227,49,49,1);
	position: relative;
	top: 2px;
}
.digi-danger-btn a {
	color: #fff;
}
/* Second Style Button */ 

 
 /*Third Style Button */ 
.digi-success-btn {
	background-color: #70c493;
	-webkit-box-shadow: 0px 3px 0px rgba(65,154,102,0.8);
	-moz-box-shadow: 0px 3px 0px rgba(65,154,102,0.8);
	box-shadow: 0px 3px 0px rgba(65,154,102,0.8);
}
.digi-success-btn:active {
	-webkit-box-shadow: 0px 1px 0px rgba(65,154,102,1);
	-moz-box-shadow: 0px 1px 0px rgba(65,154,102,1);
	box-shadow: 0px 1px 0px rgba(65,154,102,1);
	position: relative;
	top: 2px;
}
.digi-success-btn a {
	color: #fff;
}
/* Third Style Button */ 
	
	/*Fourths Style Button */ 
.digi-warning-btn {
	background-color: #ffae4e;
	-webkit-box-shadow: 0px 3px 0px rgba(229,144,43,1);
	-moz-box-shadow: 0px 3px 0px rgba(229,144,43,1);
	box-shadow: 0px 3px 0px rgba(229,144,43,1);
}
.digi-warning-btn:active {
	-webkit-box-shadow: 0px 1px 0px rgba(229,144,43,1);
	-moz-box-shadow: 0px 1px 0px rgba(229,144,43,1);
	box-shadow: 0px 1px 0px rgba(229,144,43,1);
	position: relative;
	top: 2px;
}
.digi-warning-btn a {
	color: #fff;
}
/* Fourths Style Button */ 
	
	/*Fifht Style Button */ 
.digi-premier-btn {
	color: #fff;
	background-color: #14b9d6;
	-webkit-box-shadow: 0px 3px 0px rgba(4,158,185,1);
	-moz-box-shadow: 0px 3px 0px rgba(4,158,185,1);
	box-shadow: 0px 3px 0px rgba(4,158,185,1);
}
.digi-premier-btn:active {
-webkit-box-shadow: 0px 3px 0px rgba(4,158,185,1);
	-moz-box-shadow: 0px 3px 0px rgba(4,158,185,1);
	box-shadow: 0px 3px 0px rgba(4,158,185,1);
	position: relative;
	top: 2px;
}
.digi-premier-btn a {
	color: #fff;
}
/* Fifht Style Button */ 


	/*Six Style Button */ 
.digi-skyBlue-btn {
	background-color: #5d6bbd;
	-webkit-box-shadow: 0px 3px 0px rgba(68,83,166,1);
	-moz-box-shadow: 0px 3px 0px rgba(68,83,166,1);
	box-shadow: 0px 3px 0px rgba(68,83,166,1);
}
.digi-skyBlue-btn:active {
	-webkit-box-shadow: 0px 1px 0px rgba(68,83,166,1);
	-moz-box-shadow: 0px 1px 0px rgba(68,83,166,1);
	box-shadow: 0px 1px 0px rgba(68,83,166,1);
	position: relative;
	top: 2px;
}
.digi-skyBlue-btn a {
	color: #fff;
}
/* Six Style Button */ 

  /* ==============Submit Buttons=========== */
 
 
 
 
 
 
/* ===========Another style of Buttons============== */
 	
 /*First Style Button */ 
.digi-def-side-btn {
	background-color: #fff;
	-webkit-box-shadow: 3px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 0px 0px rgba(0,0,0,0.1);
	border: 1px solid #f1f1f1;
}
.digi-def-side-btn:active {
	-webkit-box-shadow: 1px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 0px rgba(0,0,0,0.1);
	position: relative;
	left: 2px;
}
.digi-def-side-btn a {
	color: #000;
}
/* First Style Button */ 
 
 
  /*Second Style Button */ 
.digi-danger-side-btn {
	background-color: #fff;
	-webkit-box-shadow: 3px 0px 0px rgba(227,49,49,1);
	-moz-box-shadow: 3px 0px 0px rgba(227,49,49,1);
	box-shadow: 3px 0px 0px rgba(227,49,49,1);
	border: 1px solid #e35342;
}
.digi-danger-side-btn:active {
	-webkit-box-shadow: 1px 0px 0px rgba(227,49,49,1);
	-moz-box-shadow: 1px 0px 0px rgba(227,49,49,1);
	box-shadow: 1px 0px 0px rgba(227,49,49,1);
	position: relative;
	left: 2px;
}
.digi-danger-side-btn a {
	color: #f36a5a;
}
/* Second Style Button */ 
 
   /*Third Style Button */ 
.digi-success-side-btn {
	background-color: #fff;
	-webkit-box-shadow: 3px 0px 0px rgba(65,154,102,1);
	-moz-box-shadow: 3px 0px 0px rgba(65,154,102,1);
	box-shadow: 3px 0px 0px rgba(65,154,102,1);
	border: 1px solid #60b483;
}
.digi-success-side-btn:active {
	-webkit-box-shadow: 1px 0px 0px rgba(65,154,102,1);
	-moz-box-shadow: 1px 0px 0px rgba(65,154,102,1);
	box-shadow: 1px 0px 0px rgba(65,154,102,1);
	position: relative;
	left: 2px;
}
.digi-success-side-btn a {
	color: #60b483;
}
/*Third Style Button */  
 
 
 /*Fourths Style Button */ 
.digi-warning-side-btn {
	background-color: #fff;
	-webkit-box-shadow: 3px 0px 0px rgba(229,144,43,1);
	-moz-box-shadow: 3px 0px 0px rgba(229,144,43,1);
	box-shadow: 3px 0px 0px rgba(229,144,43,1);
	border: 1px solid #ffae4e;
}
.digi-warning-side-btn:active {
	-webkit-box-shadow: 1px 0px 0px rgba(229,144,43,1);
	-moz-box-shadow: 1px 0px 0px rgba(229,144,43,1);
	box-shadow: 1px 0px 0px rgba(229,144,43,1);
	position: relative;
	left: 2px;
}
.digi-warning-side-btn a {
	color: #ffae4e;
}
/* Fourths Style Button */ 
	
 	/*Fifht Style Button */ 
.digi-premier-side-btn {
	background-color: #fff;
	-webkit-box-shadow: 3px 0px 0px rgba(2,123,220,1);
	-moz-box-shadow: 3px 0px 0px rgba(2,123,220,1);
	box-shadow: 3px 0px 0px rgba(2,123,220,1);
	border: 1px solid #14b9d6;
}
.digi-premier-side-btn:active {
	-webkit-box-shadow: 1px 0px 0px rgba(2,123,220,1);
	-moz-box-shadow: 1px 0px 0px rgba(2,123,220,1);
	box-shadow: 1px 0px 0px rgba(2,123,220,1);
	position: relative;
	left: 2px;
}
.digi-premier-side-btn a {
	color: #14b9d6;
}
/* Fifht Style Button */ 


/*Six Style Button */ 
.digi-skyBlue-side-btn {
	background-color: #fff;
	-webkit-box-shadow: 3px 0px 0px rgba(93,107,189,1);
	-moz-box-shadow: 3px 0px 0px rgba(93,107,189,1);
	box-shadow: 3px 0px 0px rgba(93,107,189,1);
	border: 1px solid #5d6bbd;
}
.digi-skyBlue-side-btn:active {
	-webkit-box-shadow: 1px 0px 0px rgba(93,107,189,1);
	-moz-box-shadow: 1px 0px 0px rgba(93,107,189,1);
	box-shadow: 1px 0px 0px rgba(93,107,189,1);
	position: relative;
	left: 2px;
}
.digi-skyBlue-side-btn a {
	color: #5d6bbd;
}
/* Six Style Button */ 

 
 
/* ===========Another style of Buttons============== */



/* Date Picker Styles */
.date:after {
	background: #f1f1f1 none repeat scroll 0 0;
	color: #d4d4d4;
	content: "\f073";
   font-family: FontAwesome;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin-top: -41px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 33px;
}
.prev {
	background: #f36a5a !important;
	color: #fff;
}
.next {
	background: #f36a5a !important;
	color: #fff;
}
.month, .year {
	border: 1px solid #ededed;
	float: left;
	height: 40px;
	margin: 2px 0;
	padding: 9px 0 !important;
	width: 46px;
}
/* Date Picker Styles */


/* Clock Picker Styles */

.clock:after {
	background: #f1f1f1 none repeat scroll 0 0;
	color: #d4d4d4;
	content: "\f017";
font-family: FontAwesome;
	font-size: 18px;
	height: 45px;
	line-height: 42px;
	margin-top: -45px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 33px;
}
/* Clock Picker Styles */

/* Tabs */

.tabs {
	margin: 15px 0;
	width: 100%;
	float: left;
}
/*First Level Tabs*/
.normalTab p {
	color: #9c9c9c;
	line-height: 25px;
	padding: 15px 0 0;
}
/*First Level Tabs*/


/*Second Level Tabs*/
.blueTabs li a {
	background: whitesmoke none repeat scroll 0 0;
	border: 0 none;
	top: -1px;
}
.blueTabs li.active a, .blueTabs li:hover a, .blueTabs li:focus a {
	background: #14b9d6 none repeat scroll 0 0 !important;
	border: 0 none !important;
	color: #fff !important;
}
.blueTabs p {
	color: #9c9c9c;
	line-height: 25px;
	padding: 15px 0 0;
}
.blueTabs ul {
	border-bottom: 1px solid #14b9d6;
}
/*Second Level Tabs*/



/*Third Level Tabs*/
.redTabs li a {
	border: 0 none;
	margin: 0;
	color: #f36a5a;
}
.redTabs li.active a, .redTabs li:hover a, .redTabs li:focus a {
	background: #f36a5a none repeat scroll 0 0 !important;
	border: 0 none !important;
	color: #fff !important;
}
.redTabs p {
	color: #9c9c9c;
	line-height: 25px;
	padding: 15px 0 0;
}
.redTabs ul {
	border-bottom: 1px solid #f36a5a;
}
/*Third Level Tabs*/


/*Fourth Level Tabs*/
.greenTabs li a {
	background: whitesmoke none repeat scroll 0 0;
	border: 0 none;
	color: #60b483;
	top: -1px;
}
.greenTabs li.active a, .greenTabs li:hover a, .greenTabs li:focus a {
	background: #60b483 none repeat scroll 0 0 !important;
	border: 0 none !important;
	color: #fff !important;
}
.greenTabs p {
	color: #9c9c9c;
	line-height: 25px;
	padding: 15px 0 0;
}
.greenTabs ul {
	border-bottom: 1px solid #60b483;
}
.greenTabs ul li {
	float: right;
}
/*Fourth Level Tabs*/

/* Form Popup Form */

/*Sky Blue*/
.skyBlue .modal-header {
	background: #5d6bbd none repeat scroll 0 0 !important;
	color: #fff;
}
.skyBlue .successCheck {
	background: #5d6bbd none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	font-size: 35px;
	height: 80px;
	line-height: 70px;
	text-align: center;
	width: 80px;
}
.skyBlue .close {
	color: #fff;
	opacity: 1;
}
/*Sky Blue*/	
	
/*Red*/
.redPoup .modal-header {
	background: #f36a5a none repeat scroll 0 0 !important;
	color: #fff;
}
.redPoup .successCheck {
	background: #f36a5a none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	font-size: 35px;
	height: 80px;
	line-height: 70px;
	text-align: center;
	width: 80px;
}
.redPoup .close {
	color: #fff;
	opacity: 1;
}
/*Red*/	
	
/*Green*/
.greenPoup .modal-header {
	background: #60b483 none repeat scroll 0 0 !important;
	color: #fff;
}
.greenPoup .successCheck {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #60b483;
	border-radius: 100%;
	color: #60b483;
	font-size: 35px;
	height: 80px;
	line-height: 70px;
	text-align: center;
	width: 80px;
}
.greenPoup .close {
	color: #fff;
	opacity: 1;
}
/*Green*/		
 	
/* Form Popup Form*/
/* Tabs */

/* accordian start */

.accordian {
	float: left;
	margin: 10px 0;
	width: 100%;
}
.accordian .panel-heading {
	background: whitesmoke none repeat scroll 0 0;
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 6px;
}
.accordian .panel-title {
	background: #14b9d6 none repeat scroll 0 0;
	border-radius: 3px !important;
	color: #fff;
	padding: 16px;
}
.accordian .panel-title a:hover, .accordian .panel-title a:focus {
	text-decoration: none;
}
.accordian .panel.panel-default {
	border: 0 none !important;
}
/* accordian End  */
/*============= Right Side Body CSS END =============*/



/*=================Inner page Mail Box CSS Start ===================*/

.mailBox {
	float: left;
	width: 100%;
}
.mailPreview {
	border-left: 3px solid #f0f2f7;
	float: left;
	width: 100%;
}
/* Back & Forward Buttons Start */

.backForward {
	border-bottom: 1px solid #f6f8fb;
}
/* Back Button */
.backbtn {
	padding: 15px 10px;
}
.backbtn .btn:first-child {
	background: #71c1ff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0 !important;
	height: 50px;
	padding: 0 10px;
}
.backbtn .btn:last-child {
	background: #f6f8fb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0 !important;
	font-size: 16px;
	height: 50px;
	margin: 0;
	padding: 0 20px;
}
.backbtn a {
	color: #454545;
}
/* Back Button */

/* Forward Button */
.forbtn {
	padding: 15px;
}
.forbtn .btn:first-child {
	background: #81cba0 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0 !important;
	height: 50px;
	padding: 0 10px;
}
.forbtn .btn:last-child {
	background: #f6f8fb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0 !important;
	font-size: 16px;
	height: 50px;
	margin: 0;
	padding: 0 20px;
}
.forbtn a {
	color: #454545;
}
/* Forward Button */
/* Back & Forward Buttons End*/


/*Mail Cruad Oparations Start */
.mailcruadOparations {
	border-bottom: 1px solid #f6f8fb;
	width: 100%;
}
.mailcruadOparations ul {
	margin: 0;
	padding: 0;
}
.mailcruadOparations ul li {
	color: #acacac;
	float: left;
	font-size: 15px;
	list-style: outside none none;
 
	padding: 25px 36px;
	text-align: center;
	width: auto;
	min-height: 60px;
	font-weight: 300;
}
.mailcruadOparations ul li + li {
	border-left: 1px solid #f6f8fb;
}
.mailcruadOparations ul li a {
	color: #969696;
}
.mailcruadOparations ul li:hover a {
	color: #ff9a9a;
	text-decoration: none;
	cursor: pointer;
}
.mailcruadOparations li:first-child {
	text-align: left;
	padding-left: 14px;
}
/*Mail Cruad Oparations Start */


/*User Lists*/
.userList {
	float: left;
	width: 100%;
}
.userList ul {
	margin: 0;
	padding: 0;
}
.userList ul li {
	list-style: none;
	padding: 20px 10px;
	border-bottom: 1px solid #f6f8fb;
	float: left;
	width: 100%;
}
.userList ul li:hover, .userList ul li.active, .blueCheckbox:before {
	background: #71c1ff;
	color: #fff
}
.userList ul li:hover p, .userList ul li:hover small, .userList ul li.active p, .userList ul li.active small {
	color: #fff
}
.userList ul li:hover img, .userList ul li.active img {
	background: #4ca6ec;
	border: 0;
}
.userList ul li:hover .blueCheckbox:before, .userList ul li.active .blueCheckbox:before {
	background: #fff !important;
	border: 0;
	color: #000 !important
}
.term-list {
	float: left;
	margin-bottom: 15px !important;
	position: relative;
	width: 100%;
}
.userList li img {
	border: 1px solid #e3e3e3;
	border-radius: 100%;
	height: 80px;
	margin: 0 0 0 10px;
	padding: 4px;
	width: 80px;
}
.user_list_Conte {
	width: auto;
	padding: 7px 0;
}
.user_list_Conte p {
	max-width: 490px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	color: #c0c0c0;
	font-size: 13px;
}
.user_list_Conte small {
	font-size: 13px;
	color: #c0c0c0;
}
.mailPreview .panel {
	box-shadow: none;
}
/* BTN SEND */
.btn-send {
	border-radius: 0;
	background: #52acf4;
	text-transform: uppercase;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	height: 50px;
}
/* BTN SEND */


/* BTN SEND */
.btn-cancel {
	border-radius: 0;
	background: #eff1f3;
	text-transform: uppercase;
	padding: 15px;
	color: #b8b8b8;
	font-size: 14px;
	height: 50px;
}
/* BTN SEND */
/*View More Button*/
.more_less {
	background: #71c1ff none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	display: table;
	margin: 20px auto;
	padding: 10px 80px;
	text-transform: uppercase;
}
/*View More Button*/

/*User Lists*/
/*=================Inner page Mail Box CSS  End===================*/
/* Chart Css*/
.chat {
	list-style: none;
	margin: 0;
	padding: 0;
}
.chat li {
	margin-bottom: 10px;
	padding: 0px 30px;
}
.chat li.left .chat-body {
	margin-left: 100px;
}
.chat li.right .chat-body {
	margin-right: 100px;
}
.chat li .chat-body p {
	background: #f3f5f9 none repeat scroll 0 0;
	border-radius: 3px;
	color: #818181;
	font-size: 14px;
	line-height: 26px;
	margin: 20px 0;
	padding: 15px;
}
.panel .slidedown .glyphicon, .chat .glyphicon {
	margin-right: 5px;
}

 
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}

::-webkit-scrollbar {
 width: 12px;
 background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;
}
.chatImg {
	border: 1px solid #e3e3e3;
	border-radius: 100%;
	height: 80px;
	padding: 4px;
	width: 80px;
}
.chat-body .header small {
	color: #c0c0c0;
	font-size: 13px;
}
/* Chart Css*/
 

/* inner dasboard Elements */

.dashboardMenu ul {
	margin: 0;
	padding: 0;
}
.dashboardMenu ul li {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
	height:91px;
    clear: unset;
    color: #5a5a5a;
    float: left;
    font-weight: lighter;
    list-style: outside none none;
    max-width: 300px;
    padding: 25px 20px;
    width: 100%;
	margin-bottom: 30px;
	position:relative;
	}
.dashboardMenu ul li:hover, .dashboardMenu ul li.active {
	background: #14b9d6 ;
	border: 1px solid #fff;
}
.dashboardMenu ul li:hover .cir , .dashboardMenu ul li.active .cir  { background:#fff}
.dashboardMenu ul li:hover i , .dashboardMenu ul li.active i{ color:#000; }
.dashboardMenu ul li:hover h2, .dashboardMenu ul li.active h2 { color:#fff !important; }
.dashboardMenu ul li:hover small, .dashboardMenu ul li.active small { color:#fff !important; }
.dashboardMenu li.active::after, .dashboardMenu li:hover::after{ 	border-top: 12px solid #14b9d6; }
.dashboardMenu ul li+li {
	border-left: 1px solid #f3f5f9
}
.dashboardMenu li:last-child {
    margin: 0;
}
.dashboardMenu ul li h2 {
 font-size: 17px;
    margin: 0;
    overflow: hidden;
    padding: 11px 10px 0;
}
.dashboardMenu ul li h2 small {
	font-weight: 300;
}
.dashboardMenu ul li .cir {
background: #c6b8d4 none repeat scroll 0 0;
    border-radius: 100%;
    float: left;
    height: 40px;
    text-align: center;
    width: 40px;}
.cir i {
    color: #fff;
    font-size: 23px;
    line-height: 39px;
}
.dashboardMenu li .cir img {
	height: 26px;
	width: 26px;
}

.dashboardMenu li::after {
	background: thistle none repeat scroll 0 0;
	border-left: 8px solid #f3f5f9;
	border-right: 8px solid #f3f5f9;
	border-top: 12px solid #fff;
	content: "";
		bottom: -12px;
	position: absolute;
	vertical-align: middle;
}
.dashboardMenu li:nth-child(2) .cir {
	background: #aed6f7;
}
.dashboardMenu li:nth-child(3) .cir {
	background: #c1e1df;
}
.dashboardMenu li:nth-child(4) .cir {
	background: #f2babc;
}
.dashboardMenu li:nth-child(5) .cir {
	background: #bfe8c2;
}
 
.dashboardMenu li a{ color:#000}
/* inner dasboard Elements */

/* Help */
 
.help:hover {
	border: 0;
}
.help img {

	width: 26px;
}
.help_coll::after {
	background: violet none repeat scroll 0 0;
	border-bottom: 10px solid #f5f5f5;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	content: "";
	position: absolute;
	right: 50px;
	top: 80px;
}
.help_coll {
	border: 0;
	box-shadow: none;
}
.help_coll ul {
	margin: 0;
	padding: 0;
}
.help_coll ul li {
	color: #4c4c4c;
	font-size: 13px;
	line-height: 35px;
	list-style: outside none none;
}
.help_coll ul li .glyphicon {
	color: #4db3a4
}
/* Help */

/*STATISTICS*/

.stastic {
	margin: 15px 0;
	display:table;
}
.stastic .panel-body {
	padding: 0;
}
.right_stastic1 {
	background: #FF484B
}
.stasticList ul {
	margin: 0;
	padding: 0;
}
.stasticList ul li {
 float: left;
    list-style: outside none none;
    padding: 16px 18px 16px;
    width: 100%;
}
.stasticList ul li:nth-child(1), .stasticList ul li:nth-child(2), .stasticList ul li:nth-child(3) {
	border-bottom: solid 5px #f3f5f9
}
.stasticList ul li:last-child{ border:0; }
.stasticList ul li .cir {
	background: #f2babc none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	height: 58px;
	line-height: 59px;
	text-align: center;
	width: 58px;
margin:0 auto;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
 
}
.stasticList ul li:nth-child(2) .cir{ background:#aed6f7; }
.stasticList ul li:nth-child(3) .cir{ background:#c1e1df; }
.stasticList ul li:nth-child(4) .cir{ background:#c6b8d4; }
.stasticList h2 {
    float: left;
    font-size: 16px;
    font-weight: 400;
	margin:10px 0;
    text-align: center;
    width: 100%;
}
 
.stasticList ul li:nth-child(1) .progress .progress-bar{ background:#f2babc !important}
.stasticList ul li:nth-child(2) .progress .progress-bar{ background:#aed6f7 !important}
.stasticList ul li:nth-child(3) .progress .progress-bar{ background:#c1e1df !important}
.stasticList ul li:nth-child(4) .progress .progress-bar{ background:#c6b8d4 !important}
/*STATISTICS*/


/* Add Plus Butto */
.add_plus {
	position: absolute;
    right: 0;
    top: 2px;
}

/* Filter Search */
.filerSear{ padding:6px 0 0; }
.filerSear button{/* width:100%;*/ }

/*Onn Off Label Name*/

.onoff{
	 color: #000;
    font-size: 14px;
    font-weight: 500;
  float:left; padding:0 5px 0 0;}
	
	/* Check All Lise  */
.check_list{  width:100%; float:left;}
.check_list ul{ margin:0; padding:0; }
.check_list ul li{   
	background: whitesmoke none repeat scroll 0 0;
    border-radius: 3px;
    float: left;
    list-style: outside none none;
    margin: 10px 10px 0 0;
    max-width: 337px;
    padding: 10px;
    width: 100%; }
	
 .check_list ul li .form-group{ margin:0;}
	 .check_list ul li input{background:#fff !important; }
/* Feilds Devide Header */	
.devideHeader {
  border-bottom: 1px dashed #dfdfdf;
    border-top: 1px dashed #dfdfdf;
    clear: both;
    color: #4cad9e;
    display: inline-block;
    font-size: 17px;
	margin: 0 0 10px;
    padding: 16px 0;
    width: 100%;}
/* Feilds Devide Header */	
.cke_contents{height:300px !important  }

 