/*

Main color: black;
Assertive: #F4B400;
Assertive border: #FFC599;
Assertive disabled: #F8D369

*/

/*************************** DATE RANGE PICKER ***************************/

/* input */

.datarange-picker {
	text-align: right;
	cursor: pointer;
}

/* generated */

.daterangepicker {
	width: auto !important;
	box-shadow: -10px 10px 32px rgba(0, 0, 0, .8) !important;
}
.daterangepicker .ranges li {
	border-radius: 0;
	color: black;
}

.disabled-select {
    background-color:#F1F1F1 !important;
}

.daterangepicker .ranges li.active {
	background-color: #f4b400;
	border-color: #ffc599;
	color: black;
}

.daterangepicker .ranges li:hover {
	background-color: #F8D369;
	border-color: #F8D369;
	color: black;
}

.daterangepicker td.in-range, .daterangepicker td.in-range:hover {
	background-color: #F8D369;
	/*border-color: #ffc599;*/
	border-radius: 0;
	color: black;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #f4b400 !important;
	/*border-color: #ffc599;*/
	border-radius: 0;
	color: black;
}

/*
.daterangepicker .ranges, .daterangepicker .calendar  {
	float: right;
}
*/

.colorpicker-2x{

	z-index:6000 !important;
}


.colorpicker-2x .colorpicker-saturation {
	width: 150px;
	height: 150px;

}
.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
	width: 23px;
	height: 150px;
}
.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div{
	height: 23px;
}



.daterangepicker .input-mini, .daterangepicker .input-mini.active {
	border: 0 !important;
	border-radius: 0 !important;
}

/*************************** RANGE SLIDER ***************************/

.slider.slider-horizontal {
	width: 100%;
}

.slider-handle {
	background-color: black;
	background-image: linear-gradient(to bottom,#000 0,#000 100%);
}

.slider-selection {
	background-color: black;
	background-image: linear-gradient(to bottom,#F8D369 0,#F8D369 100%);
}

.items-sort{
	background: #fff;
}
.order-apps-portal .app {
	height: 200px;
	background-color: white;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    cursor: pointer;
    color: white;
    text-align: center;
    position: relative;
    border: 5px solid white;

	padding-left: 0 !important;
	padding-right: 0 !important;
}

.order-apps-portal .app.sortable-ghost{
	opacity: 0.6;
}
/*
.order-apps-portal .app:hover {
    font-size: 0;
}*/

.order-apps-portal .app-name {
	position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: auto;
	background-color: black;
    text-shadow: 1px 1px 5px #CBCBCB;

    font-size: 12px;
    opacity: 0.75;
    color: white;
    text-align: center;
}

.order-apps-portal  .app-footer{
	position: absolute;
    left: 0;
    top: 0px;
	width: 100%;
	height: auto;
	z-index: 2;
	background-color: transparent;
    text-shadow: 1px 1px 5px #CBCBCB;

    font-size: 12px;
    /*opacity: 0.75;*/
    padding-right: 10px;
    color: white;
    text-align: right;
}

#app-loading{
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: 10px;
}

#app-body.body-header-fixed{
	overflow: visible;
}