.login .back-link {
	display: block;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	margin: 10px 0;
	background-position: 0 -48px;
}
.body-content {
	padding-bottom: 83px;
	min-height: 100%;
	margin: 0;
}

body .login {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* -----  Colors ----- */

	.login .table .progress .bar,
	.login .logo,
	.login .chosen-container .chosen-results li.highlighted,
	.login .paginate_enabled_next, .paginate_enabled_previous,
	.login .datepicker table tr td.active,
	.login .datepicker table tr td.active:hover,
	.login .datepicker table tr td.active.disabled,
	.login .datepicker table tr td.active.disabled:hover,
    .login .forgotpass-info,
	.login .forgotpass-success
    {
        background: #25282A !important;
    }

.login .btn
    {
    	color:#FFF;
        background:#444;
    }
.login .btn:hover,
.login .btn-default:hover,
.login .btn-default:focus,
.login .btn-default:active,
.login .btn-default.active,
.login .open>.dropdown-toggle.btn-default
    {
    	color:#FFF;
        background:#666;
    }
    
    /* Primary color */
    .btn-option:hover,
    .form-header,
    .dataTables_paginate li.paginate_button a:hover,
 	.dataTables_paginate li.paginate_button.active a,
 	.tile-row .nav-tabs>li.active>a, 
 	.tile-row .nav-tabs>li.active>a:hover, 
 	.tile-row .nav-tabs>li>a:hover, 
 	.tile-row .nav>li>a:hover, 
 	.tile-row .nav-tabs>li.active>a:focus,
 	.tile-row .nav>li.modal>a,
 	.tile-row .nav .open>a, 
 	.tile-row .nav .open>a:hover, 
 	.tile-row .nav .open>a:focus,
 	ul.todo h5,
 	.comment-pic i
	{
        color:#11A7DB;
    }
    /* Primary background color */
    .btn-primary, 
    .progress-bar,
    .popover-title,
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
    .fc-state-default,
    .chosen-container-multi .chosen-choices li.search-choice
    {
		background:#11A7DB;
		background-color:#11A7DB;
    }
    /* Primary background hover color */
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary 
	{
        background:#15b9ef;
    }
    
    /* Default border color  */

	    .table-head, 
	    #main .action-bar, 
	    #message .header, 
	    .form-header,
	    .tile-row .nav-tabs>li.active>a, 
		.tile-row .nav-tabs>li.active>a:hover, 
		.tile-row .nav-tabs>li>a:hover, 
		.tile-row .nav>li>a:hover, 
		.tile-row .nav-tabs>li.active>a:focus,
		.tile-row .nav .open>a, 
		.tile-row .nav .open>a:hover, 
		.tile-row .nav .open>a:focus,
		.notification-center__header a.active
		{
			-webkit-box-shadow: 0 -2px 0 0 #11A7DB inset;
		  	box-shadow: 0 -2px 0 0 #11A7DB inset;
		}


	/* default gradiant backgrounds */
			.nav.nav-sidebar>li.active>a, 
			.modal-header, 
			.ui-slider-range,
    		.ui-slider-handle:before,
    		.list-group-item.active, 
    		.list-group-item.active:hover, 
    		.list-group-item.active:focus,
    		input.labelauty:checked + label,
    		.icon-frame
    		{
				background-color: #11A7DB;
			    background-image: -webkit-linear-gradient(left, #11A7DB 0%, #33C3DA 100%);
			    background-image: -o-linear-gradient(left, #11A7DB 0%, #33C3DA 100%);
			    background-image: linear-gradient(to right, #11A7DB 0%, #33C3DA 100%);
			    background-repeat: repeat-x;
	    		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff11A7DB', endColorstr='#ff33C3DA', GradientType=1);
			}
		.icon-frame.secondary
    		{
			background-color: #11DBD2;
		    background-image: -webkit-linear-gradient(left, #11DBD2 0%, #33D2DA 100%);
		    background-image: -o-linear-gradient(left, #11DBD2 0%, #33D2DA 100%);
		    background-image: linear-gradient(to right, #11DBD2 0%, #33D2DA 100%);
		    background-repeat: repeat-x;
    		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff11DBD2', endColorstr='#ff33D2DA', GradientType=1);
    	}


	/* Login Page Colors */
		body.login, body.install {
			 background: url(../images/backgrounds/city.jpg) no-repeat center center fixed;
			 -webkit-background-size: cover;
			 -moz-background-size: cover;
			 -o-background-size: cover;
			 background-size: cover;
			 /* background: #E5E9EC; */
		}

		.form-signin {
		    background: #fff;
		}
		.login .logo, #login .logo{
		    background: none !important;
		}
		.modal-open #login .logo{
		    margin-bottom:20px;
		    text-align: center;
		}
		


	/* Login Page Colors End */

    
    /* BUTTON Colors */
        .btn-option{
            color:#505458;
            margin:0 7px;
        }

        button.btn-option{
           border:0;
           background:none;
           margin:0 2px;
           padding:0;
           outline:none;
        }
        .btn-option.delete:hover{
            color:#d43f3a;
        }
        #bulk-button.btn-default{
        	background: #BBB;
        }
    	
        .btn-primary{
           color:#FFF;
        }

.login .btn-success, #bulk-button.btn-success {
            background:#43AC6E;
        }
.login .btn-success:hover {
            background:#52b278;
        }
        .btn-danger{
            background:#d43f3a;
        }
        .btn-danger:hover{
            background:#e84a47;
        }
		.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
		    background-color: #0780ab;
		}
        
    /* BUTTON Colors End */
    
	/* Main Page Colors */
		.mainnavbar {
			background: #ffffff;
		}
		.no-header {
			margin-top: 15px;
			padding: 10px 0 0 !important;
		}
		.noselect {
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;   
		  -khtml-user-select: none;  
		  -moz-user-select: none;   
		  -ms-user-select: none;       
		  user-select: none;           
		}
		.table .progress .bar{ 
		    
		   }
		   .list-group-item{
		   	font-weight: 600 !important;
		    word-spacing: 2px;
		    letter-spacing: 0px;
		    font-size: 11px !important;
		    text-transform: uppercase;
		    font-family: "Open Sans";
		   }
		   .list-group-item:first-child {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			}
		.login .btn .caret {
            margin-left: 5px;
            }
		.form-control {
		    border-radius:0;
		}
		.has-error .form-control {
			border-color: #ed5564;
		}
		.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
			color:#ed5564;
		}
		.sidebar-bg, .submenu ul, .side{
			background: #161B1F;
			color:#FFFFFF;
		}
		.user_online__indicator{
			border-color: #161B1F;
		}
		.login .sidebar a, .login .nav>li>a {
			color:#b8b8b8;
		}
.login .sidebar a:active, .login .nav>li>a:active{
			background:none;
		}
		.sidebar h4 {
			color:#6D6D6D;
		}

.login  .nav.nav-sidebar>li.active>a{
			padding: 13px 15px 13px 15px;
			margin-left: -15px;
		}
			
		.statstic-chart{
		    background:#FFF;
		    padding:15px 0;
		    margin-bottom:0 !important;
		}
		.icon-frame{
		    color: #FFF;
		    width: 60px;
		    line-height: 60px;
		    border-radius: 3px;
		    font-size: 32pt;
		    float: left;
		    margin: 13px 15px 0;
    }
		.dashboard-chart h1{
			padding-bottom: 20px;
		}
		#stat-numbers {
		    padding: 0 0 8px;
		}
		 .modal-header{
			color: #FFF;
		}
		.modal-header .close {
			color: #FFF;
		}
		.table-head {
			color: #505458;
			background: #FFFFFF;
		}
		.table-div{
		    background: #FFFFFF; /* #FAFAFA; */
            padding: 0 15px;
            min-height: 140px; /* 245px; */
            margin-bottom: 15px;
            padding-bottom: 1px;
		}
		.ui-slider-disabled .ui-slider-range {
			background: #DDD !important; /* slider range bar disable color */
		}
		.ui-slider-disabled .ui-slider-handle:before { 
			background: #DDD !important; /* slider button disable color */
		}
		.chosen-container .chosen-results li.highlighted {
			  background-image: none;
			  color: #fff;
			}
		#nprogress .spinner{
			display: none;
		}
		.label{
		    color:#ababab;
		    border: 1px solid #ababab ;
		}
		a.label:hover{
		    background:none;

		}
		a.label-default:hover{
		   color:#444;
		   border-color:#444;
		}
		.label-info{
		    color:#1cbce8;
		    border: 1px solid #1cbce8 ;
		}
		.label-success{
		    color:#43AC6E;
		    border: 1px solid #43AC6E;
		}
		.label-important{
		    color:#ed5564;
		    border: 1px solid #ed5564 ;
		}
		.label-warning{
		    color:#EAAA10;
		    border:1px solid #EAAA10 ;
		}
		.label-chilled{ 
			color: #B361FF;
  			border: 1px solid #B361FF;
		}
		a.label.label-success:hover{
		    background:#43AC6E;
		    border-color:#43AC6E;
		    color:#FFF;
		}
		a.label.label-important:hover{
		    background:#ed5564;
		    color:#FFF;
		    border-color: #ed5564;
		}
		a.label.label-warning:hover{
		    background:#EAAA10;
		    color:#FFF;
		    border-color: #EAAA10;
		}
		a.label.label-info:hover{
		    background:#1cbce8;
		    color:#FFF;
		    border-color: #1cbce8;
		}

		a.label.label-chilled:hover{ 
			color: #9626FF;
  			border: 1px solid #9626FF;
		}

		.alert-success {
			color: #FFF;
			background-color: #43AC6E;
			border-color: #43AC6E;
		}
		
		ul.todo li.priority1{
		    box-shadow: -4px 0 0 #61c775;
		}
		ul.todo li.priority2{
		    box-shadow: -4px 0 0 #11A7DB;
		}
		ul.todo li.priority3{
		    box-shadow: -4px 0 0 #ed5564;
		}
		.PartiallyPaid .label{ 
			color: #3F51B5;
    		border-color: #3F51B5;
		}
		tr.payments td{
			border-color: #D8DCE3 !important;
		}
		thead.sec tr th{
			border-bottom: 2px solid #43AC6E !important;
    		padding-top: 30px !important;
		}
	/* Main Page Colors End */

