/*------------------------------------- TO BE ORGANIZED -------------------------------------*/
	#wallpaper {
		background: url(http://localhost/zobees/img/home-wallpaper.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 95vh;
	}
	.bg-white{
		background: #fff !important
	}
	.bg-gray{
		background: #ecf0f1;
		color:#2c3e50;
	}
	.text-white{
		color:#fff;
	}

	.text-slate{
		color:#888;
	}

	.outline{
		border:1px solid #ddd;
	}

	.thin{
		font-family: "Raleway";
		font-weight: 200
	}
	.thick{
		font-family: "Open Sans";
		font-weight: 800
	}

	.last {
		margin-top:30px;
		margin-bottom:0px;
	}

	.bg-slate{
		background: #444;
	}
	.img-container{
		height:200px;
		overflow: hidden;
	}
	.selectable {
		cursor:pointer;
	}
	.movable{
		cursor: move;
	}
	.paging_simple_numbers{
		text-align: right;
	}
	.requiredErrorFull{
		margin-bottom: 5px;
		border-radius:2px;
		border:1px solid #dd4b39 !important;
	}
	.spinning {
		-webkit-animation:spin 1s linear infinite;
		-moz-animation:spin 1s linear infinite;
		animation:spin 1s linear infinite;
	}
	.top-right-icon{
		padding:10px;
		position: absolute;
		top: 0px;
			right: 20px;
	}
	.ion-md{
		font-size: 22px
	}
	.top-buffer{
		margin-top:10px;
	}
	[action-class=hover-icon]{
		display:none;
	}
	.sub-nav{
		margin-top:75px
	}
	.sub-nav-content{
		margin-top:75px
	}
	[action-class=has-hover-icon]:hover [action-class=hover-icon]{
		display:inline-block;
	}
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

	.cell-radio-label{
		padding:10px;
		margin-right: 10px;
		cursor:pointer;
	}

	input[type="radio"]:checked+.cell-radio-label {
		background: #0073b7;
		color:#fff;
		font-weight: 700;
		-webkit-border-radius: 100px;
	}
	input[type="checkbox"]:checked+.cell-radio-label {
		background: #2c3e50;
		color:#fff;
		font-weight: 700;
		border: 1px solid #2c3e50;
	}
	input[type="checkbox"]:checked+.cell-radio-label:before{
		content:'\f3fe';
		font-family: "Ionicons";
		font-size:12px;
	}
	input[type="checkbox"]+.cell-radio-label:before{
		content:'\f401';
		font-family: "Ionicons";
		font-size:12px;
	}

	input[type="checkbox"]+.cell-radio-label {
		background: #fff;
		color:#444;
		font-weight: 700;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	.hidden-radio {
		display:none;
	}
	.noselect {
	  -webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* Internet Explorer/Edge */
	  user-select: none;           /* Non-prefixed version, currently
									  not supported by any browser */
	}
	.left-buffer{
		margin-left: 10px;
	}
	.right-buffer{
		margin-right:  10px;
	}
	.list-row{
		border-top:1px solid #ddd;
		padding:10px;
	}
	.list-row:hover{
		background-color: #ddd;
	}
	.list-thumbnail{
		max-height: 150px;
	}
	[jq-class="sortable"]:active{
		cursor: move;
	}
	.image-75{
		width:75%;
	}

	.panel-sm .panel-body{
		height:150px;
		overflow:hidden;
	}
	.btn-slate{
		background: #333;
		color: #fff;
	}
/*------------------------------------- PANELS & WELLS -------------------------------------*/
	.well{
		border: 0;
	}
	.panel{
		border-radius: 0;
	}
	.panel-md .panel-body{
		height:300px;
		overflow: hidden;
	}
	.text-red {
		color:red;
	}
	.text-blue {
		color:#337ab7;
	}
	.text-grey {
		color:#ccc;
	}
	.underline {
		text-decoration: underline;
	}
	.text-sm {
		font-size: 12px;
	}
	.text-white{
		color:#fff !important;
	}
	.text-slate{
		color:#333 !important;
	}
	.text-dark-gray{
		color:#444 !important;
	}
	.text-ir-blue{
		color:#42a9de !important;
	}
	.text-md{
		font-size: 18px;
	}
	.text-100{
		font-weight: 100;
	}
	.text-200{
		font-weight: 200;
	}
	.text-300{
		font-weight: 300;
	}
	.text-400{
		font-weight: 400;
	}
	.text-500{
		font-weight: 500;
	}
/*------------------------------------- DISPLAYS -------------------------------------*/
	.display-flex {
		display:inline-flex;
	}
	.display-inline {
		display: inline-block;
	}
	.bring-to-front {
		z-index: 2;
	}
	.center-object{
		margin:0 auto;
	}
/*------------------------------------- BORDERS -------------------------------------*/
	.bordered{
		border:1px solid #eee;
	}
	.border-bottom{
		border-bottom:1px solid #eee;
	}
	.border-top{
		border-top:1px solid #eee;
	}
	.border-left{
		border-left:1px solid #eee;
	}
	.border-right{
		border-right:1px solid #eee;
	}
/*------------------------------------- BACKGROUNDS -------------------------------------*/
	.bg-white{
		background: #fff
	}
	.bg-gray{
		background: #eee;
	}
	.bg-light-gray{
		background: #f9f9f9;
	}
	.bg-slate{
		background: #333;
	}
	.bg-ir-blue{
		background: #42a9de;
		color: #fff;
	}
/*------------------------------------- PADDING -------------------------------------*/
	.pad{
		padding:10px;
	}
	.pad-top{
		padding-top: 10px
	}
	.pad-bottom{
		padding-bottom: 10px
	}
	.no-padding{
		padding: 0px;
	}
/*------------------------------------- MARGINS -------------------------------------*/
	.buffer{
		margin:10px;
	}
	.top-buffer{
		margin-top: 10px
	}
	.double-top-buffer {
		margin-top: 25px
	}
	.bottom-buffer{
		margin-bottom: 10px
	}
	.bottom-buffer{
		margin-bottom: 10px
	}
	.tight{
		margin: 0px;
	}
/*------------------------------------- COLUMNS -------------------------------------*/
	.col-tight{
		padding:2px;
	}
	.opaque-col-black{
		background: rgba(0, 0, 0, 0.5);
		padding-bottom:20px;
	}
/*------------------------------------- TABLES -------------------------------------*/
	.sortable-table tr{
		cursor: move
	}
/*------------------------------------- CURSORS & SELECTIONS -------------------------------------*/
	.selectable:hover{
		cursor:pointer;
	}
	.selctable-red:hover{
		border:2px solid #ff5f5f;
	}
	.selctable-blue:hover{
		border:2px solid #337ab7;
	}
	.draggable:hover{
		cursor:move;
	}
	.noselect {
	  -webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Chrome/Safari/Opera */
		 -khtml-user-select: none; /* Konqueror */
		   -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
	}
/*------------------------------------- ANIMATIONS -------------------------------------*/
	.ion-spin,.ion-loading-a,.ion-loading-b,.ion-loading-c,.ion-loading-d,.ion-looping,.ion-refreshing,.ion-ios7-reloading {
		-webkit-animation: spin 1s infinite linear;
		-moz-animation: spin 1s infinite linear;
		-o-animation: spin 1s infinite linear;
		animation: spin 1s infinite linear;
	}
	@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(359deg); } }
	@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(359deg); } }
	@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(359deg); } }
	@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(359deg); } }
	@keyframes spin { 0% { transform: rotate(0deg); }100% { transform: rotate(359deg); } }
	.ion-spin,.ion-loading-a,.ion-loading-b,.ion-loading-c,.ion-loading-d,.ion-looping,.ion-refreshing,.ion-ios7-reloading {
		-webkit-animation: spin 1s infinite linear;
		-moz-animation: spin 1s infinite linear;
		-o-animation: spin 1s infinite linear;
		animation: spin 1s infinite linear;
	}
	div.animate{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		overflow:hidden;
	}
	.spinning {
		-webkit-animation:spin 1s linear infinite;
		-moz-animation:spin 1s linear infinite;
		animation:spin 1s linear infinite;
	}
