@keyframes invalid { 
	0% { border:2px solid rgba(255,0,0,0); }
	50% { border:2px solid rgba(255,0,0,1); }
	100% { border:2px solid rgba(255,0,0,0); }
}
.invalid{
	animation-name: invalid;
	animation-duration: 1s;
	opacity: 1;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
}
@media (min-width: 992px){
	.col-md-20 {
		width: 20%;
	}
	.col-md-125 {
		width: 12.5%;
	}
	.col-md-625 {
		width: 6.25%;
	}
}
.page {
  display: none;
}
.page-active {
  display: block;
  text-align: center;
}
.empty-image{
	font-size:30px;
}
.capture-video{
	display:none;
}
.img-responsive{
	display: block;
    width: 100%;
    height: 100%;
}

.scroller {
	padding: 0 12px 0 0;
	margin: 0;
	overflow: hidden;
}
.feeds {
	margin: 0;
	padding-top: 10px;
	list-style: none;
}
.feeds li {
	background-color: #fafafa;
	margin-bottom: 7px;
	block-size:27px;
}
.feeds li:before, .feeds li:after {
	display: table;
	line-height: 0;
	content: "";
}
.feeds .col1 {
	float: left;
	width: 100%;
	clear: both;
}
.feeds .col2 {
	float: left;
	width: 240px;
	margin-left: -240px;
}
.feeds .col1 .cont {
	float: left;
	margin-right: 75px;
	overflow: hidden;
}
.feeds .col1 .cont .cont-col1 {
	float: left;
	margin-right: -100%;
}
.feeds .col1 .cont .cont-col1 .label {
	display: inline-block;
	padding: 5px 4px 6px 5px;
	vertical-align: middle;
	text-align: center;
}
.label-success, .badge-success {
	background-color: #3cc051;
	background-image: none !important;
}
.feeds .col1 .cont .cont-col1 .label > i {
	text-align: center;
	font-size: 14px;
}

.feeds .col1 .cont .cont-col2 {
	float: left;
	width: 100%;
}
.feeds .col1 .cont .cont-col2 .desc {
	margin-left: 35px;
	padding-top: 4px;
	padding-bottom: 5px;
	overflow: hidden;
}
.feeds .col2 .date {
	padding: 4px 9px 5px 4px;
	text-align: right;
	font-style: italic;
	color: #c1cbd0;
}
.label.label-sm {
	font-size: 12px;
	padding: 1px 4px 1px 4px;
	margin: 0 3px;
}
.label-danger, .badge-danger {
	background-color: #ed4e2a;
	background-image: none !important;
}
.label-info, .badge-info {
	background-color: #57b5e3;
	background-image: none !important;
}
.label-warning, .badge-warning {
	background-color: #fcb322;
	background-image: none !important;
}
.badge-default, .label-default {
	background-color: #999 !important;
}
li [class^="fa-"], li [class*=" fa-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}

.user-info {
	display: flex;
	margin-bottom: 7px !important;
}
.user-info img {
	float: left;
	margin-right: 5px;
}
.user-info .details {
	display: inline-block;
}
a, a:focus, a:hover, a:active {
	outline: 0;
}

a {
	text-shadow: none !important;
	color: #0d638f;
}
.user-info .label {
	font-weight: 300;
	font-size: 11px;
}

table.dataTable {
	border-collapse: collapse;
}
table.dataTable thead td, table.dataTable tfoot td {
	background-color: #4472c4;
	color: white;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #cfd5ea;
}
table.dataTable tbody tr {
	background-color: #e9ebf5;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
	border-top: none;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.dt-buttons{
	display: none;
}

#daterange{
	display: none;
}

.calendar .daterangepicker_input .input-mini,.calendar .daterangepicker_input .fa{
	display: none;
}



/*************************** custom - daterange *********************************/

.custom-daterange{
	width:80%;
	text-align: left;
}
.custom-daterange .fa{
	margin-top: 4px;
	float: right;
}

/*************************** custom - menu *********************************/

.custom-menu {
	width: 300px;
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border: solid 1px #999;
	box-shadow: #888 5px 6px 10px;
}

.custom-menu li {
	background-color: #fff;
	color: black;
	display: block;
	padding: 12px;
	text-decoration: none;
}

.custom-menu li span{
	float: right;
}

.custom-menu li:hover {
	background-color: #eceaea;
}

#pool9-set,#pool10-set,#pool11-set,#pool12-set,#pool13-set,#pool14-set,#pool15-set,#pool16-set,#pool25-set,#pool26-set,#pool27-set,#pool28-set,#pool29-set,#pool30-set,#pool31-set,#pool32-set{
	transform: scaleX(-1);
}