/* ----- Colors End ----- */
        #mainwrapper{
            width:100%;
        }
        .form-group {
		    margin-bottom: 20px;
		    border: 1px solid #DDD;
		    border-radius: 2px;
		    padding-bottom: 7px;
		    -webkit-font-smoothing: antialiased;
		}
		h1, .h1, h2, .h2, h3, .h3 {
		    /* -webkit-font-smoothing: antialiased; */
		    
			font-family: "Open Sans";
			font-weight: 600;
			color: #505458;
		}
		h1{
			font-size: 22px;
		}
		h2{
		font-size: 22px;
		}
		.nobold{
			font-weight: normal;
		}
		.login a{
			 /*  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
				-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
				-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
				transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); */
		}
		/* Placeholders */
		::-webkit-input-placeholder { color:#ABACB0; font-weight: 300; }
		::-moz-placeholder { color:#ABACB0; font-weight: 300;} /* firefox 19+ */
		:-ms-input-placeholder { color:#ABACB0; font-weight: 300;} /* ie */
		input:-moz-placeholder { color:#ABACB0; font-weight: 300;}
		.nav>li>a:hover, .nav>li>a:focus {
		background: none;
		}
		.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
		cursor:	default; 
		background-color: #FFF;
		}
		.btn-xs{
            font-size:10px !important;
        }
        .no-padding{
         padding:0 !important;   
        }
        .dropdown-menu li:first-child{
        	margin-top: -5px;
        }
        .dropdown-menu li:last-child{
        	margin-bottom: -5px;
        }
        .note-editor .note-toolbar .note-color .dropdown-toggle{
            padding-left:0px;
        }
        .accesslist{
        	list-style: none;
        	padding: 0px 5px;
    		margin-bottom: 0;
        }
        .accesslist input.labelauty + label, .form-group input.labelauty + label {
			display: table;
			font-size: 12px;
			padding: 5px 10px;
			width: 100%;
			font-weight: 400;
		}
		.accesslist label i, .form-group label i{
			font-size: 14px;
			margin-left: 3px;
		}
		.highlight-text{
			font-weight: 600;
		    font-size: 12px;
		    padding: 6px 4px;
		    box-shadow: 0px -2px 0px 0px #43ac6e inset;
		    line-height: 27px;
		}
		.form-header{
		    font-weight: 500;
		    font-size: 11px;
		    padding: 20px 5px 5px;
		    text-transform: uppercase;
		    margin-bottom: 15px;
		}
		input:disabled{
		  opacity: 0.5 !important;
		  cursor: default;
		}
		.input-group-addon {
		  background-color: #D8DCE3;
		  border-radius: 0px;
		}
		#item-selector{
			margin:0;
		}
		.additem{
			margin-left: 3px;
		    width: 8%;
		    line-height: 24px;
		    height: 35px !important;
		    position: absolute;
		    top: 25px;
		}
		.todo input.labelauty + label {
			display: inline-block;
			float: left;
			font-size: 14px;
			margin-right: 0px;
			padding: 1px;
			width: 18px;
			height: 18px;
			background-color: #ffffff;
			background-image: none;
			border-radius: 200px;
			border:1px solid #CDD3D8;
		}
		.simplecheckbox{
			line-height: 13px !important;
		}
		.simplecheckbox input.labelauty + label {
			display: inline-block;
			font-size: 14px;
			padding: 1px;
			width: 17px;
			height: 17px;
			background-color: #ffffff;
			border-radius: 2px;
			border:1px solid #CCC;
			margin: -1px 0 0px;
		}
		.todo input.labelauty:not(:checked):not([disabled]) + label:hover, .todo input.labelauty:checked + label, .todo input.labelauty:checked:not([disabled]) + label:hover,
		.simplecheckbox input.labelauty:not(:checked):not([disabled]) + label:hover, .simplecheckbox input.labelauty:checked + label, .simplecheckbox input.labelauty:checked:not([disabled]) + label:hover
		{
			background-image: none;
			background-color: #FFFFFF;
			color: #61C775;
		}

		.label{
		    background:none;
		    font-size:10px;
		    letter-spacing:1px;
		    border-radius: 3px;
			-webkit-border-radius: 3px;
			/* line-height: 21px; */
			font-weight: 600;
		}
		.content-area{
		    margin-left:200px;
		    padding:0 15px;
		}
		.side{
		    width:200px;
		    position:absolute;
		    z-index: 1;
		    
		}
		.popover-title {
			padding: 6px 14px;
		    font-size: 11px;
		    border-bottom: 1px solid #ebebeb;
		    border-radius: 6px 6px 0 0;
		    color: #fff;
		    font-family: "open sans";
		    text-transform: uppercase;
		    font-weight: bold;
		}
		.row{
		    margin-bottom:15px;
		}
		.dropdown-menu {
        background-color: #FFFFFF;
        border:1px solid #e5e9ec;
        border-radius: 2px;
        }
		.sidebar-bg{
		    width:200px;
		}
		td.noclick:hover{
			cursor:default !important;
		}
		.newsbox{
		    background: #FFFFFF;
            height: 40px;
            border-bottom: 1px solid #e5e9ec;
            text-align: right;
            padding: 10px 15px;
            color: #FFF;
		}
		.newsbox a{
			color: #505458;
		    text-transform: uppercase;
		    font-family: "open Sans";
		    font-size: 12px;
		    font-weight: 600;
		}
		.newsbox i{
		    color: #505458;
            margin-left: 5px;
		}
.login .btn {
		    
border-radius: 2px;
		    
border: 0;
		    
font-weight: 700 !important;
		    
word-spacing: 1px;
		    
letter-spacing: .6px;
		    
font-size: 11px !important;
		    
font-family: "Open Sans", Arial;
		    
text-transform: uppercase;
		}
		.btn:hover{
			-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
				-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
				-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
				transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
		}
		.btn-xs{
			font-size: 10px !important;
		}

.login .btn i.fa.space {
		    margin-right:5px;
		}
		.btn:focus {
		    outline: none;
		}
		hr {
			margin-top: 10px;
		}
		h3, .h3 {
			font-size: 18px;
			color: #B6B6B6;
			font-weight: 300;
		}

		.padding-30{
			padding: 30px;
		}
		.table-head .pull-right {
			margin-top: -2px;
			margin-right: -10px;
		}
		.margin-right-3{
			margin-right: 3px;
		}
		.pull-right-responsive{
		        	float: right;
		}

/* ----- Modal ----- */
		.modal-header {
			border-bottom: 0;
			min-height: 20px;
			padding: 12px 15px;
		}
		.modal-title {
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 12px;
			text-transform: uppercase;
			font-family: "Open Sans";
		}
		.modal-header .close {
			float: right;
			font-size: 14px;
			margin-top: 0px;
			text-shadow: 0;
			opacity: .8;
			filter: alpha(opacity=80);
		}
		.modal-content {
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		    border-radius: 0;
		}
		@media (min-width: 768px){
			.modal-dialog.wide {
			  width: 1000px;
				}
		}
		.modal-footer {
			margin-top: 5px;
			padding: 20px 0px 5px;
			border-top: 1px solid #EEE;
		}
		#item-editor{
			display:none;
		}
		#item-selector .chosen-container{
			width:90% !important;
		}
/* ----- Modal End ----- */

/* ----- Notify -----*/

		.notify{
			background:#000;
			position: fixed;
			right: -300px;
			bottom: 20px;
			padding: 10px 25px;
			margin:0 15px;
			color:#FFF;
			font-weight: 600;
			opacity: 0;
			z-index: 999;
			border-radius: 2px;
    		font-family: "Open Sans";
		}
		.notify.error{
			background:#ed5564;
		}
		.notify.success{
			background:#43AC6E;
		}
		.notify.warning{
			background: #E9B100;
		}

/* ----- Notify end ----- */

/* ----- Main Navigation ----- */
		a:hover{
			text-decoration: none;
		}
		.sidebar-bg {
			position: fixed;
			top: 0px;
			z-index: -999;
			height: 100vh;
		}

		.topbar, .topbar__left{
			height: 64px;
			line-height: 64px;
			font-size: 15px;
		}
		.topbar{
			float:right;
			margin-right: 10px;
		}
		.topbar__left{
			display: inline-block;
			margin: 0 20px;
			font-size: 20px;
			float: left;
		}
		.topbar__search-input{
			height:20px;
			vertical-align: middle;
			line-height:20px;
			border:0;
			font-size: 12px;
			font-family: "Open Sans";
		}
		 .topbar__left a{
		 	color: inherit;
		 }
		 .topbar span:last-child{
		     border-right:0;
		 }
		 .topbar a, .fc-dropdown__submenu--trigger{
		    color:rgba(80, 84, 88, 0.70);
		 }
		 .topbar li a:hover, .fc-dropdown__submenu--trigger:hover{
		    color:rgba(80, 84, 88, 1);
		    } 
		 .topbar-userpic{
		 	    margin-right: -10px;
		 }
		 .topbar .dropdown-toggle{
		 	margin-left:-2px;
		 }

		 .topbar__icon_alert{
		 	display: inline-block;
		    height: 12px;
		    width: 12px;
		    background: #ED5564;
		    border-radius: 50%;
		    vertical-align: text-top;
		    border: 2px solid #FFF;
		    margin: -2px -6px;
		 }
		 .topbar__icon{
		 	margin-right: 20px;
		 }
		 .topbar__name{
		 	text-transform: uppercase;
			font-size: 12px;
			font-weight: 500;
			font-family: "open sans";
			 height:18px;
		    padding:0 15px 0 0;
		    margin:-2px 0 0 15px;
		 }
		 .shortcut--item{
			font-size:12px;
			text-transform: uppercase;
			font-family: "Open Sans";
			color:#505458;
			font-weight: 600;
			text-align: center;
			line-height: 40px;
		 }
.login .shortcut--icon{
		 	font-size: 37px;
		 	line-height: 37px;
		 }
.login .nav-sidebar{
			margin-top: 0px;
			padding-left: 15px;
		}
		.login .nav>li>a {
			padding: 13px 15px 13px 15px;
			margin-left: -15px;
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 11px;
    		text-transform: uppercase;
    		font-family: "Open Sans";
		}
.login .nav>li.active>a {
			padding: 12px 15px;
			color:#FFFFFF;
		}
.login .nav-sidebar span.menu-icon{
			display:block;
			width: 25px;
			float: left;
			text-align: center;

		}
.login .nav-sidebar span.menu-icon i{
			font-size: 14px;
			color: #FFFFFF;
			margin: 0px;
		}
.login .nav-sidebar span.nav-text{
			padding-left: 5px;
            /*text-transform: uppercase;*/
		}
.login .nav-sidebar > li > a:hover, .submenu ul li a:hover {
		    background: none;
		    color: #FFFFFF;
		}
.login .nav-sidebar .notification-badge{
			background: #ed5564;
		    padding: 2px 7px 3px 8px;
		    color: #FFFFFF;
		    font-weight: 600;
		    font-size: 11px;
		    float: right;
		    margin-right: -6px;
		    margin-top: -2px;
		    border-radius: 216px;
		}
