/* 
Green-color
-----------------------------------
save-button, confirm-button, completed-button, submit-button, green-button, done-button
		
Red-Color 
--------------------
delete-button, cancel-button, remove-button, close-button, red-button

Blue-Color 
--------------------
edit-button, reset-button, update-button, erase-button, post-button, clear-button, send-button, blue-button, add-button

orange-Color 
--------------------
print-button, orange-button

Yellow-Color 
--------------------
auditinfo-button, yellow-button

ash-Color 
--------------------
view-button, fax-button, scan-button, notify-button, upload-button, download-button, graph-button, search-button, barcode-button, hold-button, back-button, next-button, QR-button


Grey-Color
-----------------------
common-button
*/

/* Green-Color */
.save-button, .confirm-button, .completed-button, .submit-button, .green-button, .done-button{
	background: rgb(113,180,103);
	background: -moz-linear-gradient(95deg, rgba(113,180,103,1) 0%, rgba(92,161,76,1) 100%);
	background: -webkit-linear-gradient(95deg, rgba(113,180,103,1) 0%, rgba(92,161,76,1) 100%);
	background: linear-gradient(95deg, rgba(113,180,103,1) 0%, rgba(92,161,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#71b467",endColorstr="#5ca14c",GradientType=1);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #437d35;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !important;
}
.save-button:hover, .confirm-button:hover, .completed-button:hover, .submit-button:hover, .green-button:hover, .done-button:hover{
	background: rgb(113,180,103);
	background: -moz-linear-gradient(265deg, rgba(113,180,103,1) 0%, rgba(92,161,76,1) 100%);
	background: -webkit-linear-gradient(265deg, rgba(113,180,103,1) 0%, rgba(92,161,76,1) 100%);
	background: linear-gradient(265deg, rgba(113,180,103,1) 0%, rgba(92,161,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#71b467",endColorstr="#5ca14c",GradientType=1);
}
.save-button:active, .confirm-button:active, .completed-button:active, .submit-button:active, .green-button:active, .done-button:active{
	position:relative;
	top:1px;
}

/* Calling Icons for CSS */
.save-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f0c7";padding-left:5px}
.confirm-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f087";padding-left:5px}
.completed-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f00c";padding-left:5px}
.submit-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f0a6";padding-left:5px}
.done-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f087";padding-left:5px}



/* Red-Color */
.delete-button, .cancel-button, .remove-button, .close-button, .red-button{
	background-color:#E64B4B;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #E64B4B;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !important;
	float:right;
}
.delete-button:hover, .cancel-button:hover, .remove-button:hover, .close-button:hover, .red-button:hover{
	background-color:#f58e8e;
}
.delete-button:active, .cancel-button:active, .remove-button:active, .close-button:active, .red-button:acive{
	position:relative;
	top:1px;
}

/* Calling Icons for CSS */
.delete-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f1f8";padding-left:5px}
.cancel-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f05e";padding-left:5px}
.remove-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f05c";padding-left:5px}
.close-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f00d";padding-left:5px}

/* Blue-Color */
.edit-button, .reset-button, .update-button, .erase-button, .post-button, .clear-button, .send-button, .add-button, .blue-button{
	background-color:#00aaff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #00aaff;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !important;
	white-space:nowrpa;
}
.edit-button:hover, .reset-button:hover, .update-button:hover, .erase-button:hover	, .post-button:hover, .clear-button:hover,  .send-button:hover, .add-button:hover, .blue-button:hover{
	background-color:#5fc9fe;
}
.edit-button:active, .reset-button:active, .update-button:active, .erase-button:active, .post-button:active, .clear-button:active, .send-button:active, .add-button:active, .blue-button:active{
	position:relative;
	top:1px;
}
/* Calling Icons for CSS */
.edit-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f040";padding-left:5px}
.reset-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f12d";padding-left:5px}
.update-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f044";padding-left:5px}
.erase-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f12d";padding-left:5px}
.post-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f24a";padding-left:5px}
.clear-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f12d";padding-left:5px}
.send-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f1d8";padding-left:5px}
.add-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f067";padding-left:5px}

/* orange-Color */
.print-button, .comments-button, .orange-button{
	background-color:#F68827;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #F68827;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !important;
	white-space:nowrpa;
}
.print-button:hover, .comments-button:hover, .orange-button:hover{	
	background-color:#f9a83f;
}
.print-button:active, .comments-button:active, .orange-button:active{
	position:relative;
	top:1px;
}
/* Calling Icons for CSS */
.print-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f02f";padding-left:5px} 
.comments-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f086";padding-left:5px}

/* Yellow-Color */
.auditinfo-button, .yellow-button{
	background-color:#e1ad00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #e1ad00;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !important;
	white-space:nowrpa;
}
.auditinfo-button:hover, .yellow-button:hover{	
	background-color:#f0ba05;
}
.auditinfo-button:active, .yellow-button:active{
	position:relative;
	top:1px;
}
/* Calling Icons for CSS */
.auditinfo-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f129";padding-left:5px} 



/* ash-Color */
.view-button, .fax-button, .scan-button, .notify-button, .upload-button, .download-button, .graph-button, .search-button, .barcode-button, .hold-button, .back-button, .next-button, .QR-button{
	background-color:#646262;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #454545;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !important;
	white-space:nowrpa;
}
.view-button:hover, .fax-button:hover, .scan-button:hover, .notify-button:hover, .upload-button:hover, .download-button:hover, .graph-button:hover, .search-button:hover, .barcode-button:hover, .hold-button:hover, .back-button:hover, .next-button:hover, .QR-button:hover{
	background-color:#898888;
}
.view-button:active, .fax-button:active, .scan-button:active, .notify-button:active, .upload-button:active, .download-button:active, .graph-button:active, .search-button:active, .barcode-button:active, .hold-button:active, .back-button:active, .next-button:active, .QR-button:active{
	position:relative;
	top:1px;
}

/* Calling Icons for CSS */
.view-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f06e";padding-left:5px}
.fax-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f1ac";padding-left:5px}
.scan-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f029";padding-left:5px}
.notify-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f0a2";padding-left:5px}
.upload-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f093";padding-left:5px}
.download-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f019";padding-left:5px}
.graph-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f201";padding-left:5px}
.search-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f002";padding-left:5px}
.barcode-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f02a";padding-left:5px}
.hold-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f256";padding-left:5px}
.back-button::before{font-family:"FontAwesome"; font-weight: 400; content: "\f053";padding-right:5px}
.next-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f054";padding-left:5px}
.QR-button::after{font-family:"FontAwesome"; font-weight: 400; content: "\f029";padding-left:5px}

/* Grey-Color */
.common-button{
	background-color:#424242;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #424242;
	display:inline-block;
	cursor:pointer;
	color:#fff !Important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	padding: 5px 12px;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
	min-width:120px;
	text-align:center !Important;
	white-space:nowrpa !Important;
}
.common-button i{padding: 4px 0px;}
.common-button:hover{
	background-color:#565656;
}
.common-button:active{
	position:relative;
	top:1px;
}


/* Icon-button 
-----------------------------------
.green-icon-button, .red-icon-button, .blue-icon-button, .orange-icon-button, .yellow-icon-button */

.green-icon-button{background-color:#20A20F; color:#fff !important}

.red-icon-button{background-color:#E64B4B; color:#fff !important}

.blue-icon-button{background-color:#00aaff; color:#fff !important}

.orange-icon-button{background-color:#F68827; color:#fff !important}

.yellow-icon-button{background-color:#f0ba05; color:#fff !important}

.green-icon-button, .red-icon-button, .blue-icon-button, .orange-icon-button, .yellow-icon-button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	padding:5px;
	text-decoration:none;
	font-weight:normal;

}
.green-icon-button:hover, .red-icon-button:hover, .blue-icon-button:hover, .orange-icon-button:hover, .yellow-icon-button:hover {
	color:#3F4855;
	text-decoration:none;
	padding:5px;
	text-decoration:none;
	font-weight:normal;
}

.search-filter-button::after{background-color:#454545; font-family:"FontAwesome"; font-weight: 400; content:"\f0b0"; color:#fff; padding:10px; -webkit-border-radius:3px;	border-radius:3px; -khtml-border-radius:3px;	border-radius:3px;}

.no-slots, .no-slots:hover{background-color:#e1e1e1; border:1px solid #cfcfcf;cursor: no-drop;}

.slots.active{	background: rgb(90,157,223);
	background: -moz-linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%);
	background: -webkit-linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%);
	background: linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9ddf",endColorstr="#194dab",GradientType=1);
border: 1px solid #194dab;color: #ffffff;font-weight:normal;}

.slots:hover{
	background: -moz-linear-gradient(205deg,  rgb(239 182 125) 0%, rgb(225 146 64) 100%);
	background: -webkit-linear-gradient(205deg,  rgb(239 182 125) 0%, rgb(225 146 64) 100%);
	background: linear-gradient(205deg,  rgb(239 182 125) 0%, rgb(225 146 64) 100%);
	border: 1px solid #b16405;
	color: #080808;
	font-weight:normal;
	}

.slots{
	background: -moz-linear-gradient(51deg, rgb(247 212 177) 0%, rgb(233 198 134) 100%);
	background: -webkit-linear-gradient(51deg, rgb(247 212 177) 0%, rgb(233 198 134) 100%);
	background: linear-gradient(51deg, rgb(247 212 177) 0%, rgb(233 198 134) 100%);
    border: 1px solid #b16405;
    color: #080808;
    font-weight: normal;
	}

.next-avaliability{background: rgb(22,129,149);
	background: -moz-linear-gradient(95deg, rgba(22,129,149,1) 0%, rgba(84,170,203,1) 100%);
	background: -webkit-linear-gradient(95deg, rgba(22,129,149,1) 0%, rgba(84,170,203,1) 100%);
	background: linear-gradient(95deg, rgba(22,129,149,1) 0%, rgba(84,170,203,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#168195",endColorstr="#54aacb",GradientType=1);
	border:1px solid #064d5a;
	color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	letter-spacing:1px;
	padding: 8px 0px 8px 5px;
	margin:5px;}

.next-avaliability a{background-color:#096374; color:#fff;-moz-border-radius:0px 10px 10px 0px;	-webkit-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px; font-family:'Roboto', sans-serif;font-size:12px;letter-spacing:1px;padding: 8px 5px;}

.next-avaliability a:hover{background-color:#096374; color:#fff;-moz-border-radius:0px 10px 10px 0px;	-webkit-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px; font-family:'Roboto', sans-serif;font-size:12px;letter-spacing:1px;padding: 8px 5px;}

.disable-button, .disable-button:hover{
	background: rgb(253,253,253);
	background: -moz-linear-gradient(360deg, rgb(217 217 217) 0%, rgba(253,253,253,1) 100%);
	background: -webkit-linear-gradient(360deg, rgb(217 217 217) 0%, rgba(253,253,253,1) 100%);
	background: linear-gradient(360deg, rgb(217 217 217) 0%, rgba(253,253,253,1) 100%);
    background-color: #fffbfb !important;
    border: 1px solid #a5a3a3;
    color: #818181 !important;
    cursor: no-drop;
}