/***********************
 * General 	   *
 **********************/

/*
body{
	font-size: 16px;	
}
*/

.text-align-right{
	text-align:right;
}


.row-espacement {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.font-size-bigger {
	font-size:1.15em;
}


.padding-20 {
padding: 20px;
}

.padding-top-50 {
padding-top: 50px;
}

.padding-left-10 {
padding-left: 10px;
}


/*
* Selected language 
*/
.selected-language{
	background-color: #d8e8f1
}

/**
* Bootstrap carousel
**/
.carousel-item-center{
margin: auto;
width: 70%;
}

.carousel-caption{
position: initial !important;
}


/**
* Palette of Colors
**/
    
.color-blue{
color: #3c8dbc;
}

.bg-color-blue{
background-color: #3c8dbc;
}

.color-blue-turquoise{
color: #00e5e5;
}

.bg-color-blue-turquoise{
background-color: #00e5e5;
}

.color-brown{
color: #964B00;
}

.bg-color-brown{
background-color: #964B00;
}

.color-green{
color: #00a65a;
}

.bg-color-green{
background-color: #00a65a;
}

.color-orange{
color: #ff6a19;
}

.bg-color-orange{
background-color: #ff6a19;
}

.color-pink{
color: #dd4180;
}

.bg-color-pink{
background-color: #dd4180;
}

.color-purple{
color: #605ca8;
}

.bg-color-purple{
background-color: #605ca8;
}

.color-red{
color: #dd4b39;
}

.bg-color-red{
background-color: #dd4b39;
}

.color-violet{
color: #5e1294;
}

.bg-color-violet{
background-color: #5e1294;
}

.color-yellow{
color: #ffd33a;
}

.bg-color-yellow{
background-color: #ffd33a;
}

.color-white{
color: white;
}

.bg-color-white{
background-color: white;
}



/***********************
 * Menu AdminLTE 	   *
 **********************/
html body section.sidebar .sidebar-menu  {
    white-space: normal;
}


html body div.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
	white-space: normal !important;	
}


.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
	width: auto !important;
    min-width: 200px;
}


html body .user-panel {
	min-height: 40px !important;
}

.small-box > .inner {
height: 150px !important;
}

.col-small-box {
padding-left: 0px !important; padding-right: 0px!important;
}

.small-box h3 {
font-size: 24px !important;
}



/* * * * * * * * * * * *
 * DataTable
 * * * * * * * * * * * */
 html body table.dataTable thead th.sorting::after {
    color: rgb(227, 146, 0);
}

html body table.dataTable thead th.sorting_asc::after {
    color: rgb(227, 146, 0);
}

html body table.dataTable thead th.sorting_desc::after {
    color: rgb(227, 146, 0);
}

 
/* * * * * * * * * * * *
 * Vertical Scrolling
 * * * * * * * * * * * */
div.dataTables_scrollHeadInner table { margin-bottom: 0px !important }



/* * * * * * * * * * * *
 * Topics view.jsp : time slider
 * * * * * * * * * * * */
button#start, button#restart {
    margin: 0 auto;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.5em;
    line-height: 1.5;
    border-radius: 50%;
}

#custom-handle {
    width: 3em;
	height: 2.4em;
	top: 50%;
	margin-top: -1.2em;
	text-align: center;
	line-height: 2.2em;
	font-size: larger;
	font-weight: bolder;
}
  
.ui-slider-horizontal {
    height: 25px !important;
    /*width: 800px;*/
    min-width: 300px;
}

.ui-slider-tick-mark{
	display: inline-block;
	width: 1px;
	background: black;
	height: 20px;
	position: absolute;
	top: -10px;
}

.ui-slider-tick-mark-year{
    position:absolute;
    top:-35px;
}


/*
* Select2
*/
.select2-container .select2-selection--single {
	height: 32px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 25px !important;
}