.login .nav-sidebar .active .notification-badge{
			background: #161B1F;
		}
		.sidebar h4 {
			font-size: 10px;
		    font-weight: 600;
		    letter-spacing: 1px;
		    font-family: "Open sans";
		    text-transform: uppercase;
		    padding: 0px 0px 7px 15px;
		    margin-top: 20px;
		    margin-left: -15px;
		    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
		}
		.progress {
			height: 4px;
			margin: 0px;
			-webkit-box-shadow: none;
			box-shadow: none;
			background: rgba(0, 0, 0, 0.24);
    		border-radius: 0px;
		}
		.progress-bar {
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.table .progress{ 
		    background: #E6E6E6;
		    margin: 8px 0 0;
        }
        .table .progress.progress-success .bar, .progress-bar.done{
		background: #43AC6E !important;
		}
		.table .progress .bar{ 
            height: 4px;
        }
		.truncate{
			white-space: nowrap;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.quick-access li a p{
			font-size: 9px;
			font-weight: 400;
		}
		.submenu{	
			transition: all 2s ease;
		}
		.submenu ul{
			list-style: none;
		    padding: 10px;
		    margin: 0px 0px 0 -15px;
		    background: rgba(0, 0, 0, 0.34);
		    box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.32) inset;
		    padding-left: 20px;
		}
		.submenu ul li a, .nav-sidebar .submenu .menu-icon, .nav-sidebar .submenu .menu-icon i{
			font-weight: 400;
			letter-spacing: 1px;
			font-size: 11px;

		}
		.submenu ul li.underline{
			border-bottom: 1px solid #555;
			font-size: 12px;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		.nav-sidebar .submenu .menu-icon{
			width: 31px;
		}
		.submenu ul li a{
			font-weight: 400;
			letter-spacing: 1px;
			font-size: 11px;
			line-height: 25px;	
		}
		.submenu ul li a:hover{
			text-decoration: none;
		}
		.menu-sub .timer{
			margin:0 3px;
			
		}
		ul.user-online li p.truncate{
			margin: 0px;
			font-size: 10px;
			letter-spacing: .4px;
		}
		ul.user-online li p img{
			margin-right: 5px;
			padding: 2px;
    		margin-top: -1px;
		}
		.user_online__indicator{
			display: inline-block;
		    height: 11px;
		    width: 11px;
		    background: #F4F3D7;
		    border-radius: 50%;
		    vertical-align: text-top;
		    border-width: 2px;
		    border-style: solid;
    		margin: -3px 4px 0 -13px;
		}
		.user_online__indicator--away{
			background: rgba(246,187,66,1);
		}
		.user_online__indicator--online{
			background: rgba(46,204,113,1);
		}
		ul.user-online li a.online, ul.user-online li a.away{
			padding: 0px 10px 0px 10px;
			margin: 20px 15px 20px -15px;
		}
		ul.user-online li a.online{
			border-left:3px solid #43AC6E;
		}
		ul.user-online li a.away{
			border-left:3px solid #f8b30d;
		}
		.language-img{
		    margin-right: 5px;
            margin-top: -2px;
		}
        .btn-group.open .dropdown-toggle {
            box-shadow:none;
        }
        .dropdown-menu>li>a {
        	font-weight: 400;
			font-size: 12px;
			letter-spacing: 0px;
			line-height: 23px;
			border-bottom: 1px solid #EEE;
        }
        .smallscreen p.description{
			min-height: 15px;
			margin-bottom: 14px;
		}


@media (max-width: 767px) {
		.inline.visible-xs{
			display:inline !important;
		}
		.topbar-userpic{
			margin-right:0px;
		}
		.sidebar-bg, .side{
			width: 200px;
			left:-200px;
			-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
			-moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
			-o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
			transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
		}
		.sidebar-bg{
			position:fixed;
			height:1500px !important;
		}
		
		.smallscreen h1{
			font-size:16px;
		}
		.sidebar{
			height: 1000px;
			position: absolute;
			z-index: 9999;
			padding: 0;
			}
		.sidebar-bg.show, .menu-action{
			width:200px;
			left:0px;
			z-index: 5;
			}
	
		.content-area{
		    margin-left:0px;
		}
		.subcont{
			padding: 10px;
			margin-bottom:15px;
		}
		.nav-sidebar .notification-badge {

			margin-right: -15px;
		}
		.todo input.labelauty + label {
			margin-left: -5px;
    		margin-right: 5px;
		}
		.tile h1, .tile h2{
			text-align: center !important;
		}

		.menu-trigger {
			    font-size: 30px;
			    display: inline-block;
			    margin-right: 20px;
			    margin-left: 20px;
			    vertical-align: bottom;
			    color: #333;
		}
	}

/* ----- Main Navigation End ----- */

/* ----- Forms ----- */

.login .form-control {
		height: 21px;
		padding: 6px 16px;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
.login label {
			font-weight: 600;
			color: #383A3C;
			font-size: 11px;
			font-family: "Open Sans";
			text-transform: uppercase;
			letter-spacing: .3px;
		}

.login input[type=checkbox]+.lbl::before, input[type=radio]+.lbl::before {
			height: 17px;
			line-height: 16px;
			min-width: 17px;
			margin-right: 1px;
			margin-top: -2px;
		}

.login .radio, .checkbox {
			padding-left: 0px;
			line-height: 20px;
		}
.login input[type=checkbox]+.lbl, input[type=radio]+.lbl {
			font-weight: 400;
			color: #5E5E5E;
		}
.login .upload label{
			display: block;
		}

.login .uploadFile {
			width: 75%;
			float: left;
		}
.login .fileUpload {
			position: relative;
			overflow: hidden;
			margin-left: 1%;
			width: 24%;
			margin-top: 0px;
			margin-right: 0px;
			height: 35px;
			line-height: 25px;
		}
.login .small-upload{
			  margin-right: -10px;
		}
.login .small-upload .fileUpload {
		  width: 18%;
		  height: 27px;
		  line-height: 16px;
		}
.login .small-upload .form-control[disabled], .small-upload .form-control[readonly], .small-upload fieldset[disabled] .form-control {
		  cursor: default;
		  background-color: transparent;
		  font-size: 12px;
		  height: 28px;
		  text-align: right;
		  padding-right: 8px;
		  border: 0;
		}

.login .fileUpload input.upload {
			position: absolute;
			top: 0;
			right: 0;
			margin: 0;
			padding: 0;
			font-size: 20px;
			cursor: pointer;
			opacity: 0;
			height: 35px;
			filter: alpha(opacity=0);
		}

.login .datepicker {
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
.login .datepicker table tr td.active,
.login .datepicker table tr td.active:hover,
.login .datepicker table tr td.active.disabled,
.login .datepicker table tr td.active.disabled:hover {
			background-image: none;
			border: 0;
			border-color: transparent;
			text-shadow: none;
			border-radius: 0;
		}
.login .datepicker td,
.login .datepicker th {
			  -webkit-border-radius: 0px;
			  -moz-border-radius: 0px;
			  border-radius: 0px;
			}

.login .button-loader i.fa-spinner{
			margin-right: 5px;
		}
.login .chosen-container-single .chosen-single {
			padding: 0 0 0 15px;
			height: 35px;
			border: 1px solid #dedede;
			border-radius: 0;
			background-color: #fff;
			background: none;
			box-shadow: none;
			color: #555;
			line-height: 35px;
		}
.login .chosen-container .chosen-drop {
			border: 1px solid #dedede;
			border-top: 0;
			background: #fff;
			box-shadow: none;
			line-height: 35px;
		}
.login .chosen-container-active.chosen-with-drop .chosen-single {
			border: 1px solid #dedede;
			background-image: none;
			box-shadow: none;
		}
.login .chosen-container .chosen-results li {
			padding: 5px 6px;
			line-height: 20px;
		}
.login .chosen-container .chosen-results {
			margin: 0;
			padding: 0 0 0 0px;
		}
.login .chosen-container-single .chosen-search input[type="text"] {
			border: 1px solid #dedede;
		}

.login input:focus{
			outline: none;
		}
		

/* ----- Forms End ----- */

/* ----- WYSIWYG Editor ----- */

		.note-editor.note-frame {
			border: 0px solid #e5e9ec;
			margin-bottom: 0;
			border-radius: 0px;
		}
		.form-group .note-editor {
		border: 1px solid #e5e9ec;
		
		}
		.note-editor .btn-sm, .note-editor .btn-xs {
			border-radius: 3px;
			border: 1px solid #dedede;
			background: #FFF;
			color: #555;
		}
		.note-editor .note-toolbar {
			background-color: #FCFCFC;
			border-bottom: 1px solid #dedede;
		}
		.addtemplate a{
			cursor: pointer;
		}

/* ----- WYSIWYG Editor End ----- */

/* ----- Choser Plugin ----- */
.chosen-container-multi .chosen-choices{
    background-image:none;
    border: 1px solid #e5e9ec;
    font-size: 10px;
    box-shadow:0;
    line-height: 30px;
}
.chosen-container-multi .chosen-choices li.search-choice{
    background-image:none;
    background:#DDD;
    color:#707070;
    font-size: 10px;
    font-weight: 800;
    border:0;
    border-radius:0;
    box-shadow:none;
}
.chosen-container-active .chosen-choices{
    box-shadow:none;
}

/* ----- Choser Plugin End ----- */

/* ----- Data Tables ----- */
		.dataTables_wrapper .row{
		    margin-bottom:0px;
		}
		table.dataTable thead .no-sort.sorting {
		  background: none;
		   padding-right: 0;
		}
		.data-media{
			width: 100% !important;
		}
		table.dataTable thead .no-sort.sorting:after{
			content:"" !important;
		}

		table.dataTable thead > tr > th {
        padding-left: 10px;
        white-space: nowrap;
        }
		table, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
			border-color: #efefef;
		}
		.table-head{
			line-height: 46px;
			height: 46px;
			padding: 0 15px;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 0.6px;
			
			text-transform:uppercase;
			font-family: "Open Sans";
		}
		.tab-content .table-head{
			margin-top: 20px;
		}
		thead {
			font-weight: 500;
			font-size:12px;
		}
		tbody{
		    font-size:12px;
		}
		table.table {
			margin-top: 0px !important;
			}
		.table>thead>tr>th {
			font-weight: 600;
			}
		.table tr td{
			cursor:pointer !important;
			}
		.table.noclick tr td{
			cursor:default !important;
			}
			
		.table>thead>tr>th {
            border-bottom: 2px solid #EEE;
        }
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
            padding: 12px 10px 10px;
            border-top: 1px solid #EEE;
            }

		.dataTables_filter{
			margin-top: -26px;
		}
		div.dataTables_filter input {
			margin-top: -7px;
			height: 25px;
			border: 1px solid #e5e9ec;
			border-radius:3px;
			padding-left: 25px;
			outline: none;
			box-shadow:none !important;
			line-height:14px;
			width:60px !important;
			-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            
            background-image: url("../images/search-icon.png");
            background-repeat: no-repeat;
            background-position: 0 50%;
            -webkit-background-origin: padding-box;
            background-origin: padding-box;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-background-size: auto auto;
            background-size: auto auto;
            
		}
		div.dataTables_filter input:focus {

			width:150px !important;
		}

		div.dataTables_filter label {
			font-weight: normal;
			float: right;
			margin-top: -4px;
			height: 23px;
			}

		div.dataTables_info {
			color: #DDD;
			float: left;
			font-size: 11px;
			padding-top: 18px;
			padding-left: 5px;
		}
		div.dataTables_paginate ul.pagination {
			margin: 10px 0;
		}
		.dataTables_paginate{
			margin: -7px 0 7px 0;
		}
        .dataTables_paginate li.paginate_button.previous.disabled a, .dataTables_paginate li.paginate_button.next.disabled a{
            color: #DDD;
			border: 0;
            
        }
        .dataTables_paginate li.paginate_button a {
            height: 25px;
            line-height: 25px;
            padding-top: 0px;
            color:#444;
            font-size:12px;
            border:0;
        }
        .dataTables_paginate li.paginate_button a:hover{
        	background:none;
        }
        .dataTables_paginate li.paginate_button.active a {
            background:#FFF;
            border:0;
        }
        
		.paginate_disabled_previous, .paginate_disabled_next, a.paginate_disabled_previous:hover, a.paginate_disabled_next:hover {
			display: inline-block;
			margin-bottom: 0;
			font-weight: normal;
			text-align: center;
			vertical-align: middle;
			cursor: default;
			background-image: none;
			border: 1px solid transparent;
			white-space: nowrap;
			padding: 4px 9px;
			font-size: 12px;
			line-height: 1.428571429;
			border-radius: 0;
			margin-left: 5px;
			color: #ADADAD;
			text-decoration: none;
		}
		.paginate_enabled_next, .paginate_enabled_previous, a.paginate_enabled_previous:hover, a.paginate_enabled_next:hover{
			display: inline-block;
			margin-bottom: 0;
			font-weight: normal;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			background-image: none;
			border: 1px solid transparent;
			white-space: nowrap;
			padding: 4px 9px;
			font-size: 12px;
			line-height: 1.428571429;
			border-radius: 0;
			color: #007AFF;
			margin-left: 5px;
			text-decoration: none;
			background:none;
		}

		.minus{
			  color: rgb(255, 60, 60);
  			  
		}
		.plus{
			  color: #43AC6E;
  			  
		}
		.bold{
			 font-weight: 600;
		}


/* ----- Data Tables End ----- */


/* ---- Other Tables and lists ---- */

		.subcont {
			background:#FFF;
			padding: 10px;
		}
		ul.details,  .stdpad ul.details {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul.details li {
			padding: 7px 10px;
			border-bottom: 1px solid #ECECEC;
			min-height: 20px;
			font-weight: 400;
		}
		ul.details li .list-profile-img{
			vertical-align: bottom;
			margin-right: 5px;
		}
		ul.details li:last-child{
			border-bottom: 0;
		}
		ul.details .divider{
			border-top: 1px solid #ECECEC;
		}
		.stdpad ul.user-list{
			padding:0;
			margin: 15px 15px;
		}
		.stdpad ul.user-list ul.details{
			margin-left: 11px;
    		box-shadow: -2px 0 0 0 #e6e8ec;
		}
		.user-list li{
			list-style: none;
		    padding: 3px 0 0 0;
		    border: 0;
		}
		.user-list li .user-list-name{
			font-weight: 500;
		}
		.notask{
			border:0px !important;
		}
/* ---- Other Tables and lists End ---- */


/* ----- Tiles ----- */

		.tile{
			text-align: center;
			color:#444444;
			padding-bottom: 10px;
		}
		.tile-row{
			background:#FFF;
			padding-top:20px;
			margin: -14px -30px 15px;
			-webkit-box-shadow: 0 -2px 0 0 #C2C7D0 inset;
			box-shadow: 0 -2px 0 0 #C2C7D0 inset;
		}
		.tile-view{
			margin: -14px -15px 0px;
		}
		.tile-row .nav-tabs{
			margin:0px 15px;
			border:0;
		}
		.tile-row .nav-tabs li .badge, .tile-row .nav-tabs li.active .badge, .tile-row .nav-tabs li:hover .badge{
			margin-right: 5px;
		    padding: 2px 4px 3px 4px;
		    background-color: #ED5564;
		    font-weight: 600;
		    font-size: 9px;
		    font-family: "Open Sans";
		    vertical-align: bottom;
		}
		.tile-row .nav-tabs>li {
		  margin-bottom: 0px; 

		}
		.tile-row .nav-tabs>li.active>a{
			background:none;
		}
		.tile-row .nav-tabs>li.active>a, .tile-row .nav-tabs>li.active>a:hover, .tile-row .nav-tabs>li>a:hover, .tile-row .nav>li>a:hover, .tile-row .nav-tabs>li.active>a:focus {
		  cursor: pointer;
		  border: 0;
		}

		.tile-row .nav>li.modal>a {
		  border:0;
		  cursor: pointer;
		}
		.tile-row .nav>li>a {
		  padding: 10px 2px 8px;
		  margin: 11px 20px 0 0;
		  font-weight: 600;
		  color:#505458;
		  border:0;
		  -webkit-transition: box-shadow 300ms cubic-bezier(0.42, 0, 0.58, 1);
		  -moz-transition: box-shadow 300ms cubic-bezier(0.42, 0, 0.58, 1);
		  -o-transition: box-shadow 300ms cubic-bezier(0.42, 0, 0.58, 1);
		  transition: box-shadow 300ms cubic-bezier(0.42, 0, 0.58, 1);
		  -webkit-transition: color 100ms cubic-bezier(0.42, 0, 0.58, 1);
		  -moz-transition: color 100ms cubic-bezier(0.42, 0, 0.58, 1);
		  -o-transition: color 100ms cubic-bezier(0.42, 0, 0.58, 1);
		  transition: color 100ms cubic-bezier(0.42, 0, 0.58, 1);
		}
		.tile-row .nav>li>a.green:hover {
			color:#43AC6E;
			-webkit-box-shadow: 0 -2px 0 0 #43AC6E inset;
		  	box-shadow: 0 -2px 0 0 #43AC6E inset;
		}
		.tile-row .nav>li>a.red:hover {
			color:#D43F3A;
			-webkit-box-shadow: 0 -2px 0 0 #D43F3A inset;
		  	box-shadow: 0 -2px 0 0 #D43F3A inset;
		}
		.tile-row .nav>li.pull-right>a {
			margin: 10px 0 0 10px;
		}
		.tile-row .nav>li>a>i {
			font-size: 15px;
		}
		.tile-row .nav .open>a, .tile-row .nav .open>a:hover, .tile-row .nav .open>a:focus {
			background:none;
		}
		.tile-row .nav-tabs .dropdown-menu {
		  margin-top: -2px;
		}
		.tile-row #timer.badge {
			  padding: 3px 5px 2px 8px;
			  font-size: 12px;
			  font-weight: 400;
			  color: #FFFFFF;
			  background-color: #D43F3A;
			  border-radius: 30px;
		 }
		  
		.tile h1 {
			color:#505458;
			font-size: 17px;
		    font-weight: 500;
		    text-align: left;
		    text-transform: uppercase;
		    margin-top: 23px;
			}
		.tile h2 {
			font-size: 13px;
			color: #979797;
			margin-top: -2px;
			font-weight: 500;
			text-align: left;
		    text-transform: uppercase;
			}
		.circular-bar.tt div{
			display:inherit !important;
		}
		.circular-bar.tt {
			margin-top: -2px;
		}
/* ----- Tiles end ----- */


/* ----- Dashboard ----- */

		.stdpad{
            width: 100%;
            height:350px;
            
            font-size: 13px;
            font-weight: 300;
            background: #FFFFFF;
		}
		.stdpad-small{
            width: 100%;
            height:120px;
            margin-top: 10px;
            font-size: 13px;
            font-weight: 300;
            color: #FFFFFF;
            border-radius: 3px;
            font-family: "open sans";
		}
		.stdpad-small.red{
			background:#ed5564;
		}
		.stdpad-small.orange{
			background:#fb6e52;
		}
		.stdpad-small.green{
			background:#48cfae;
		}
		.stdpad-small.blue{
			background:#11A7DB;
		}
		.stdpad-small .icon{
			float: left;
		    width: 30%;
		    height: 71%;
		    border-right: 2px solid rgba(255, 255, 255, .4);
		    padding: 0px 18px 0 0;
		    margin: 17px;
		    font-size: 64px;
		    text-align: center;
		}
		.stdpad-small .stats .number{
			font-weight: 600;
			font-size: 30px;
			padding-top:28px;
		}
		.stdpad-small .stats .text{
			font-weight: 300;
			font-size: 16px;
			margin-top: -4px;
			white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		}
		.stdpad-small .stats{
			padding-right: 10px;
		}
		.stdpad-small .stats.two{
			padding-top: 10px;	
		}
		.stdpad-small .stats.two .number{
			padding-top: 4px;
			font-size: 19px;
		}
		.stdpad-small .stats.two .text{
			font-size: 15px;
		}
		.stdpad h2{
			margin-bottom: 15px;
            padding: 14px;
            font-size: 11pt;
            margin: 0;
            border-bottom: 1px solid #EEE;
            color: #000000;
            font-weight: 400;
			
		}
		.stdpad .eventlist .label{
			border:0px !important;
		}
		.stdpad ul{
			list-style: none;
			margin: 0;
			padding: 0 5%;
		}
		.stdpad-small .circular-bar canvas{
			margin-top: 12px;
		}
		ul.eventlist{
		    margin-top: 10px;
		    height:228px;
		    overflow:hidden;
		}
		ul.eventlist li{
		    border-bottom: 1px solid #EEE;
            margin-bottom: 9px;
            line-height: 21px;
		}
		.todo a{
			font-weight: 400;
			color: #444;
			font-weight: 300;
			font-size: 12px;
			line-height: 18px;
		}
		.todo li.owntask{
			background:#fffbf5;
		}
		.todo li.owntask.highlight__task{
			background:#EEF0F3;
		}
		ul.todo li.list-item, ul.todo li.ui-state-highlight{
			line-height: 22px;
		}
		ul.todo h5{
			font-size: 10px;
		    font-weight: 600;
		    letter-spacing: 1px;
		    font-family: "Open sans";
		    text-transform: uppercase;
		    padding: 0px 16px 10px 16px;
    		margin: 10px 0px 0px;
		    border-bottom: 1px solid #EEEEEE;
		}

		@media (max-width: 767px){
			.stdpad ul.todo input.labelauty + label {
     			margin-left: 0px;
     		}
		}
		
		.stdpad ul.todo input[type=checkbox]+.lbl, .stdpad input[type=radio]+.lbl {
            width: calc(100% - 60px);
            width: -moz-calc(100% - 60px);
            width: -webkit-calc(100% - 60px);
        }
		ul.dash-messages {
		    margin-top: 5px;
			height: 290px;
			overflow: hidden;
			-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
		}
		ul.dash-messages a{
			color:#8D8D8D;
		}
		ul.dash-messages li .userpic{
			height: 21px;
			width: 21px;
			float: left;
			margin-right: 10px;
			margin-top: 6px;
		}
		ul.dash-messages li p{
			margin-bottom:0px;
		}
		ul.dash-messages li{
			margin-bottom:-6px;
		}
		.dash-messages__header{
			font-weight: bold;
			font-family: "Open Sans";
		    font-size: 12px;
		    color: #5A5F63;
		    margin: 0;
		    padding: 0;
		}
		.dash-messages__name{
			font-size: 12px;
			font-weight: 400;
		    color: #949494;
		    margin: 0;
		}
		.dash-messages__body{
			color: #5A5F63;
		    box-shadow: -1px 0px 0px 0px #DDD;
		    padding: 8px 20px 15px;
		    margin-left: 11px;
		    margin-top: -7px;
		}
		ul.dash-messages li span.new{
			font-size: 11px;
			color:#1cbce8;
			padding-right: 5px;
		}
		.dashboard-chart{
			background:#FFFFFF;
		}

		#stat-numbers div{
		    text-align:center;
		}
		#stat-numbers div h2{
		   font-size: 28px;
			color: #505458;
			font-weight: 400;
		}
		#stat-numbers div h5{
		    color: #505458;
            font-weight: 300;
            font-size: 16px;
		}
		#stat-numbers div small{
		   color:#777;
		   font-weight:300;
		}

