div#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3) url(../images/loader.gif) center center no-repeat;
	z-index: 99999;
}

.event-activity .fc-bg {
	
}
.event-task .fc-bg {
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(135deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	opacity: .45;
	filter: alpha(opacity=45);
}

.close-card {
	background: transparent !important;
	color: #111 !important;
	cursor: pointer !important;
	font-size: 10px;
	font-weight: 100;
	height: 16px !important;
	line-height: 0 !important;
	margin: 0 !important;
	opacity: 0.4 !important;
	padding: 0 !important;
	position: absolute !important;
	right: -1px !important;
	text-align: center !important;
	top: -1px !important;
	width: 16px !important;
	z-index: 9 !important;
	transition: none !important;
	border: none !important;
	display: none !important;
}

.close-card:hover {
	border: none !important;
	transition: none !important;
	padding: 0!importnat;
	margin: 0!importnat;
	line-height: 0 !important;
	border: none !important;
}

ul.nav-tabs>li>a {
	background-color: rgba(255, 255, 255, 0.55);	
}

ul.nav-tabs>li.active>a.close-card,
ul.nav-tabs>li:hover>a.close-card {
	display: block !important;
}

.cards {
	border-top: 10px solid #fff;
}

.nav-cards {
	width: 12% !important;
}

.nav-cards i,
.nav-cards span {
	display: inline;
}

.no-shadow {
	box-shadow: none;
} 

.border-left {
	border-left: 1px solid #eee;
}

.border-right {
	border-right: 1px solid #eee;
}

.dl-data dt,
.dl-data dd {
	text-align: left;
	margin-bottom: 5px;
}

.nav-tabs .bg-primary {
    background-color: #5fa2dd !important;
}
.nav-tabs .bg-info {
    background-color: #4ebcda !important;
}
.nav-tabs .bg-success {
    background-color: #9cc96b !important;
}
.nav-tabs .bg-warning {
    background-color: #ebaa4b !important;
}
.nav-tabs .bg-danger {
    background-color: #f76c51 !important;
}
.nav-tabs .bg-mint {
    background-color: #50c7a7 !important;
}
.nav-tabs .bg-purple {
    background-color: #986291 !important;
}
.nav-tabs .bg-pink {
    background-color: #e17ca7 !important;
}
.nav-tabs .bg-dark {
    background-color: #3b4146 !important;
}
.border-bottom-primary {
    border-bottom: 3px solid #5fa2dd !important;
}
.border-bottom-info {
    border-bottom: 3px solid #4ebcda !important;
}
.border-bottom-success {
    border-bottom: 3px solid #9cc96b !important;
}
.border-bottom-warning {
    border-bottom: 3px solid #ebaa4b !important;
}
.border-bottom-danger {
    border-bottom: 3px solid #f76c51 !important;
}
.border-bottom-mint {
    border-bottom: 3px solid #50c7a7 !important;
}
.border-bottom-purple {
    border-bottom: 3px solid #986291 !important;
}
.border-bottom-pink {
    border-bottom: 3px solid #e17ca7 !important;
}
.border-bottom-dark {
    border-bottom: 3px solid #3b4146 !important;
}
.border-top-primary {
    border-top: 3px solid #5fa2dd !important;
}
.border-top-info {
    border-top: 3px solid #4ebcda !important;
}
.border-top-success {
    border-top: 3px solid #9cc96b !important;
}
.border-top-warning {
    border-top: 3px solid #ebaa4b !important;
}
.border-top-danger {
    border-top: 3px solid #f76c51 !important;
}
.border-top-mint {
    border-top: 3px solid #50c7a7 !important;
}
.border-top-purple {
    border-top: 3px solid #986291 !important;
}
.border-top-pink {
    border-top: 3px solid #e17ca7 !important;
}
.border-top-dark {
    border-top: 3px solid #3b4146 !important;
}
.border-info-thin {
	border-bottom: 1px solid #4ebcda !important;
	border-right: 1px solid #4ebcda !important;
	border-bottom-right-radius: 1em;
}

.modal-primary .modal-header {
    background-color: #5fa2dd !important;
	color: #ffffff !important;
}
.modal-primary .modal-header .close {
	color: #ffffff !important;
}
.modal-info .modal-header {
    background-color: #4ebcda !important;
	color: #ffffff !important;
}
.modal-info .modal-header .close {
	color: #ffffff !important;
}
.modal-success .modal-header {
    background-color: #9cc96b !important;
	color: #ffffff !important;
}
.modal-success .modal-header .close {
	color: #ffffff !important;
}
.modal-warning .modal-header {
    background-color: #ebaa4b !important;
	color: #ffffff !important;
}
.modal-warning .modal-header .close {
	color: #ffffff !important;
}
.modal-danger .modal-header {
    background-color: #f76c51 !important;
	color: #ffffff !important;
}
.modal-danger .modal-header .close {
	color: #ffffff !important;
}
.modal-mint .modal-header {
    background-color: #50c7a7 !important;
	color: #ffffff !important;
}
.modal-mint .modal-header .close {
	color: #ffffff !important;
}
.modal-purple .modal-header {
    background-color: #986291 !important;
	color: #ffffff !important;
}
.modal-purple .modal-header .close {
	color: #ffffff !important;
}
.modal-pink .modal-header {
    background-color: #e17ca7 !important;
	color: #ffffff !important;
}
.modal-pink .modal-header .close {
	color: #ffffff !important;
}
.modal-dark .modal-header {
    background-color: #3b4146 !important;
	color: #ffffff !important;
}
.modal-dark .modal-header .close {
	color: #ffffff !important;
}

.img-01 {
	background-image:url("../images/bg/01.png");
}
.img-04 {
	background-image:url("../images/bg/04.png");
}
ul.system-alerts {
	list-style-type:  none;
	padding: 0;
}

.has-feedback .form-control-feedback {
    top: 22px !important;
}
td .has-feedback .form-control-feedback {
    top: 0px !important;
}
.has-feedback .row .form-control-feedback {
	top: 0 !important;
    right: 10px !important;
}
.hasInputGroup.has-feedback .form-control-feedback {
	top: 0 !important;
}
.has-feedback.right-addon .form-control-feedback {
    right: 50px !important;
    top: 20px !important;
}

.has-feedback.right-addon .row .form-control-feedback {
    right: 60px !important;
    top: 0px !important;
}

.form-horizontal .has-feedback .form-control-feedback {
	 top: 0px !important;
}

.form-select .form-control-feedback {
	right: 20px !important;
}

ul.typeahead li {
	white-space: normal;
}

textarea:not(.resize-x) {
	resize: vertical;
}
ul.typeahead li span.optionDescription {
	font-size: smaller;
	font-style: italic;
	display: block;
}
a.white-link {
	color: #ffffff;
}
a.default-currsor {
	cursor: default;
}

.pull-none {
	float: none;
}

br.align-to-label {
	margin-top: 5px;
}

tr.filter-row input {
	height: 31px;
}

.inline {
	display: inline;
}

form.calendar-form.affix {
	top: 10px;
}
form.calendar-form.affix-top {
	position: static;
}
@media (max-width: 768px) {
    form.calendar-form.affix {
        position: static;
    }
}

.dataTable tr.selected {
	background-color: #787C85 !important;
	color: #fff;	
}

.modal-permission > .modal-dialog {
    width: 70% !important;
}
.table-smaller-center {
	background-color: aliceblue !important;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

table.selectable tbody tr {
	cursor: pointer;
}

/****************
* HELPERS
*****************/
.w100p { width: 100% !important; }
.w75p { width: 75% !important; }
.w50p { width: 50% !important; }
.w25p { width: 25% !important; }
.w10px { width: 10px !important; }
.w20px { width: 20px !important; }
.w30px { width: 30px !important; }
.w40px { width: 40px !important; }
.w50px { width: 50px !important; }
.w80px { width: 80px !important; }
.w100px { width: 100px !important; }
.w120px { width: 120px !important; }
.w150px { width: 150px !important; }
.w200px { width: 200px !important; }
.w220px { width: 220px !important; }
.w90px { width: 90px !important; }
.w80px { width: 80px !important; }
.w75px { width: 75px !important; }
.w60px { width: 60px !important; }
.w50px { width: 50px !important; }
.w40px { width: 40px !important; }
.w25px { width: 25px !important; }
.mw50px { min-width: 50px !important; }
.mw75px { min-width: 75px !important; }
.mw100px { min-width: 100px !important; }
.mw120px { min-width: 120px !important; }
.mw150px { min-width: 150px !important; }
.h20 { height: 20px !important; }
.h30 { height: 30px !important; }
.h40 { height: 40px !important; }
.h50 { height: 50px !important; }
.h100 { height: 100px !important; }
.h120 { height: 120px !important; }
.mh50 { min-height: 50px !important; }
.mh100 { min-height: 100px !important; }
.h20p { height: 20% !important; }
.h30p { height: 30% !important; }
.h40p { height: 40% !important; }
.h50p { height: 50% !important; }
.h100p { height: 100% !important; }
.h120p { height: 120% !important; }
.mh50p { min-height: 50% !important; }
.mh100p { min-height: 100% !important; }
.mleft-15 { margin-left: -15px !important; }
.mleft-10 { margin-left: -10px !important; }
.mleft10 { margin-left: 10px !important; }
.mleft20 { margin-left: 20px !important; }
.mleft30 { margin-left: 30px !important; }
.mleft40 { margin-left: 40px !important; }
.mleft50 { margin-left: 50px !important; }
.mright5 { margin-right: 5px !important; }
.mright10 { margin-right: 10px !important; }
.mright20 { margin-right: 20px !important; }
.mright30 { margin-right: 30px !important; }
.mright40 { margin-right: 40px !important; }
.mright50 { margin-right: 50px !important; }
.mtop0 { margin-top: 0px !important; }
.mtop5 { margin-top: 5px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop20 { margin-top: 20px !important; }
.mtop30 { margin-top: 30px !important; }
.mtop40 { margin-top: 40px !important; }
.mtop50 { margin-top: 50px !important; }
.mbottom0 { margin-bottom: 0px !important; }
.mbottom5 { margin-bottom: 5px !important; }
.mbottom10 { margin-bottom: 10px !important; }
.mbottom20 { margin-bottom: 20px !important; }
.mbottom30 { margin-bottom: 30px !important; }
.mbottom35 { margin-bottom: 35px !important; }
.mbottom40 { margin-bottom: 40px !important; }
.mbottom50 { margin-bottom: 50px !important; }
.ptop10 { padding-top: 10px !important; }
.ptop20 { padding-top: 20px !important; }
.ptop22 { padding-top: 22px !important; }
.ptop30 { padding-top: 30px !important; }
.ptop40 { padding-top: 40px !important; }
.ptop50 { padding-top: 50px !important; }
.pbottom0 { padding-bottom: 0px !important; }
.pbottom10 { padding-bottom: 10px !important; }
.pbottom20 { padding-bottom: 20px !important; }
.pbottom30 { padding-bottom: 30px !important; }
.pbottom40 { padding-bottom: 40px !important; }
.pbottom50 { padding-bottom: 50px !important; }
.pleft5 { padding-left: 5px !important; }
.pleft8 { padding-left: 5px !important; }
.pleft10 { padding-left: 10px !important; }
.pleft20 { padding-left: 20px !important; }
.pleft30 { padding-left: 30px !important; }
.pleft40 { padding-left: 40px !important; }
.pleft50 { padding-left: 50px !important; }
.pright5 { padding-right: 5px !important; }
.pright10 { padding-right: 10px !important; }
.pright20 { padding-right: 20px !important; }
.pright25 { padding-right: 25px !important; }
.pright30 { padding-right: 30px !important; }
.pright40 { padding-right: 40px !important; }
.pright50 { padding-right: 50px !important; }
.mw100p{max-width: 100% !important;}
.white-space {white-space: normal;}
.fwbold	  { font-weight: bold; }
.mtop-25 {margin-top: -25px !important; }
.vtext-middle { vertical-align: middle; }

@media only screen and (max-width: 1024px) {
	#responsive-table table, 
	#responsive-table thead, 
	#responsive-table tbody, 
	#responsive-table th, 
	#responsive-table td, 
	#responsive-table tr { 
		display: block; 
	}
	#responsive-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	} 
	#responsive-table tr { border: 1px solid #ccc; } 
	#responsive-table td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
		white-space: normal;
		text-align:left;
		min-height: 20px;
	} 
	#responsive-table td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	#responsive-table td:before { content: attr(data-title); }
}



.incomingPopover table tbody tr td:nth-child(even) {
  padding-right: 30px;
}

.incomingPopover table tbody tr td:nth-child(odd) {
  text-align:right;
}

.incomingPopover table tbody tr td:last-child {
  padding-right: 5px;
}

.dropzone{
  border: 1px solid rgba(0,0,0,0.03);
  min-height: 60px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
  margin-bottom: 10px;
}

.fileinput-button{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow:inherit !important;
  text-align:center;
}
.tag-small {
	padding: 2px !important;
}


@media (max-width: 767px) {
  .fix-for-autocomplete 
  .table-responsive .dropdown-menu,
  .table-responsive .dropdown-toggle {
        position: static !important;
  }
}

@media (min-width: 768px) {
    .fix-for-autocomplete 
    .table-responsive {
        overflow: visible;
    }
}