@import url("animations.css");
/*@import url("bootstrap.extension.css"); */


body
{
	padding-top: 70px;
}

body.modal-open #nav-bar,
body.modal-open #app-container > *
{
/* 	-ms-filter: blur(3px); */
/* 	-webkit-filter: blur(3px); */
/* 	-moz-filter: blur(3px); */
/* 	-o-filter: blur(3px); */
/* 	filter: url(#blur3px); */
}

small
{
	color : #999;
}

small.important
{
	color : #000;
}

.info        { cursor: help;     }
.clickable   { cursor: pointer;  }
.fa-arrows-v { cursor: s-resize; }
.deleted     { background : #F5F5F5; text-decoration : line-through; }

.middle      { vertical-align : middle !important; }
.text-bold   { font-weight : bold;                 }
.relative    { position : relative;                }
.number      { text-align : right;                 }

.empty,
.empty-filler
{
	font-style : italic;
	color      : #BBB; 
}

.overflow-auto { overflow : auto; }

.input-group-addon,
.form-control { border-radius: 2px; }
.alert-danger  { background-image: none !important; border-radius: 2px; }

.tooltip { z-index : 2000; }
.tooltip .tooltip-inner
{
	background: #FFF;
    color: #000;
    box-shadow: 1px 1px 10px 0px #666;

    border: 1px solid #333;
    border-radius: 2px;
    
    padding: 10px;
    max-width: inherit;

    white-space: nowrap;
}

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.label { padding : 3px 10px; }

.input-group-btn:not(:last-child):not(:first-child) > button,
.input-group > button:not(:last-child):not(:first-child)
{
	margin-left : -1px;
}

.input-group.search .input-group-addon { background: #FFF; border-left : none; }
.input-group.search .form-control { border-right : none; }

/* panel */
.panel
{
	position      : relative;
	border-radius : 2px;
}

.panel-heading      { background-image: none !important; border-radius: 2px; }
.panel-heading-text { padding : 7px 25px;                                    }

.panel-sub-heading { background: #DDD !important; padding : 10px 15px; }

/* selectpicker & dropdown */
.selectpicker .badge               { margin-top: 2px; margin-right:  5px; }
.selectpicker .label               { top: 2px;                            }
.selectpicker.dropdown-menu .badge { margin-top: 1px; margin-right: -5px; }
.selectpicker.dropdown-menu .label { margin-top: 3px;                     }
.bootstrap-select .dropdown-menu   { z-index: 2000 !important;            }
.bootstrap-select .badge           { margin-top: 1px; margin-right: 5px;  }
.bootstrap-select .label           { margin-top: 3px;                     }

ul.dropdown-menu                   { padding: 0px;                        }
ul.dropdown-menu LI A .text
{
	display: inline !important;
}

ul.dropdown-menu LI .text-muted
{
	float : right;
	color : #666 !important;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover
{
	background-image: none !important;
}

.dropdown-sm button
{
	line-height: 20px;
	height: 28px;
	
	padding-top: 3px;
	padding-left: 18px;
    
	text-overflow: ellipsis;
	overflow: hidden;
}

.dropdown-sm .dropdown-menu>li>a,
.dropdown-sm .dropdown-menu>li>a
{
	padding: 4px 21px;
}

/* jstree */
.jstree li        { position: relative; }
.jstree li .badge { position: absolute; top: 2px; right: 4px; }

.jstree .deleted              { text-decoration: line-through !important; }
.jstree.hide-deleted .deleted { display: none;                            }


/* loader */
#page-loader
{
	display : none;
}

.loader
{
	background-color: rgba(255,255,255,0.8);
	
	width  : 100%;
	height : 100%;
    
    padding  : 20px;
    
	position : absolute;
	top      : 0px;
	z-index  : 1000;
	
	padding-top : 10%;
	font-weight : bold;
	font-size   : 30px;
	
	box-shadow         : inset 0px 0px 20px 10px #EEE;
	-moz-box-shadow    : inset 0px 0px 20px 10px #EEE;
	-o-box-shadow      : inset 0px 0px 20px 10px #EEE;
	-webkit-box-shadow : inset 0px 0px 20px 10px #EEE;
}

.loader .progress-container
{
	position : relative;
	width    : 100%;
	height   : 100%;
}

.loader .progress-container .progress
{
	position : absolute;
	top      : 50%;
	width    : 100%;
}

.spin-loader
{
	margin-top : 50px;
}

.spin-loader .circle
{
    background-color: rgba(0,0,0,0);
    border: 5px solid #000;
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #999;
    width: 50px;
    height: 50px;
    margin: 0px auto;
    -moz-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
}

.spin-loader .circle2
{
    background-color: rgba(0,0,0,0);
    border: 5px solid #ef4035;
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #999;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoff .5s infinite linear;
    -webkit-animation: spinoff .5s infinite linear;
}

/* popover */
.popover
{
	max-width     : inherit !important;
	margin-right  : 10px;
	
	border-radius : 2px;
	box-shadow    : 2px 2px 10px 0px #AAA;
}

.popover-title
{
	white-space: nowrap;
}


/* modal */
.modal .modal-dialog.modal-xl
{
	background : #f5f5f5;
}

.modal .modal-dialog .modal-header
{
	background : #f5f5f5;
}

.modal .modal-dialog .modal-header button.close
{
	opacity    : .5;
	margin-top : 2px;
}

.modal .modal-dialog .modal-content
{
	border-radius : 2px;
    background-color: transparent;
}

.modal-content > *
{
    background-color: #fff;
}

/* buttons */
.btn
{
	border-radius: 2px;
	background-image : none;
	text-shadow: none !important;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning { text-shadow: none !important; }

/* list group */
ul.list
{
	margin : -15px;
	padding : 0px;
	list-style-type : none;
}

ul.list li.list-group-item
{
	border : none;
}

ul.list li.list-group-item+li.list-group-item
{
	border-top : 1px solid #DDD;
}

.list-group
{
	border-radius : 2px !important;
}
.list-group-item
{
	border-radius : 0px !important;
}
.panel-heading+.list-group,
.panel-heading+.list-group .list-group-item
{
	border-top-left-radius  : 0px !important;
	border-top-right-radius : 0px !important;
}
.list-group:not(:last-child),
.list-group:not(:last-child) .list-group-item
{
	border-bottom-left-radius  : 0px !important;
	border-bottom-right-radius : 0px !important;
}
.list-group-item.active
{
	background-image: none;
	text-shadow: none !important;
}
.list-group-item.active:hover
{
	background-image: none;
	text-shadow: none !important;
}
.list-group-item-label
{
	background: #f5f5f5;
	box-shadow: 0px 1px 2px 0px #CCC;
	
	font-weight: bold;
	
	z-index: 1;
}

/* table */
.table TR TD.index
{
	width       : 16px;
	font-weight : bold;
}

table.table th.number,
table.table td.number
{
	text-align  : right;
	white-space : nowrap;
}

div.table-wrapper
{
	position : relative;
}

div.table-wrapper > div.table-scroll-wrapper
{
	overflow : auto;
}

div.table-wrapper > div.header-spacer
{
	width         : 100%;
	height        : 38px;
	border-bottom : 2px solid #CCC !important;
	background    : #F9F9F9;
}

div.table-wrapper > .table-scroll-wrapper > table.table
{
	margin-bottom : 0px;
}

div.table-wrapper > .table-scroll-wrapper > table.table > thead th
{
	min-width     : 50px;
	padding       : 0px !important;
	border-bottom : none !important;
}

div.table-wrapper > .table-scroll-wrapper > table.table > thead th span.head
{
	position : absolute;
	top      : 5px;
	padding  : 5px 10px !important;
}

div.table-wrapper > .table-scroll-wrapper > table.table.table-bordered > thead th+div.table-wrapper table.table.table-bordered th span.head
{
	border-left : 1px solid #CCC;
}

div.table-wrapper > .table-scroll-wrapper > table.table > tbody tr:nth-child(1) td
{
	border-top : none;
}


/* daterange picker */
.daterangepicker .input-mini
{
	border-radius: 2px !important;
	height: 38px !important;
	line-height: 38px !important;
	text-align: center;
}

.daterangepicker .daterangepicker_input i
{
	top: 12px !important;
}

.daterangepicker .ranges li:hover
{
	/* background: #ff9800 !important; */
}

.daterangepicker .ranges li
{
	/*color: #ff9800 !important; */
	border-radius: 2px !important;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover
{
	/*
	background: #ff9800 !important;	
	color: #fff !important;
	*/
}

.daterangepicker td.active, .daterangepicker td.active:hover
{
	/* background: #ff9800 !important; */
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date
{
	/* color: #666 !important; */
}

/* file-upload */
.file-upload-wrapper
{
	position: relative;
}

.file-upload-wrapper INPUT
{
	padding-right : 30px;
}

.file-upload-wrapper .file-upload-remove
{
	position : absolute;
    top      : 12px;
    right    : 11px;
    
    color    : darkred;
    cursor   : pointer;
    
    display  : block;
    z-index  : 2000;
}

[disabled] .file-upload-wrapper .file-upload-remove,
[readonly] .file-upload-wrapper .file-upload-remove
{
    cursor : inherit;
}

/* pit */
.pit-container
{
	background : #D6D6D6;

	box-shadow         : inset 0px 3px 5px -1px #7D7D7D;
	-moz-box-shadow    : inset 0px 3px 5px -1px #7D7D7D;
	-webkit-box-shadow : inset 0px 3px 5px -1px #7D7D7D;
	-o-box-shadow      : inset 0px 3px 5px -1px #7D7D7D;

	padding            : 14px 12px;
}

.pit
{
	background         : #FFF;

	box-shadow         : 0px 1px 5px 0px #333;
	-moz-box-shadow    : 0px 1px 5px 0px #333;
	-webkit-box-shadow : 0px 1px 5px 0px #333;
	-o-box-shadow      : 0px 1px 5px 0px #333;

	padding            : 14px 12px;
}


/** loader */
.loader .circle
{
    background-color: rgba(0,0,0,0);
    border: 5px solid #000;
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #999;
    width: 50px;
    height: 50px;
    margin: 0px auto;
    -moz-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
}

.loader .circle2
{
    background-color: rgba(0,0,0,0);
    border: 5px solid #ef4035;
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #999;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoff .5s infinite linear;
    -webkit-animation: spinoff .5s infinite linear;
}

/* selectize */
.selectize-input,
.selectize-dropdown,
.selectize-dropdown.form-control,
.selectize-control.multi .selectize-input > div { border-radius : 2px !important; }
.selectize-control.multi .selectize-input > div { padding-left: 10px; }

.ui-sortable-placeholder
{
	background-color : #F5F5F5;
	border           : 1px dashed #CCC !important;
	background       : inset 0px 0px 23px -1px rgba(51, 122, 183, 0.75);
	padding          : 5px 0px;	
}

@media (min-width: 768px)
{
	.modal-xl { width: 600px; }
}

@media (min-width: 992px)
{
	.modal-xl { width: 900px; }
}

@media (min-width: 1200px)
{
	.modal-xl { width: 1180px; }
}

select[data-widget-control] { display: none !important; }