/* ----- Dashboard End -----*/


/* ----- Messages ----- */

        .note-editable{
            background:#FFFFFF;   
        }
        .message{
            background:#FFFFFF;
        }
		.messages-left{
			padding: 0;
		}
		.timeline .userpic{
		    width: 20px;
		    height:20px;
            margin-right: 10px;
		}
		.message-list-header span{
		    display:none;
		}
		.message-list-footer{
		    height: 27px;
            background: #F7F7F7;
		    
		}
		.message-list-menu{
			height:30px;
			line-height: 30px;
			font-size: 14px;
			font-weight: 300;
			border-right: 1px solid #dedede;
			background: #9b9b9b;
			
		}

		.message-list .mCSB_container {
			margin-right: 0px;
		}
		.message-list .mCustomScrollBox>.mCSB_scrollTools {
			margin-right: -8px;
		}
		.messages-right .mCustomScrollBox>.mCSB_scrollTools {
			margin-right: -7px;
		}
		.message-list{
			border-right:1px solid #dedede;
		}
		.message-list ul {
			margin: 0;
			padding:0;
		}
		.message-list ul li a p{
			color:#A7A7A7;
			font-weight:300;
		}
		.message-list ul li{
			margin: 0;
			padding: 20px 25px 14px 25px;
			list-style: none;
			min-height: 98px;
			border-bottom: 1px solid #dedede;
		}
		.message-list ul li:hover{
			background: #F1F1F1;
			cursor: pointer;
		}
		.message-list ul li.active{
			border-right: 2px solid #00ADFF;
			/*background-color: #F1F1F1;*/
		}
		.message-list ul li i.fa-circle-o{
			color:#BBB;
		}
		.message-list ul li.New i.fa-circle-o{
			color:#00B8FF;
		}
        .message-list ul li p{
            margin:0 0 4px;
        }
		.message-list ul li p.name{
			color:#555;
			font-weight: 400;
			font-size: 14px;
			margin-top: 0;
		}
		.message-list ul li.New p.name{
			color: #000;
		}
		.message-list ul li .datetime{
			color: #52AFDB;
			font-size: 10px;
		}
		.message-list ul li p.subject{
		    font-weight: 400;
            color: #2b2b2b;
            font-size:13px;
            margin-bottom:2px;
		}
		.message-list ul li a.message-list-delete{
		    color: #555;
            padding: 5px 9px;
            position: absolute;
            display: none;
            right: 0;
            margin-top: -23px;
		    
		}
		.message-list ul li.New:hover a.message-list-delete, .message-list ul li.Read:hover a.message-list-delete, .message-list ul li.Replied:hover a.message-list-delete, .message-list ul li.Marked:hover a.message-list-delete, .message-list ul li.Read:hover a.message-list-delete{
		    display:block;
		}
        .messages-right{
            background:#F1F1F1;
        }
		.message-content-menu{
			margin: 25px 15px 0px;
		}
		.message-content-header{
			border-bottom: 1px solid #F0F0F0;
			margin: 10px 15px 0px;
			padding:10px 0;
		}
		.message-content-header img{
			max-height: 42px;
		}
		.message-content-header h2{
			margin:5px 0 5px;
			font-size:16px;
			font-weight:400;
			color:#666;
		}
		.message-content-header small{
			margin:10px 0 0;
			font-size:12px;
			font-weight:300;
			color:#666;
		}
		.message-content-header small .date-label{
			font-size: 11px;
            color: #525252;
            font-weight: bold;
            float: right;
		}
		
		.message-content-header-sub{
			margin: 5px 15px;
			font-size: 13px;
		}
		.message-content-header-sub img{
			height: 19px;
		}
		.message-content{
			padding: 30px;
			line-height: 22px;
			font-size: 12px;
			font-weight: 400;
		}
		.message-content-footer{
			border-top: 1px solid #F0F0F0;
			margin: 10px 15px;
			padding: 5px 0;
		}
		.message-content-footer .label{
			font-size: 11px;
			font-weight: 400;
			letter-spacing: 0px;
			background: #63C767;
		}
		.message-content-footer .label i{
			margin-right: 3px;
		}
		.message-content-footer a:hover{
			color:#FFF;
			background-color: #43A847;
		}
		.message-previous {
			background:#FFFFFF;
		}
		.message-content-reply{
			padding: 15px;
			display: none;
			opacity: 0;
			
		}
		.message-container .userpic{
			width:18px;
			margin-right: 10px;
		}


/* ----- Messages End ----- */

/* ----- Messages New Start ------- */
		.message-slider {
			position: fixed;
			top: 0;
			left: 60%;
			bottom: 0;
			width: 40%;
			z-index: 5;
			-webkit-transform: translateX(200%);
			transition-duration: .5s;
			padding: 50px 30px;
			background: #efefef;
		}
/* ----- Messages New End ------*/