/********************************************/
.pattern-svg{
	position: absolute;
	top: 0;
	z-index: -1;
}
/********************************************/


/************************* customer profile image *******************/
.customer_prof_image_label{
	border: 1px solid black;
	text-align: center;
	font-size: 15px;
	margin: 5px 20px;
}
.prof-side-image{
	min-width: 100%;
	max-height: 100%;
}
.prof-image-mix-inner{
	height: 150px;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
	box-shadow: rgba(100,100,100, 0.8) 0 3px 5px;
}
.prof-image-mix{
	margin-bottom: 20px;
}
.prof-image-mix-grid .prof-image-mix .prof-image-mix-details {
	color: #fff;
	width: 100%;
	height: 100%;
	bottom: -75%;
	text-align: center;
	position: absolute;
	background: rgba(100,100,100,0.5);
}
.prof-image-upload{
	right: 50%;
	margin-right: 5px;
}
.prof-image-edit{
	left: 50%;
	margin-left: 5px;

}
.prof-image-mix-details a{
	color: #fff;
	cursor: pointer;
	position: absolute;
	padding: 0 15px;
	margin-top: 5px;
	font-size: 20px;
	border: 1px solid white;
}
.prof-image-mix-details a:hover{
	color: #00fff5bd;
	border-color: #00fff5bd;
}
.prof-image-mix input[type='file']{
	display: none;
}

.progress{
	display: none;
	position: fixed;
	z-index: 1000000;
	margin-bottom: 0;
	width: 100%;
	left: 0;
	top: 0;
}
.progress-bar{
	background-color: #33b743;
}
.img-container img {
	max-width: 100%;
}
#crop-modal .crop-buttons{
	text-align: center;
	margin-top: 10px;
}

.profile-thumbnail{
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.profile-thumbnail img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.alert-custom{
	padding: 6px 15px;
	border-radius: 5px;
	color: white;
	background-color: #a5a6a7;
}

/************************* customer profile image *******************/
.box-header{
	padding: 1px 0 0 10px;
}
.box-header .box-title {
	padding: 10px;
}

/************************* Lodi *******************/

.enum-option-add,.enum-option-remove{
	width: 10px;
	height: 10px;
	border-radius: 3px;
	background: #292929;
	padding: 3px;
	color: white;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
	box-sizing: content-box;
	margin-top: 8px;
}
.enum-option-add:hover{
	background: #393939;
}
.enum-option-remove.disable{
	background: #696969;
	cursor: default;
}
.add-remove-buttons{
	display: flex;
	padding-left: 9px;
	padding-right: 0;
}
.enum-option-add[data="3"]{
	visibility: hidden;
}

#add-factor label{
	margin-top: 8px;
}
.text-warning{
	color: red;
}

#factor-tab1 label,#factor-tab2 label{
	padding-top: 8px;
}
.factor-btn{
	display: flex;
}
#add-note textarea,#rule-description textarea,#pool-note textarea{
	resize: none;
}
#pool-note textarea{
	margin-bottom: 10px;
}
.add-rule-row,.remove-rule-row{
	/*width: 100%;*/
	font-size: 20px;
	padding: 0;
}


/************************* Lodi *******************/

/************************* customer message part *******************/
ul.ui-autocomplete li{
	background-color: #eee;
	display: table;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	width:90%;
}
ul.ui-autocomplete li:hover{
	background-color: #999;
}
#messages-table td{
	text-align: center;
}

.customer-info-box .bg-blue-gradient,.customer-info-box .bg-green-gradient,.customer-info-box .bg-red-gradient{
	font-weight: 500;
	padding: 5px;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	width: 100%;
	margin-top: 5px;
}
.customer-info-box .small-span{
	padding: 0;
	width: 65%;
}
.customer-info-box .small-span:first-child{
	margin-top:20px;
}
.customer-info-box .small-span:nth-child(2){
	margin-bottom:10px;
}
.customer-info-box .bg-blue-gradient:first-child{
	margin-top: 10px;
}
.customer-info-box img{
	max-width:100%;
	max-height:100%;
	margin-top: 30px;
}
.customer-info-box{
	width: 300px;
	padding: 10px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1000;
	border-radius: 20px;
	box-shadow: grey 5px 5px 20px;
	display: none;
	margin-bottom: 20px;
	background-color: #fff;
}

.fc-title strong{
	font-size: 1.1em;
}

/************************* customer message part *******************/