/*
Author 			: Eric Tan
Author URI 		: https://www.facebook.com/creolyte
Description 	: Backbone for CodeIgniter
Version 		: 1.1.000
Latest Update 	: Added input css for readonly 2020-07-08
*/

/* Remove border radius */
	.flat {
		border-radius: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		border-width: 1px !important;
	}
/* Text colors */
	.text-red {
		color: #dd4b39 !important;
	}
	.text-yellow {
		color: #f39c12 !important;
	}
	.text-aqua {
		color: #00c0ef !important;
	}
	.text-blue {
		color: #0073b7 !important;
	}
	.text-black {
		color: #111111 !important;
	}
	.text-light-blue {
		color: #3c8dbc !important;
	}
	.text-green {
		color: #00a65a !important;
	}
	.text-gray {
		color: #d2d6de !important;
	}
	.text-navy {
		color: #001f3f !important;
	}
	.text-teal {
		color: #39cccc !important;
	}
	.text-olive {
		color: #3d9970 !important;
	}
	.text-lime {
		color: #01ff70 !important;
	}
	.text-orange {
		color: #ff851b !important;
	}
	.text-fuchsia {
		color: #f012be !important;
	}
	.text-purple {
		color: #605ca8 !important;
	}
	.text-maroon {
		color: #d81b60 !important;
	}
	.text-white {
		color: #ffffff !important;
	}
/* Hide elements by display none only */
	.hide {
		display: none !important;
	}
/* Remove borders */
	.no-border {
		border: 0px !important;
	}
/* Remove padding */
	.no-padding {
		padding: 0px !important;
	}
/* Remove margins */
	.no-margin {
		margin: 0px !important;
	}
/* Remove box shadow */
	.no-shadow {
		box-shadow: none !important;
	}
/* Background */
	.bg-navy,
	.bg-teal,
	.bg-olive,
	.bg-lime,
	.bg-orange,
	.bg-fuchsia,
	.bg-purple,
	.bg-maroon,
	.bg-gray,
	.bg-black,
	.bg-red,
	{
		color: #fff !important;
	}
	.bg-navy {
		background-color: #001f3f !important;
	}
	.bg-teal {
		background-color: #39cccc !important;
	}
	.bg-olive {
		background-color: #3d9970 !important;
	}
	.bg-lime {
		background-color: #01ff70 !important;
	}
	.bg-orange {
		background-color: #ff851b !important;
	}
	.bg-fuchsia {
		background-color: #f012be !important;
	}
	.bg-purple {
		background-color: #605ca8 !important;
	}
	.bg-maroon {
		background-color: #d81b60 !important;
	}
	.bg-gray {
		background-color: #d2d6de !important;
	}
	.bg-black {
		background-color: #111111 !important;
	}
	.bg-red {
		background-color: #FF4C4C !important;
	}
/* Buttons */
	.btn-bittersweet {
		color: #fff !important;
		background-color: #ff6961 !important;
	}
	.btn-pastel-green {
		color: #fff !important;
		background-color: #77dd77 !important;
	}
	.btn-polo-blue {
		color: #fff !important;
		background-color: #779ecb !important;
	}
	.btn-sandy-brown {
		color: #fff !important;
		background-color: #f1a55a !important;
	}
	.btn-cello {
		color: #fff !important;
		background-color: #3b4f64 !important;
	}
	.btn-purple {
		color: #fff !important;
		background-color: #605ca8 !important;
	}
/* Datatables */
	.dataTables_processing {
		background-color: rgba(1,1,1,0.8) !important;
		background-image: none !important; /*To remove linear-gradient*/
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 100% !important;
		height: 40px !important;
		margin-left: -50% !important;
		margin-top: -25px !important;
		padding: 10px !important;
		text-align: center !important;
		font-size: 1.2em !important;
		color: #fff !important;
	}
/* Image circle */
	.img-cicle {
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 50%;

		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 50%; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 50%; 
	}
	.img-border-solid {
		border-style: solid;
		border-width: 2px;
		border-color: #77cde3;
	}
	.block-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
/* Mobile alignment */
	@media (max-width: 768px) {
		.text-center-xs {
			text-align: center !important;
		}
		.text-left-xs {
			text-align: left !important;
		}
		.text-right-xs {
			text-align: right !important;
		}
	}
	@media (max-width: 992px) {
		.text-center-sm {
			text-align: center !important;
		}
		.text-left-sm {
			text-align: left !important;
		}
		.text-right-sm {
			text-align: right !important;
		}
	}
	@media (max-width: 1200px) {
		.text-center-md {
			text-align: center !important;
		}
		.text-left-md {
			text-align: left !important;
		}
		.text-right-md {
			text-align: right !important;
		}
	}
/* Badge color */
	.badge-purple {
		color: #fff !important;
		background-color: #605ca8 !important;
	}
/* Input */
	.input-readonly {
		border: none !important;
		background-color: transparent !important;
		padding: 0 !important;
		cursor: default !important;
	}