/*------------------------------------- IMAGES -------------------------------------*/
	.img-75{
		width:75%;
	}
/*------------------------------------- SHAPES -------------------------------------*/
	.triangle-down {
		width: 0;
		height: 0;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 40px solid #fff;
		margin-top: -48px;
	}
	.triangle-down-slate {
		width: 0;
		height: 0;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 40px solid #333;
		margin-top: -48px;
	}
	.slice-bottom{
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
	}
	.slice-top{
		/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);*/
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.chevron {
		position: relative;
		text-align: center;
		padding: 12px;
		margin-top: -65px;
		height: 100px;
		width: 100%;
	}

	.chevron:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 50%;
		background: white;
		-webkit-transform: skew(0deg, 6deg);
		-moz-transform: skew(0deg, 6deg);
		-ms-transform: skew(0deg, 6deg);
		-o-transform: skew(0deg, 6deg);
		transform: skew(0deg, 6deg);
	}
	.chevron:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 50%;
		background: white;
		-webkit-transform: skew(0deg, -6deg);
		-moz-transform: skew(0deg, -6deg);
		-ms-transform: skew(0deg, -6deg);
		-o-transform: skew(0deg, -6deg);
		transform: skew(0deg, -6deg);
	}​
/*------------------------------------- JQ REQUIRED -------------------------------------*/
	.requiredErrorFull{
		margin-bottom: 5px;
		border-radius:2px;
		outline:1px solid #dd4b39 !important;
	}