/* ----- Project view -----*/
        .tracking-counter {
            color: #444;
            border: 1px solid #444;
            padding: 4px 10px 5px;
            border-radius: 3px;
            font-weight: 400;
            letter-spacing: 2px;
            margin-left: 5px;
        }
        .preview{
            padding:15px;
            
        }
        .preview img{
            max-width:100%;
        }
        .details > li > span:first-child{
		    display: block;
		    margin-bottom: 2px;
		    color: #A4A5A9;
		    font-weight: 700;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    font-size: 11px;
		    font-family: "Open Sans";
		    text-transform: uppercase;
		    letter-spacing: .3px;
        }
		ul.todo{
			list-style: none;
			padding: 0;
			margin-bottom:0;
		}
		ul.todo li{
			list-style: none;
		}
		.task__icon{
			font-size: 17px;
    		vertical-align: middle;
    		color: rgba(0, 0, 0, 0.64);
		}
		ul.todo li.list-item, ul.todo li.ui-state-highlight{
			line-height: 40px;
			height:40px;
			margin: 0 0 0 4px;
            padding-left: 15px;
			border-bottom: 1px solid #EEE;
            overflow:hidden;
		}
		.notask.list-item{
			color: #a9a9a9;
		    text-transform: uppercase;
		    font-size: 11px;
		}
		.todo label{
			line-height: 14px;
		}
		.todo input.labelauty + label{
			margin-top: 11px;
		}
		.stdpad .todo input.labelauty + label{
			margin-top: 0px;
			margin-right: 10px;
		}
		
		.stdpad ul.todo li{
		    padding: 11px 0 0 15px;
    		margin: 0 4px;
    		line-height: 14px;
		}
		.stdpad .empty {
			text-align: center;
		    color: #A9A9A9;
		    font-family: "open sans";
		    text-transform: uppercase;
		    font-size: 10px;
		    font-weight: 600;
		}
		.stdpad .empty i{
			font-size: 51px;
		    margin: 20px auto 0px;
		    text-align: center;
		    color: rgb(216, 220, 227);
		    line-height: 46px;
		}
		ul.todo li.slidedown{
		    height:300px;
		    overflow-y: auto;
		}
		.todo-details{
		    padding: 10px;
            display: none;
		}
		.todo-details ul.details{
		    padding-left: 0;
            
		}
		.todo-details h3{
		    font-size: 14px;
		    color:#484848;
            font-weight: 600;
            line-height: 23px;
            border-bottom: 1px solid #EEE;
		}
		.todo-details p{
		    line-height: 22px;
		}
		ul.todo .listevenitem {
			background: #f9f9f9;

		}
		ul.todo .edit-button, ul.todo .list-button{
			height: 38px;
		    line-height: 38px;
		    display: inline-block;
		    padding: 0 10px 0 0;
		}
		ul.todo .edit-button:hover {
			color:#222;
		}
		ul.todo li.done .lbl p{
			color:#c7c7c7;
			
		}
		ul.todo li .lbl p{
			padding-left: 10px;
			display: inline-block;
			width: 70% !important;
			height: 40px;
			line-height: 40px;
			margin: 0px;
			
		}
		.pointer:hover{
			cursor: pointer;
		}
		ul.todo li input{
			height:24px;
		}
		ul.todo li .list-profile-img{
			    margin-right: 10px;
			    height: 21px;
			    vertical-align: middle;
			    margin-top: -3px;
    			box-shadow: 0 0 0 2px #d8dce3;
		}
		ul.todo input[type=checkbox]+.lbl, input[type=radio]+.lbl {
		width: calc(100% - 125px);
        width: -moz-calc(100% - 125px);
        width: -webkit-calc(100% - 125px);
		}
		ul.todo input[type=checkbox]+.lbl::before, ul.todo input[type=radio]+.lbl::before {
		margin-top: -50px;
		}
		.task__quick-add{
		    padding: 10px;
		    border-bottom: 1px solid #eee;
		}
		.priority-selector--group{
			height: 11px;
		    width: 70px;
		    position: absolute;
		    float: right;
		    right: 33px;
		    margin-top: -21px;
		    text-align: right;
		}
		.priority-selector{
			height: 11px;
		    width: 11px;
		    display: inline-block;
		    position: absolute;
		    background: #11A7DB;
		    border-radius: 50%;
		    box-shadow: 0 0 0 1px #ffffff;
		    right: 0px;
    	}
    	.priority-selector--low{
			background: #61c775;
    	}
    	.priority-selector--mid{
			background: #11A7DB;
    	}
    	.priority-selector--high{
			background: #ed5564;
    	}
		.task__quick-add input{
			margin: 0px;
		    border: 1px dashed #c0c5ce;
		    border-radius: 4px;
		    color: #171616;
		    font-weight: 300;
		    width: 100%;
		    line-height: 30px;
		    font-size: 14px;
		    padding: 0 7px;
		}
		.min-height-410{
		    min-height:403px;
		}
		.min-height-200{
		    min-height:205px;
		}
		.table-div .table tr.active{
			font-weight: 600;
		}
        .no-files{
            text-align:center;
            font-size:13px;
            color:#CCC;
            font-weight:300;
            padding-bottom: 50px;
            padding-top: 50px;
        }
        .no-files i {
            font-size:120px;
            color:#EEE;
        }
        #changed{
            display:none;
            margin: 13px 8px;
        }
        .minipic{
        	width:20px;
        	height:20px;
        	border-radius: 60px;
			margin-top: -3px;
        }
        .option{
            padding-right:5px !important;
            
            text-align:center;
        }
		.timeline {
		    list-style: none;
		    padding: 0 0 20px;
		    position: relative;
		}

		/*comment list*/
		ul.comments{
			padding:0;
			margin:0;
		}
		.add-comment{
				height:300px;
				display:none;
			}
		ul.comments li.comment-item{
			list-style: none;
			margin:15px 10px;
			border-bottom: 1px solid #eaecf0;
			padding-bottom:15px;
		}
		ul.comments li:last-child {
		  border-bottom: none;
		}
		.comment-pic, .comment-content{
			display: table-cell;
    		vertical-align: top;
		}
		.comment-pic img{
			width: 42px;
			height: 42px;
		    padding: 2px;
		    border: 2px solid #dbdfe6;
		    margin-top: 8px;
		}
		.comment-pic i{
			font-size: 20px;
		    border: 2px solid #DDD;
		    border-radius: 1000px;
		    padding: 8px 13px;
		    margin-top: 10px;
		    background-color: #FFFFFF;
		}
		.comment-content{
			zoom: 1;
			overflow: hidden;
			width: 10000px;
			padding-left:10px;
		}
		.comment-content h5, .comment-content input{
			font-size: 12px;
		    font-weight: 700;
		    color: #3b4354;
		    margin-bottom:0px;
		}
		.comment-content p{
		    margin-bottom:3px;
		    font-size: 13px;
    		color: #6D7679;
		}
		.comment-content p.nodata{
			margin-bottom: 3px;
		    font-size: 10px;
		    color: #505458;
		    text-align: center;
		    text-transform: uppercase;
		    margin-left: -12px;
		    margin-top: 14px;
		    font-weight: 500;
		}
		.comment-content textarea{
			font-size: 12px;
		    font-weight: 700;
		    color: #3b4354;

		}
		.comment-content input#subject{
			border:none;
			padding: 0px;
    		height: 19px;
		}
		.comment-content .note-editable{
			height:140px !important;
			border-bottom: 1px solid #dedede;
    		border-left: 1px solid #dedede;
    		border-right: 1px solid #dedede;
		}
		.comment-content .note-toolbar {
		    padding: 0 0 5px 0px;
		}

    .timeline:before {
        top: 10px;
        bottom: 120px;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #444;
        left: 5%;
        margin-left: -5.5px;
    }
    .timeline-firstentry{
    	margin-top:10px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }
    .timeline-profile-img{
    	border:2px solid #444;
    	width:38px;
    	height:38px;
    }
        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 90%;
            float: left;
            /* border: 1px solid #DDDDDD; */
            background: #FFF;
            padding: 20px;
            position: relative;
            -webkit-transition: background 0.5s linear;
            -moz-transition: background 0.5s linear;
            -ms-transition: background 0.5s linear;
            -o-transition: background 0.5s linear;
            transition: background 0.5s linear;
        }
        .timeline > li > .timeline-panel.highlight{
            background-color:#EFFBFF;
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 16px;
                right: -4px;
                display: inline-block;
                border-top: 4px solid transparent;
             /* border-left: 4px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 4px solid transparent; */
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 10px;
                right: -3px;
                display: inline-block;
                border-top: 12px solid transparent;
                border-left: 12px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 12px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 1em;
            text-align: center;
            position: absolute;
            top: 1px;
            left: 5%;
            margin-left: -25px;

            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li > .timeline-badge.gray{
        	background: #505458;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 7px;
                left: -7px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 6px;
                left: -6px;
                right: auto;
            }

			.timeline-badge.primary {
			    background-color: #2e6da4 !important;
			}

			.timeline-badge.success {
			    background-color: #3f903f !important;
			}

			.timeline-badge.warning {
			    background-color: #f0ad4e !important;
			}

			.timeline-badge.danger {
			    background-color: #d9534f !important;
			}

			.timeline-badge.info {
			    background-color: #5bc0de !important;
			}

			.timeline-title {
			    margin-top: 0;
			    margin-bottom: 2px;
			    padding-bottom: 5px;
			    border-bottom: 1px solid #EEE;
			    color: inherit;
			}
			#timeline-comment .timeline-title{
				margin-bottom: 10px;
			}
			.timeline .writer{
				padding-right: 10px;
			}
			.timeline .text-muted{
				color: #8B8B8B;
				font-weight: 300;
			}
			.timeline .open-comment-box{
				cursor: pointer;
			}
			
			.timeline #timeline-comment{
				display: none;
				opacity: 0;
			}

			.timeline-body > p,
			.timeline-body > ul {
			    margin-bottom: 0;
			    font-weight: 300;
			}

			    .timeline-body > p + p {
			        margin-top: 5px;
			    }

			@media (max-width: 767px) {
				.btn-group-justified>.btn, .btn-group-justified>.btn-group{
					width: auto;
					display: inline-block;
				}
				.btn {
					
				}

				.row{
                    }
                ul.todo li .lbl p {
				width: 50% !important;
				padding-left: 0px;
				}
				.todo-details{
					margin-top: 0px;
					min-height: 600px;
				}
                .subcont ul.details {
                    padding-top: -10px;
                }
                .todo-details ul.details {
                    margin-left: 10px;
                    margin-right: 10px;
                }
                .todo-details .col-sm-10{
                    padding: 25px;
                }
                ul.todo li {
                    padding-left: 10px;
                }
				.dashboard-chart{
					padding: 15px;
				}
				
				ul.todo li {
				    padding:0;
				    
				}
				.stdpad ul.todo input[type=checkbox]+.lbl, .stdpad input[type=radio]+.lbl {
                    width: calc(100% - 90px);
                    width: -moz-calc(100% - 90px);
                    width: -webkit-calc(100% - 90px);
                }
                .stdpad ul.todo li .lbl p {
                    padding-left: 5px;
                    width: 80% !important;
                 }
                
				    ul.timeline:before {
				        left: 40px;
				        display: none;
				    }
				    .timeline #timeline-comment{
						display: block;
						opacity: 1;
					}

				    ul.timeline > li > .timeline-panel {
				        width: 100%;
				    }

				    ul.timeline > li > .timeline-badge {
				        left: 15px;
				        margin-left: 0;
				        top: 16px;
				        display: none;
				    }

				    ul.timeline > li > .timeline-panel {
				        float: right;
				    }

		        ul.timeline > li > .timeline-panel:before {
		            border-left-width: 0;
		            border-right-width: 15px;
		            left: -15px;
		            right: auto;
		            display: none;
		        }

		        ul.timeline > li > .timeline-panel:after {
		            border-left-width: 0;
		            border-right-width: 14px;
		            left: -14px;
		            right: auto;
		            display: none;
		        }
		        .pull-right-responsive{
		        	float: none;
		        }
			}

	.tab-content{ 
	 	margin-top: -15px;
	}	


/* ----- Project view End -----*/



/* ----- Ticket single page ----- */
		
		.ticket-details{
			list-style: none;
			padding-left: 15px;
			padding-top: 1px;
			padding-bottom: 15px;

		}
		
		.ticket-details li{
			line-height: 25px;
			font-weight: 600;
		}
		.ticket-details h6{
			color: #444;
			font-weight: 300;
			font-size: 14px;
			display: block;
			margin: 11px 0 3px;
			
		}

		.article-content{
			margin-top: 10px;
			padding:15px;
			background:#FFF;
		}
		.article-header .article-title{
			margin-top: 0;
			margin-bottom: 2px;
			padding-bottom: 5px;
			border-bottom: 1px solid #EEE;

		}
		.article-sub {
			font-size: 12px;
			color: #8B8B8B;
			font-weight: 300;
			padding-right:10px;
		}
		.article{
			color: #444;
			font-weight: 300;
			font-size: 14px;
			line-height: 20px;
			min-height: 50px;
		}
		.article-body{
			color: #444;
			font-weight: 300;
			padding:20px 0 0;
		}
		.article-content hr{
			margin-bottom: 10px;
		}
		.ticket-content-menu{
			margin:15px 0 0;
		}
		.ticket-message{
			border: 1px solid #22A7F0;
			margin-top: 20px;
		}
		.ticket-message h2{
			font-size: 18px;
		}
		.ticket-history-message{
			margin-top: 30px;
			border: 1px solid #EEE;
		}
		.ticket-message-content {
			padding: 15px 20px;
			line-height: 22px;
		}
		.fadein{
			height:0px;
			opacity: 0;
			overflow:hidden;
			display:block;
			opacity: 1;
			-webkit-transition: all 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 10ms;
			-moz-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 10ms;
			-o-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 10ms;
			transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 10ms;
		}
		.slide{
			height:auto;
			opacity: 1;
			margin-top:10px;
		}
		.textarea-footer{
			background:#FCFCFC;
			border-left: 1px solid #e5e9ec;
			border-right: 1px solid #e5e9ec;
			border-bottom: 1px solid #e5e9ec;
			padding:5px 7px;
		}
		.ticket-textarea-footer{
			background:#FCFCFC;
			border-top: 1px solid #e5e9ec;
			padding:5px 7px;
		}

/* ----- Ticket single page end ----- */

/* ----- Quotation ----- */
p.subline{
	font-weight: 100;
	color: #999;
	font-size: 12px;
}
.fullpage-logo{
	margin:30px 20px 20px;
}
.question{
	font-weight: 500;
	color: #444;
	padding: 15px 0 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #EEE;
}
.answer{
	font-weight: 300;
	color:#444;
	padding:5px 10px;
}
/* ----- Quotation end -----*/


/* ----- Settings Page ----- */

		ul.log{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul.log li{
			color: #808080;
			height: 35px;
			line-height: 35px;
			padding: 0 10px;
			font-weight: 400;
			font-size: 11px;

		}
		ul.log li.listevenitem{
			background:#f5f7fa;
		}
		ul.log .label {
			font-size: 100%;
			margin-right: 10px;
		}
		.list-group{
			margin-top: 0px;
		}
		.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
		    border-color: #D8DCE3;
    		background-color: #FFF;
		}
		.list-group-item:last-child {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		}


	.table-head .pull-right .dropdown-toggle {
		margin-top: 11px;
		
	}
	.table-head .pull-right .dropdown-menu{
		text-transform: none;
	}
	.table-head span.option-icon i{
		color: #505458;
    	margin: 18px 10px;
	}

	.template_container{
		border:1px solid #DDD;
		padding:0px;
		margin:15px;
		float:left;

	}
	.template_container img{
		
	}
	.template_container_bottom{
		  padding: 5px 10px;
		  text-align: center;
		  border-top: 2px solid #ddd;
	}
	.template_container_bottom a{
		color:#11A7DB;
		text-transform: uppercase;
		font-size: 12px;
	}
	.template_container_bottom.active{
		color:#43AC6E;
		text-transform: uppercase;
		font-size: 12px;
		border-top: 2px solid #43AC6E;
		padding: 7px 0px 6px;
	}



/* ---- Settings PAge End -----*/


/* ---- Stripe Payment classes---- */

.payment-errors.alert{
	color: #f5f5f5;
    font-weight: 400;
    background: #ed5564;
    padding: 5px 10px;
    border-radius: 2px;
}
.payment-help{
padding-bottom:20px;
}

/* ---- Nano scroll stuff -----*/

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.nano > .nano-content:focus {
  outline: none;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background: rgba(117, 117, 117, 0.2);
  position: absolute;
  width: 8px;
  right: 8px;
  top: 8px;
  bottom: 8px;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: #C7C7C7;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
}
.nano > .nano-pane:hover > .nano-slider,
.nano > .nano-pane.active > .nano-slider {
  background: #A6A6A6;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}
.stdpad .nano{
	height:296px;
}
/* ---- End Nano scroll stuff -----*/


/* fullcalendar start */
.fc{
	    padding: 15px 0px;
}
.fc-toolbar button {
    position: relative;
    /* border-radius: 3px; */
    border: 0;
    font-weight: 600 !important;
    word-spacing: 1px;
    letter-spacing: .6px;
    font-size: 10px !important;
    font-family: "Open Sans", Arial;
    text-transform: uppercase;
    padding: 6px 12px;
    height: auto;
}
.fc-center h2{
	    color: #505467;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
}
.fc-today-button{
	font-size: 11px;
}
.fc-button:focus{
	outline:none;
}

.fc-event, .fc-event:visited{
	background-color: #3BBEB0;
    border: 0;
    line-height: 22px;
    margin-left: 5px;
    padding-left: 5px;
    color: #FFFFFF;
    margin-right: 5px;
}

.fc-state-default{
		background-image: none;
	    color:#FFFFFF;
	    text-shadow: none;
	    box-shadow: none;
	    border-color: #FFF;
}
.project-event, .project-event:visited{
	background-color: #58B98D;
    border-color: #58B98D;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    color: #ffffff;
}

.google-event{
	background-color: #11a7db !important;
}
.fc-event:focus, .google-event:hover{
	text-decoration: none;
	color: #FFF;
 }
.fc-event:hover{
    color: #FFF;
    text-decoration: none;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.68) inset;
}
.fc-time-grid-event.fc-event{
	border: 1px solid rgba(0, 0, 0, 0.21) !important;
}
.fc-unthemed .fc-today {
    background: rgba(17, 167, 219, 0.09);
}
.fc-button:hover, .fc-state-active{
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        background: #15b9ef;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
    border-color: #D8DCE3;
}

.fc th {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #505467;
    padding: 6px 5px !important;
    letter-spacing: 1px;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
    color: #505467;
}

/* End fullcalendar */

.timepicker-picker .btn{
	background:none;
}
.timepicker-picker .btn span, .timepicker-picker .btn-primary{
	background:#eeeeee;
	color:#555;
	height:25px;
	line-height: 25px;
}
.timepicker-picker .btn span:hover, .timepicker-picker .btn-primary:hover{
background:#444444;
color:#FFF;
}
.bootstrap-datetimepicker-widget .datepicker table td.active, .bootstrap-datetimepicker-widget .datepicker table td.active:hover{
	border-radius: 3px !important;
}
.bootstrap-datetimepicker-widget .datepicker table tr td.today {
    background-color:#D0EBFF;
    border-color: #69BFFF;
}
.bootstrap-datetimepicker-widget .datepicker table tr td.today:hover {
    background-color: #5BD5FF;
    border-color: #00D6F5;
}
/* panels */
.panel-wrapper{
	background:#FFFFFF;
	padding: 20px 20px;
}
.panel-heading{
	font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    color: #505467;
    font-weight: bold;
    letter-spacing: .2px;
    padding: 0 0 8px;
}
.panel-heading .title.red{
	color: #d9534f;
}
.panel-content h2, .panel-content h2 a{
	color: #505458;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: normal;
    font-size: 14px;
    margin: 0;
}
.update-panel{
	opacity:0;
	height:0px;
	overflow: hidden;
	padding-top:0;
	padding-bottom:0;
}
.update-panel #hideUpdate{
	opacity: 0.4;
}
.update-panel #hideUpdate:hover{
	cursor: pointer;
	color:#d9534f;
	opacity: 1;
}
.update-panel .tile-icon{
	margin-top: 5px;
    margin-right: 44px;
}
.panel-footer{
	color: rgba(114, 119, 121, 0.7);
    margin: 10px 0 0;
    font-weight: 500;
    line-height: 14px;
    font-size: 12px;
    letter-spacing: normal;
    padding: 0;
    background: none;
    border: 0;
}
.fc-axis.fc-widget-header{
	width:35px !important;
}
.fc-title{
	padding-left: 5px;
	font-weight: 600;
    font-family: "open sans";
}

/* ----- Color Selector ----- */

.color-selector{
	width:15px;
	height:15px;
	display:inline-block;
	margin-right: 10px;
}
.color-selector input{
	opacity:0;
}
.color-selector input:hover{
	cursor:pointer;
}
.color-selector.selected{
	box-shadow: 0px 0px 0px 2px #444;

}

.bgColor1{
	background:#D9434E !important;
}
.bgColor2{
	background:#E3643E !important;
}
.bgColor3{
	background:#F59B43 !important;
}
.bgColor4{
	background:#F5BA42 !important;
}
.bgColor5{
	background:#B1C252 !important;
}
.bgColor6{
	background:#3BB85D !important;
}
.bgColor7{
	background:#3BBEB0 !important;
}
.bgColor8{
	background:#3BB1D9 !important;
}
.bgColor9{
	background:#4B8CDC !important;
}
.bgColor10{
	background:#7277D5 !important;
}
.bgColor11{
	background:#B276D8 !important;
}
.bgColor12{
	background:#D870AD !important;
}
.bgColor13{
	background:#A5ADB8 !important;
}
.bgColor14{
	background:#31353C !important;
}


/* ----- jQuery Ui Styles ---- */

		.ui-slider .ui-slider-handle {
			width: 0.8em;
			height: 1.4em;
		}
		.ui-slider-handle {
			border: 0;
			border-radius: 0px;
		}
		.ui-slider-handle:before {
			border-radius: 0;
		}
		.slider-group{
			padding-left: 10px;
			padding-top: 6px;
			margin: 5px 0;
		}

/* ckeditor */

a.cke_button {
	height: 25px !important;
}
.cke_toolgroup, .cke_combo_button { 
	background:#FFFFFF !important;
	background-image: none !important;
}
.cke_top{
	background:#EEE !important;
	background-image: none !important;
}

a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active{
	background:#EEE !important;
	background-image: none !important;
}

/* ----- Login Page ----- */
		.login .checkbox-group label {
			width: 90%;
			margin: 0;
			padding: 0;
		}
		.login .checkbox-group input {
			margin: 0;
			padding: 0;
		}
		.login .help-block {
			margin: 0 0 0 10px;
		}
		.login .logo{
			text-align: center;
			padding: 15px;
			margin: -25px -30px 15px;
			
		}
		.login .logo img{
			max-width: 300px;
		}
		.form-signin {
			max-width: 490px;
			padding: 10px 70px 10px 70px;
			min-height: 100vh;
		}
.form-signin.two-columns {
	max-width: 980px;
}
.form-signin.two-columns .btn-primary{
	width: 200px;
	margin: 0 auto;
	height: 40px;
	display: block;
}

		.form-signin .sub{
			margin-top: 5px;
		}
		.form-register {
			max-width: 800px;
		}
		.form-signin .small{
			text-align: center;
			color:#28a9f1;
		}
		.form-signin.slidein{
			opacity:1;
			margin: 8% auto 0;

			-webkit-transition: all 800ms cubic-bezier(0.655, -0.02, 0.32, 1.03) 400ms;
			-moz-transition: all 800ms cubic-bezier(0.655, -0.02, 0.32, 1.03) 400ms;
			-o-transition: all 800ms cubic-bezier(0.655, -0.02, 0.32, 1.03) 400ms;
			transition: all 800ms cubic-bezier(0.655, -0.02, 0.32, 1.03) 400ms;
		}
		.login .fileUpload.btn.btn-primary{
			width:auto !important;
		}

		.login input.form-control {
			padding: 0 10px;
			border: 0;
			font-family: Arial;
			font-size: 12px;
			font-weight: 300;
			background: transparent;
		}
		.login label {
			padding-left: 2px;
			padding: 8px 10px 0px;
			margin-bottom: 0px;
			-webkit-font-smoothing: antialiased;
		}
		.login .btn-primary {
			  border: 0px;
			  line-height: 22px;
			  text-transform: uppercase;
			  font-size: 10pt;
			  font-weight: 300;
			  -webkit-font-smoothing: antialiased;
			  padding: 3px 30px;
		}
		.login .btn-success,
		.login .btn-default {
			  width: 100%;
			}
		.login .button-space {
			margin: 0 0 2px 0;
		}
		.login hr{
			margin:5px 0 15px;
		}
		.login div.forgotpassword {
			text-align: right;
			float: right;
		}
		.login .forgotpassword a{
			font-size: 10px;
			/* -webkit-font-smoothing: antialiased; */
			font-family: "open sans";
			text-transform: uppercase;
			font-weight: 600;
		}
		.login #error{
			background: #ed5564;
            color: #FFF;
            font-weight: 600;
            font-size: 12px;
            /*display: none;*/
            padding: 10px 5px;
            margin: 10px 0 20px;
            text-align: center;
            border-radius: 2px;
            font-family: "Open Sans";
		}
		.login .forgotpass-info, .login .forgotpass-success{
		    color: #444;
		    font-weight: 400;
		    padding: 10px;
		    margin: 10px 0 20px;
		    text-align: center;
		    background: #e5e9ec !important;
		    border-radius: 2px;
		    border: 1px solid #C9CFDA;
		    font-size: 12px;
		}
		.login .forgotpass-success{
		    background: #43AC6E;
		}
		@media (max-width: 767px) {
			body.login{
				background:#FFFFFF;
			}
			.form-signin {
				margin-top: 0px;
			}
		}
		.login .header{
			  text-align: center;
  			  color: #888;
		}
        
/* ----- Login Page Styles End  ----- */ 



/* ----- Installer ----- */
.install .logo{
			text-align: center;
			padding: 13px;
			background:none !important;
		}
.install h4{
	font-size: 14px;
}
.install h3 {
color: #2F373D;
font-weight: 400;
}
.install .nav-pills p{
	font-size:10px;
}
.install .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
background-color: #15B9EF;
}
.install-frame{
	margin-top: 2%;
}
.install-content{
	background: #FFFFFF;
	padding:20px; 
}

.install .nav-pills>li>a {
border-radius: 2px;
}
.install .thumbnail{
	border:0px;
}

/* ----- Installer end -----*/


/* ----- Update Page ------ */
.upd-header{
font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #cccccc;
    padding-bottom: 7px;
    padding-top: 20px;
}


/* Dashboard 2.0 */
.tile-base{
	font-family: 'open sans';
	background:#FFFFFF;
	padding:15px;
}
.tile-base--flexed{
	flex:1;
}
.tile-small-header{
	font-weight:600;
	font-size: 10px;
	color: #505458;
	text-transform: uppercase;
	margin-bottom:2px;
}
.tile-icon {
	position: absolute;
	right:0px;
    margin: -14px 31px 2px 0px;
    color: #A4A8AD;
}
.tile-icon i{
	font-size:41px;
}
.tile-body{
font-weight:500;
font-size: 18px;
color: #6F6F6F;
margin-bottom:5px;
}
.tile-bottom{
	margin-top: 10px;
}

.tile-progress{
	height:4px;
	border-radius: 0;
	background: rgba(17, 167, 219, 0.18);
}
.tile-progress--green{
	background: rgba(67, 172, 110, 0.30);
}
.tile-progress--green .progress-bar{
	background: #43ac6e;
}
.tile-progress--red{
	background: rgba(237, 85, 100, 0.20);
}
.tile-progress--red .progress-bar{
	background: #ED5564;
}
.tile-progress--purple{
	background: rgba(135, 91, 255, 0.23);
}
.tile-progress--purple .progress-bar{
	background: #875BFF;
}
.tile-progress--orange{
	background: rgba(245, 152, 0, 0.23);
}
.tile-progress--orange .progress-bar{
	background: #f6bb42;
}