/*------------------------------------- FILE UPLOADER -------------------------------------*/
	.progress-bar-area {
		margin-top: 20px;
	}
	.progress {
		display: none;
		position: relative;
		width: 100%; height: 15px;
		background: #C7DA9F;
		border-radius: 15px;
		overflow: hidden;
		margin-top: 10px;
	}
	.bar {
		position: absolute;
		top: 0; left: 0;
		width: 0; height: 15px;
		background: #85C220;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: .7em;
	}
	.bar.red {
		background: tomato;
	}
	.fileinput-button input{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		opacity: 0;
		-ms-filter: 'alpha(opacity=0)';
		font-size: 200px !important;
		direction: ltr;
		cursor: pointer;
	}
/*------------------------------------- AUTOCOMPLETE -------------------------------------*/
	.ui-autocomplete {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    z-index: 999999!important;
	    float: left;
	    display: none;
	    min-width: 160px;
	    padding: 4px 0;
	    margin: 0 0 10px 25px;
	    list-style: none;
	    background-color: #ffffff;
	    border-color: #ccc;
	    border-color: rgba(0, 0, 0, 0.2);
	    border-style: solid;
	    border-width: 1px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	    -webkit-background-clip: padding-box;
	    -moz-background-clip: padding;
	    background-clip: padding-box;
	    *border-right-width: 2px;
	    *border-bottom-width: 2px;
	}

	.ui-menu-item > a.ui-corner-all {
	    display: block;
	    padding: 3px 15px;
	    clear: both;
	    font-weight: normal;
	    line-height: 18px;
	    color: #555555;
	    white-space: nowrap;
	    text-decoration: none;
	}

	.ui-state-hover, .ui-state-active {
	    color: #ffffff;
	    text-decoration: none;
	    background-color: #0088cc;
	    border-radius: 0px;
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
	    background-image: none;
	}
	.ui-corner-all:hover{
	    color:#fff !important;
	}
	.ui-corner-all:active{
	    color:#fff !important;;
	}