.tile-extended-header{
	min-height:217px;
}
.tile-extended-header h5{
	font-weight:600;
	font-size: 14px;
	color: #53575B;
	text-transform: uppercase;
	margin:5px 5px 0;
}
.tile-extended-header h1, .tile-year-selector{
	font-weight:300;
	font-size: 18px;
	color: #53575B;
	text-transform: uppercase;
	margin:0 5px 5px;
}
.tile-text-right{
	text-align: right;
}
.tile-positive h1{
	color: #43ac6e;
    font-weight: 500;
}
.tile-negative h1{
	color: #ED5564;
}

.tile-year-selector{
 background: none;
 border:0;
}
.dropdown-menu--small{
	min-width: 80px;
}
.dashboard-header h1{
	margin:0 0 5px;
	font-weight: 400;
    color: #44484C;
}
.dashboard-header small{
	color:#505458;
	font-weight: 300;
}

.dashboard-header h2{
	margin: 0;
    font-weight: 300;
    color: #7E8486;
    font-size: 24px;
    text-align: center;
}
.dashboard-header h6{
	margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.4px;
    color: rgb(89, 95, 101);
    text-align: center;
}

@media (max-width: 767px) {
			
			.dashboard-header{
				padding-top:30px;
			}
		}
@media (max-width: 991px) {
	.dashboard-header{
				text-align: center;
			}
}

.stdpad--auto-height{
  min-height: 300px;
  height:auto;
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* custom dropdown */
.fc-dropdown--trigger:hover{
	cursor: pointer;
}

.fc-dropdown{
	opacity: 0;
	height:0px;
	overflow: hidden;
	border-radius: 2px;
	position: absolute;
	width:100px;
	background:#FFFFFF;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.11);
	z-index:99999;
	-webkit-animation-duration: 0.1s;
	-moz-animation-duration: 0.1s;
	animation-duration: 0.1s; 	
}
.fc-dropdown__submenu{
	position: absolute;
    background: #FFF;
    right: 160px;
    width: 145px;
    padding: 15px;
    opacity: 0;
    height:0px;
    overflow: hidden;
    margin-top: -22px;
    border-radius: 2px;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.11);
}
.fc-dropdown__submenu--trigger:hover .fc-dropdown__submenu{
	opacity: 1;
	height:auto;
	overflow: visible;
}
.fc-dropdown__submenu li{
	padding: 5px 15px !important;
}
.fc-dropdown__title{
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    border-bottom: 1px solid #DDD;
    padding: 2px 5px 7px;
    color: #505458;
    letter-spacing: 1px;
    font-family: "open sans";
}
.fc-dropdown--open{
	opacity: 1;
	height:auto;
	overflow: visible;
}
.shortcut-menu{
	width:300px;
	margin: -10px 0 0 -4px;
}
.notification-center{
	width:400px;
	max-width: 100%;
	font-size:12px;
	margin: -10px 0 0 0px;
	padding: 5px;
	line-height: 20px;
}
.notification-center ul{
	margin: 0;
	padding:0;
	max-height: 280px;
    overflow: hidden;
}
.notification-center ul li{
	line-height: 20px;
	padding:7px 15px;
	border-bottom:1px solid #FFF;
}
.notification-center ul li p{
	margin:0;
	padding:0;
	font-size: 12px;
}
.notification-center ul li p .label{
    font-size: inherit;
    letter-spacing: inherit;
    font-weight: 400;
    border: 0;
    padding: 0;
}
.notification-center ul li a{
	font-weight: 500;
	box-shadow: 0px 2px 0px 0px #D8DCE3;
}
.notification-center ul li a:hover{
	box-shadow: 0px 2px 0px 0px #6BCBEC;
}
.notification-center__icon{
	font-size: 21px;
    vertical-align: bottom;
    margin-right: 5px;
    width: 21px;
    display: inline-block;
    text-align: center;
}
.notification-center--red{
	box-shadow: 3px 0px 0px 0px #EE5564 inset;
}
.notification-center--yellow{
	box-shadow: 3px 0px 0px 0px #EE9E55 inset;
}
.notification-center--blue{
	box-shadow: 3px 0px 0px 0px #11A7DB inset;
}
.notification-center__header{
	line-height: 26px;	
	margin-bottom: 5px;
	box-shadow: 0px -2px 0px 0px #eeeeee inset;
}
.notification-center__header a{
	display: inline-block;
	box-shadow: 0px -2px 0px 0px #eeeeee inset;
	padding:0 5px;
	font-weight: 600;
	color:#DDD;
	margin:0 10px;
}
.notification-center__header a.active{
	color:#333;
}
ul.task__notifications li{
	border-bottom:1px solid #eee;
}
.profile-dropdown{
	min-width: 160px;
	font-size:12px;
	margin: -10px 0 0 0;
	right: 25px;
}
.profile-dropdown ul{
	padding:3px 0 0 0;
	margin-bottom: 0;
}
.profile-dropdown ul li{
	display: block;
    line-height: 14px;
    padding: 7px 15px;
    margin: 5px 0;
    font-size: 11px;
    font-family: "open sans";
    text-transform: uppercase;
    font-weight: 600;
}
.profile-dropdown ul li a{
	display: block;
}
.profile-dropdown ul li i{
	margin-right:5px;
}
.profile-dropdown ul li.profile-dropdown__logout{
	background: #eeeeee;
    margin-bottom: 0;
    padding:10px 15px;
    border-radius: 0 0 2px 2px;
}
.profile-dropdown ul li.profile-dropdown__logout i{
	font-size: 15px;
    margin-right: 0;
}
   
.icon-wrapper{
	width: 16px;
	text-align: center;
	display: inline-block;
	font-size:16px;
	vertical-align: text-top;
}
ul.activity__list{
	padding:15px 15px 15px 20px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.activity__list li{
	margin: 0px;
	font-family: "HelveticaNeue", Arial;
	font-size: 12px;
	padding-left: 20px;
	list-style: none;
}
ul.activity__list li:before{
	font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content:"\f21b";
	position: absolute;
    margin-left: -23.2px;
    margin-top: 1px;
    font-size: 10px;
    box-shadow: 0 2px 2px 2px #FFF inset;
}
ul.activity__list li{
	box-shadow: 2px 0 0 0 rgba(204,209,217,0.50) inset;
}
ul.activity__list li:before{
	color:rgba(204,209,217,1);
}
ul.activity__list li:nth-child(1){
	box-shadow: 2px 0 0 0 rgba(218,68,82,0.50) inset;
}
ul.activity__list li:nth-child(1):before{
	color:#DA4453;
	border-top: 1px solid #fff;
    margin-top: 0px;
}
ul.activity__list li:nth-child(2){
	box-shadow: 2px 0 0 0 rgba(233,87,63,0.50) inset;
}
ul.activity__list li:nth-child(2):before{
	color:#E9573F;
}
ul.activity__list li:nth-child(3){
	box-shadow: 2px 0 0 0 rgba(246,187,66,0.50) inset;
}
ul.activity__list li:nth-child(3):before{
	color:#F6BB42;
}
ul.activity__list li:nth-child(4){
	box-shadow: 2px 0 0 0 rgba(232,206,77,0.50) inset;
}
ul.activity__list li:nth-child(4):before{
	color:rgba(232,206,77,1);
}
ul.activity__list li:nth-child(5){
	box-shadow: 2px 0 0 0 rgba(160,212,104,0.50) inset;
}
ul.activity__list li:nth-child(5):before{
	color:rgba(160,212,104,1);
}
ul.activity__list li:nth-child(6){
	box-shadow: 2px 0 0 0 rgba(160,206,203,0.50) inset;
}
ul.activity__list li:nth-child(6):before{
	color:rgba(160,206,203,1);
}


.activity__list--header{
	font-weight: bold;
	font-size: 12px;
	color: #5A5F63;
	margin:0;
	padding:0 0 5px;
}
.activity__list--sub{
	font-weight: 400;
	color: #5A5F63;
	margin:0 0 4px;
}
.activity__list--body{
	color: #848484;
	letter-spacing: 0px;
	padding-bottom: 10px;
}
.nano > .nano-pane{
	width: 4px;
	right: 6px;
}
.empty{
	text-align: center;
	color: #a7a7a7;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 60px;
}
.empty i {
	font-size: 60px;
	color: rgba(171, 171, 171, 0.47);
}
.image-page-frame{
	border: 10px solid #d8dce3;
    margin-bottom: 20px;
    background: #d8dce3;
    text-align: center;
}

/* 2.5.0 From Layout */
.form-group{
	border: 1px solid #C9CFDA;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.form-group label{
	padding: 7px 10px 0px;
	margin-bottom: 0px;
	color: #4A4A4A;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.form-group input.form-control, .form-group textarea.form-control {
    padding: 0 10px;
    background-color: transparent;
    border: 0;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    color:#333;
}
 .form-group textarea.form-control{
 	height:40px;
 }
.form-group input:focus, .form-group textarea:focus{
	outline: none;
	box-shadow: none;
}
.form-group.focus label, .form-group.filled label{
	color:#A4A5A9;
}
.form-group.focus{
	background:#f0f0f0;
	border-color: #C9CFDA;
}

.form-group.has-error{
	border-color: rgba(237, 85, 100, 0.64);
}
.has-error .form-control, .has-error .form-control:focus{
	box-shadow: none;
}
.fileUpload{
	margin-left: 0;
    margin-top: -18px;
}
.btn{
	-webkit-font-smoothing: antialiased;
}
.input-group-addon {
    text-align: center;
    border:0;
    background: inherit;
    border-left: 5px solid rgba(255, 255, 255, 0);
    font-weight: 600;
    font-size: 13px;
    padding: 0px 8px 0 5px;
    border-radius: 0px 3px 3px 0px !important;
    background: rgba(201, 207, 218, 0.58);
    color: #82868c;
}
.focus .input-group-addon
{
	background:#e4e4e4;
}
.input-group-addon--right{
	padding: 2px 7px 0 8px;
    border-radius: 3px 0px 0px 3px !important;
}
.chosen-container {
	font-size: 14px;
}
.chosen-container-single .chosen-single {
    padding: 0 0 0 10px;
    height: inherit;
    border: 1px solid rgba(222, 222, 222, 0) !important;
    border-radius: 2px;
    line-height: inherit;
    color: inherit;
    outline: none;
}
.chosen-container .chosen-drop {
    border: 1px solid rgba(0, 0, 0, 0.16);
    line-height: 35px;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
    box-shadow: 0 4px 5px rgba(0,0,0,.15);
}
.chosen-container-single .chosen-drop{
	margin-top: 7px;
}
.chosen-container-single .chosen-search{
	margin: 5px 10px 0;
}
.chosen-container-single .chosen-single div{
	right: 5px;
}
.chosen-container-single .chosen-single div b{
	background: none;
}
.chosen-container-single .chosen-single div b:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f123";
    font-size: 14px;
    vertical-align: middle;
    color: #4E4E4E;
}
.chosen-container .chosen-results {
    margin: 10px 0;
    padding: 0 10px;
}
.chosen-container .chosen-results li.active-result {
    border-radius: 2px;
}
.chosen-container .chosen-results li.result-selected{
	background: #F0F0F0;
}
.chosen-container.chosen-container-multi .chosen-results li.result-selected{
	background: none;
}
.chosen-container .chosen-results li.active-result.highlighted{
	background: #F0F0F0 !important;
	color: #4E4E4E;
}
.chosen-container-multi .chosen-choices {
    background-image: none;
    background: transparent;
    border: 0;
    font-size: 12px;
    box-shadow: 0;
    line-height: inherit;
    padding: 0px 9px;
}
.chosen-container-multi .chosen-choices li.search-choice {
    color: #FFF;
    font-size: 11px;
    font-weight: 600;
    border: 0;
    border-radius: 2px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
	background-image: none;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{
	display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f129";
    font-size: 11px;
    color: #fff;
}
.accesslist input.labelauty + label, .form-group input.labelauty + label, .accesslist input.labelauty + label, .form-group input.labelauty + label
{
	background-color:transparent;
	background:none;
	color:#666;
}
input.labelauty:checked:not([disabled]) + label:hover, input.labelauty:checked + label
{
	background-color:transparent;
	background:none;
	color: #2a8e53;
	font-weight: 600;
}

input.labelauty:not(:checked):not([disabled]) + label:hover {
    background-color: #f0f0f0;
    /*border-radius: 0;*/
    color: #444;
}

.ui-slider {
    background-color: #F0F0F0;
}
.slider-group {
    padding-left: 0px;
    padding-top: 3px;
    margin: 5px 20px 5px 10px;
}
.ui-slider .ui-slider-handle {
    width: 9px;
    height: 15px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: 0px;
}
.checkbox-attached{
    margin-top: -21px;
    padding: 5px 10px;
    border: 1px solid #c9cfda;
    border-radius: 2px;
    background: rgba(224, 227, 234, 0.38);
    margin-bottom: 20px;
}
.form-group .note-editor {
    border: 0;
    margin: 6px 0 -6px;
    border-top: 1px solid rgb(222, 222, 222);
}
.form-group .cke {
    border-left: 0;
    border-right: 0;
    margin: 6px 0 -8px;
}
.note-editor .btn-sm, .note-editor .btn-xs {
    height: 29px;
}
.note-editor .note-icon-caret{
	margin-left: 5px;
}
.login .forgotpass-info, .login .forgotpass-success{
	color: #444;
    font-weight: 400;
    padding: 10px;
    background: #e5e9ec !important;
    border-radius: 2px;
    border: 1px solid #C9CFDA;
    font-size: 12px;
}
form .row{
	margin-bottom: 0;
}

.stdpad--calendar{
	transition-property: background-color;
    transition-duration: 0.4s;
}
.stdpad--calendar .table-head{
	background:transparent;
	border:0;
	box-shadow: none;
}
.stdpad--blue{
	background:#3BAFDA;
	color:#FFFFFF;
}
.stdpad--calendar.stdpad--blue .table-head, 
.stdpad--calendar.stdpad--blue .fc-ltr .fc-basic-view .fc-day-number,
.stdpad--calendar.stdpad--blue .fc-center h2
{
	color:#FFFFFF;
}
.stdpad--calendar.stdpad--blue .fc-day-header{
	color:rgba(255, 255, 255, 0.74);
}
.stdpad--calendar.stdpad--blue .fc-state-default {
    background-color: #199bcc;
    color: #096e94;
}
.stdpad--calendar.stdpad--blue .fc-state-hover, .fc-button:hover{
    background-color: #0e8cbb;
    color:#fff;
}
.stdpad--calendar.stdpad--blue .fc-event{
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.68) inset;
}
.stdpad--calendar .fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.stdpad--calendar .fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
#dashboardCalendar {
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    padding:15px;
}
.stdpad--calendar .fc th, .stdpad--calendar .fc td {
    border-width: 0px;
}
.stdpad--calendar .fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
}
.stdpad--calendar .fc-event{
    border-radius: 2px;
    height: 3px;
    overflow: hidden;
}
.stdpad--calendar .fc-day-grid-container{
  height:auto !important;

}
.stdpad--calendar .fc-center h2{
  padding: 1px;
  text-align: center;
  border-bottom: 0;
}
.stdpad--calendar .fc-state-default {
    background-color: rgba(216, 220, 227, 0.7);
    color: #333;
}
.stdpad--calendar .fc-state-hover, .fc-button:hover{
    background-color: #d8dce3;
    color: #111;
}
.calendar-style-toggle{
		margin-right:5px;
		font-size: 19px;
}
.calendar-style-dark{
	color:#505458;
}
.calendar-style-light{	
	color:#ffffff;
}
.calendar-style-toggle:hover{
	cursor: pointer;
}
.tag{
	background: #8067B7;
    padding: 3px 7px 4px;
    border-radius: 2px;
    color: #FFF;
    font-weight: bold;
    margin:5px 5px 0 0;
    display: inline-block;
}
.tag--grey{
	background: #AAB2BD;
}

.small-container{
	max-width: 800px;
}
.response-field-checkboxes .js-duplicate, .response-field-radio .js-duplicate{
	display: none !important;
}
.no-border{
	border: 0;
}
    .colorpicker-2x .colorpicker-saturation {
        width: 200px;
        height: 200px;
    }
    
    .colorpicker-2x .colorpicker-hue,
    .colorpicker-2x .colorpicker-alpha {
        width: 30px;
        height: 200px;
    }
    
    .colorpicker-2x .colorpicker-color,
    .colorpicker-2x .colorpicker-color div {
        height: 30px;
    }
.color-preset{
	border: 1px solid #c9cfda;
    padding: 2px;
    margin: 0;
    height: 26px;
    border-radius: 2px;
    text-align: center;
    margin-bottom:10px;
}
.color-preset span{
	height: 20px;
    width: 17%;
    display: inline-block;
    box-shadow: 0px 0px 2px #b7b5b5 inset;
}
.color-preset__default--color1{
	background: #161b1f;
}
.color-preset__default--color2{
	background: #d8dce3;
}
.color-preset__default--color3{
	background: #11a7db;
}
.color-preset__default--color4{
	background: #ffffff;
}

.color-preset__green--color1{
	background: #3f4a53;
}
.color-preset__green--color2{
	background: #d8dce3;
}
.color-preset__green--color3{
	background: #2ABA66;
}
.color-preset__green--color4{
	background: #ffffff;
}
.color-previewer {
	display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 1px #c9cfda;
    position: absolute;
    right: 25px;
    margin-top: -21px;
}
.row_icon{
    font-size: 14px;
    vertical-align: middle;
}
.tile-row--graph{
	padding-bottom: 14px;
}
.tile-base__form-heading{
	border-bottom:1px solid #d8dce3;
}
.tile-base__form-heading .form-group{
	margin-bottom: 0px;
}
.flatpickr-am-pm, .flatpickr-time-separator{
	color:rgba(255, 255, 255, 0.66);
}
.flatpickr-month{
	padding:9px 11px;
}
.milestones__header, .ui-state-highlight-milestone{
	padding: 7px 10px 5px;
    margin: 0;
    background: rgba(64, 86, 109, 0.63);
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: 4px 0 0 0 #505458 inset;
    font-weight: 500;
    font-family: "Helvetica Neue", Arial;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.5px;
}
.milestone__header__icon{
	font-size: 15px;
    vertical-align: text-top;
    margin-right: 9px;
    margin-left: 12px;
}
.milestone__header__right__icon{
	font-size: 15px;
    color: #FFF;
    vertical-align: text-bottom;
    margin-right: 3px;
    margin-left: 12px;
}
.ui-state-highlight-milestone{
	opacity: 0.6;
	height:30px;
}

.circular-bar{
  text-align: center;
  margin:0px 20px;
}
  .circular-bar-content{
    margin-bottom: 70px;
    margin-top: -100px;
    text-align: center;
  }
    .circular-bar-content strong{
      display: block;
      font-weight: 400;
      @include font-size(18,24);
    }
    .circular-bar-content label, .circular-bar-content span{
      display: block;
      font-weight: 400;
      font-size: 18px;
      color: #505458;
      @include font-size(15,20);
    }
  .ui-sortable-helper {
    
    opacity: 0.6;
  }
  .ui-state-highlight{
    background: #EEE;
    box-shadow: -4px 0 0 #2b4750;
    /*border: 1px dashed rgb(153, 158, 160);*/
  }
  .sortable-list{
    padding: 0;
  }
  .sortable-list > li:not(.ui-state-disabled):hover > span:first-of-type:before, .milestones__header:hover:before{
    content: "\f13f";
    position: absolute;
    font-size: 13px;
    cursor: move;
    font-family: "ionicons";
  }
  .sortable-list > li:not(.ui-state-disabled):hover > span:first-of-type:before{
  	margin: 1px 0 0 -29px;
    color: #666769;
  }
  .milestones__header:hover:before {
    margin: 1px 0 0 -2px;
    color: #FFF;
}
.highlight__task{
	background:#eef0f3;
}
i.red{
	color:#ED5564;
}
.taskviewer-content{
	height: 90vh;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	margin-top:20px;
}
.taskviewer-content > h4{
	padding: 0 10px;
	font-size: 17px;
    line-height: 21px;
    font-weight: 400;
}
.fixed-div {
	position:fixed; 
	top:0; 
	right:0; 
	padding-left:82px;
}

.task__options{
	margin: 10px 0;
}
.task__options__button{
	text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    background: #dddddd;
    height: 18px;
    display: inline-block;
    border-radius: 2px;
    padding: 0 10px;
    font-family: "open sans";
    letter-spacing: 1.4px;
}
.task__options__button--red:hover{
	color:#FFFFFF;
	background: rgba(237, 85, 100, 0.9);
}
.task__options__button--green{
    background: #61c775;
    color: #046517;
}
.task__options__button--green:hover{
    color: #ffffff;
}
.task__options__button--red{
    background: #ED5564;
    color: #650404;
}
.timer__badge{
	font-weight: 400;
	background-color: #ed5564;
    border-radius: 2px;
    letter-spacing: 0.6px;
}
.timer__badge.pause{
	background: #666666;
}
.timer__icon_button{
	font-size: 24px;
    vertical-align: middle;
    line-height: 24px;
    color:#666666;
}
/*inlineedit*/
.editable-click, a.editable-click{
	border: 1px dashed transparent;
	}
.editable-click:hover, a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;

    border: 1px dashed #b6c0c5;
    border-radius: 4px;
}
.inline__edit__title{
	border:0;
	margin-left: -9px;
	height: 35px;
    font-size: 15px;
}
.editable-container.editable-inline,.editableform .control-group,.editable-input{
	width: 90%;
}
.editable-input{
	border: 1px dashed #b6c0c5;
    border-radius: 4px;
}
.editable-input input.form-control{
	width: 100%;
}
.editableform .control-group{
	border:0;
	padding-bottom: 0;
}
.editable-buttons .btn-sm
{
	padding: 4px 10px;
}
.x-edit-large .editable-container.editable-inline,.x-edit-large .editableform .control-group,.x-edit-large .editable-input{
	width: 100%;
}
.editable-input output{
	width: 15px;
    display: inline-block;
    margin-top: -10px;
    height: 10px;
    line-height: 0px;
    font-weight: bold;
    margin-left: -11px;
    background: transparent;
    border: 0;
}
.inline-textfield{
	border: 1px dashed #ddd;
}
.media-uploader{
    background: #FFF;
    padding: 15px;
}
.fn-gantt .bar.gantt-timeline{
    height: 17px;
    background: transparent;
    margin-top: 1px;
    border-top: 2px solid #8067B7;
    border-radius: 0px;
    overflow: visible;
}
.fn-gantt .bar.gantt-headerline{
	background-color: rgba(134, 148, 163, 0.14);
    height: 23px;
    margin: -2px 3px 3px 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.fn-gantt .leftPanel .fn-wide.row0
{
	background: transparent;
	box-shadow: none;
}
.fn-gantt .bar.gantt-timeline .fn-label{
	overflow: visible;
	font-size: 21px;
	color: #8067B7;
}
.fn-gantt .bar.gantt-timeline .fn-label:before
{
	color: #8067B7;
	content: "\f175";
    float: left;
    margin-left: -3px;
    margin-top: -1px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.fn-gantt .bar.gantt-timeline .fn-label:after
{
	content: "\f175";
    color: #8067B7;
    float: right;
    margin-right: -4px;
    margin-top: -1px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.dropzone {
    border: 0;
    min-height: 0;
    padding:0;
    background: none;
}
.dz-message
{	
    border: 2px dashed rgb(216, 220, 227);
    border-radius: 5px;
    background: white;
    text-align: center;
    padding: 30px;
    text-transform: uppercase;
}
.dz-message span{
	font-size: 12px;
}
.dz-message:before
{	
    display: block;
    font-size: 54px;
    content: "\f40a";
    display: block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dropzone .dz-preview.dz-image-preview {
    border-radius: 0px;
    padding: 15px;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0px;
    width: 170px;
    height: 170px;
}
.dropzone .dz-preview .dz-details {
    padding: 6em 1em;
}
.dropzone .dz-preview .dz-progress {
    height: 8px;
    margin-top: -3px;
    background: rgba(185, 185, 185, 0.57);
    border-radius: 2px;
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #43ac6e;
}
.media-view-container{
	margin-top: 6px;
}
.media-galery
{
	background: #fff;
	display: inline-block;
	margin: 15px;
	width:200px;
}
.media-galery .overlay{
	display: none;
}
.media-galery:hover .overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 200px;
    height: 200px;
    position: absolute;
    display: block;
    text-align: center;
    color: #fff;
    padding: 70px 15px 10px;
    -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  hyphens: auto;
	  -ms-word-break: break-all;
	  word-break: break-all;
	  word-break: break-word;
}
.file-container
{ 
    width: 200px;
    height: 200px;
    overflow: hidden;
    border: 15px solid #ffffff; 
    text-align: center; 
}
.file-container .icon-box{
	color:#8694a3;
	font-size: 12;
	text-transform: uppercase;
	font-weight: 500;
}
.file-container .icon-box i{
	font-size: 80px;
}
.file-container img{
	max-height: 200px;
}

.media-galery--footer{
	background: #8694A3;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    padding:0 10px;
    color:#fff;
}

@media (max-width: 767px) {
	.tile-row .nav-tabs li .badge.submenu-badge {
		    padding: 3px 6px 4px 6px;
    		vertical-align: text-bottom;
		}
		.topbar__left{
			margin:0;
		}
	.taskviewer-content {
		position:fixed; 
		top:0; 
		right:0; 
		margin:15px;
		height:95% !important;
		width: 90%;
		box-shadow: 0px 0 2px 2px #aaa;
	}
	.todo__close{
    	right: 35px; 
	}
	.fn-gantt .leftPanel{
		display: none;
	}
}