/**
 * Styles CSS particuliers (ajouts ou modifications) du thème sb_admin des pages affichées dans la fenêtre principale du navigateur.
 * @package IWOC_High\output_html\sb_admin Interface Web pour Outils Connectés
 * @version 0.1
 * @author Vincent RUIZ <webmaster@arobase.fr>
 * @copyright Copyright (c) 2018 AROBASE.FR
 * @license Creative Commons BY-NC-SA
 */
 
 .login-panel {
    margin-top: 50%;
}
@media (max-width: 991px) {
	.login-panel {
	    margin-top: 5%;
	}	
}
.red_text {
	color: #f00;	
}
.grey_text {
	color: #ccc;	
}
.del_text {
	color: #d9534f;
}
.del_text:hover {
	color:#c9302c;
}
.normal_text {
	font-weight: normal;
}

.dropdown-menu .divider {
	clear: both;	
}

ul.typeahead.dropdown-menu > li > a {
	white-space: normal;
}

.mb9 {
	margin-bottom: 9px;
}

.table a.fa:hover {
	text-decoration: none;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.mb0 {
	margin-bottom: 0;
}

.mb20 {
	margin-bottom: 20px;
}

.mb15 {
	margin-bottom: 15px;
}

.mt0 {
	margin-top: 0;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.pb20 {
	padding-bottom: 20px;	
}

.pt15 {
	padding-top: 15px;	
}

.strong {
	font-weight: bold;	
}

.block {
	display: block;
	white-space: nowrap;
}

.clearblock {
	clear: both;
	display: block;
}

.clearcolumn {
	height:0;
	line-height: 0;
	font-size: 0;
	clear: both;
}

.nodisp {
	display: none;
}

.flot-chart .legend table td {
	padding: 3px 5px;
}

.krajee-default .file-preview-text {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 10px !important;
}

.sparkling-modal-content {
	padding: 0px !important;
}
.sparkling-modal-title {
    border-bottom: 3px solid #fff ! important;
}

ul.typeahead.dropdown-menu {
    max-height: 250px;
    overflow: auto;
}

.thumb {
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.thumb.contain {
	background-size: contain;	
}
.thumb:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media only screen and (min-width: 1200px) {
	.thumb {
		margin-top: 30px;
		height: 800px;
	}
	
	.thumb.login {
		margin-top: 0px;
		height: auto;
	}
}


.thumbnail .text-right, .thumbnail .text-left {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;	
}
.thumbnail.vignette {
	background-color: #d9edf7;
	border-color: #337ab7;
}
.thumbnail .btn_del {
	float: left;
	margin-top: 4px;	
}
.wthumb {
	width: 120px;
	margin-bottom: 0;
}
.wthumbdemi {
	max-width: 300px;
}

.curs_pointer {
	cursor: pointer;
}

.plyr--audio .plyr__controls {
	background-color: transparent;
}

table.dataTable.vcenter tbody td, #audios_list.vcenter tbody td {
  vertical-align: middle;
}

table.small_header th {
	font-weight: normal;
	font-size: 12px;
}

.icon-large.demi {
    transform: scale(0.7);
    vertical-align: baseline;
}

.badge-error {
  background-color: #d9534f;
}
.badge-error:hover {
  background-color: #c9302c;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #5cb85c;
}
.badge-success:hover {
  background-color: #449d44;
}
.badge-info {
  background-color: #337ab7;
}
.badge-info:hover {
  background-color: #286090;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.gwern_list td {
	border-top: none !important;
	border-bottom: 1px solid #ddd !important;
}
.gwern_list td:last-child {
	text-align: right;
}
.gwern_list td:first-child {
	text-align: left;
}

.operations_list td {
	border-top: none !important;
	border-bottom: 1px solid #ddd !important;
}

#actions_list td:last-child,
#comites_list td:last-child {
	white-space: nowrap;
}

.operations_list td:last-child {
	width: 78px;
}

.operations_list td:nth-child(2){
	width: 94px;
}

.bibliocom_list td:last-child {
	width: 52px;
}

.bibliocom_list td:nth-child(2){
	text-align: right;
}

.btn-circle.btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0px;
  border-radius: 12px;
  font-size: 10px;
  line-height: 1;
}

.form-group .col-lg-1, .form-group .col-lg-2, .form-group .col-lg-3, .form-group .col-lg-4, .form-group .col-lg-5, .form-group .col-lg-6,
.form-group .col-lg-7, .form-group .col-lg-8, .form-group .col-lg-9, .form-group .col-lg-10, .form-group .col-lg-11, .form-group .col-lg-12 {
	margin-top: 5px;
}
.form-group .col-lg-1 .radio, .form-group .col-lg-2 .radio, .form-group .col-lg-3 .radio, .form-group .col-lg-4 .radio, .form-group .col-lg-5 .radio, .form-group .col-lg-6 .radio,
.form-group .col-lg-7 .radio, .form-group .col-lg-8 .radio, .form-group .col-lg-9 .radio, .form-group .col-lg-10 .radio, .form-group .col-lg-11 .radio, .form-group .col-lg-12 .radio {
	margin-top: -5px;
}

/* pour TinyMCE */
div.mce-fullscreen {
    z-index: 1000;
}
.mce-container.mce-panel.mce-foot table {
	border-collapse: separate;
}

/* pour jQuery-Menu−Editor*/
.sortableLists ul .list-group-item:first-child {
	margin-top: 10px;
}

.gly-rotate-90 {
	transform: rotate(90deg);
}

.gly-rotate-270 {
	transform: rotate(270deg);
}

.list-group-item:after {
	content: '';
	display: block;
	clear: both;
}

.sortableLists div:after {
	content: '';
	display: block;
	clear: both;
}

/* pour modal aide */

#aide_modal_dlg h1 {
	margin-top:auto;
	color: #5bc0de;
}

#aide_modal_dlg h1:first-child {
	margin-top: 0;
}

#aide_modal_dlg h2, #aide_modal_dlg h2, #aide_modal_dlg h3, #aide_modal_dlg h4  {
	color: #5bc0de;
}

/* pour contrôle slider */
.sliderbox {
	width: 100%;
	margin-bottom: 10px
}

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

.sliderbox .slider-selection.tick-slider-selection {
	background: repeating-linear-gradient( 45deg, #cce4f8, #c0d9ef 7px, #9dc9dd 7px, #a2cae7 14px )
}

.sliderbox .slider-selection {
	background: repeating-linear-gradient( 45deg, #cce4f8, #c0d9ef 7px, #9dc9dd 7px, #a2cae7 14px );
}

/* pour tous les tableaux de liens concernés */

#typos_list td:last-child, 
#communes_list td:last-child, 
#regions_list td:last-child, 
#departements_list td:last-child, 
#biblios_list td:last-child,
#especes_list td:last-child,
#habitats_list td:last-child,
#gestions_list td:last-child,
#sites_list td:last-child,
#bassin_versants_list td:last-child,
#id_categories_list td:last-child,
#telephone_list td:last-child,
#email_list td:last-child,
#web_list td:last-child,
#web_plus_list td:last-child,
#itineraires_list td:last-child,
#vehicule_list td:last-child{
	width: 90px;
}

#actions_list > tbody > tr > td:last-child,
#comites_list > tbody > tr > td:last-child,
#sites_links > tbody > tr > td:last-child,
#habitats_links > tbody > tr > td:last-child,
#taxons_links > tbody > tr > td:last-child,
#observations_links > tbody > tr > td:last-child,
#sites_links  > tbody > tr > td:last-child,
#gwerns_links  > tbody > tr > td:last-child,
#bassins_links  > tbody > tr > td:last-child,
#gwerns_links  > tbody > tr > td:last-child,
#strates_list  > tbody > tr > td:last-child,
#outilprotects_list  > tbody > tr > td:last-child,
#conventions_list  > tbody > tr > td:last-child,
#instgestions_list  > tbody > tr > td:last-child,
#docgestions_list  > tbody > tr > td:last-child,
#doc_files > tbody > tr > td:last-child{
	width: 155px;
}

#gwern_files > tbody > tr > td:last-child {
	width: 170px;
}

#cache_list > tbody > tr > td:last-child {
	width: 170px;
}

#sql_files > tbody > tr > td:last-child {
	width: 240px;
}

.echeance td:last-child {
	width: 90px;
	text-align: center;
}

/* Pour le bootstrap-select */

.dropdown.bootstrap-select .btn.dropdown-toggle {
	background-color: #fff;
	border-color: #ccc;
}
.dropdown.bootstrap-select .btn.dropdown-toggle[disabled] {
	background-color: #eee;
	border-color: #ccc;
}
.has-error .dropdown.bootstrap-select .btn.dropdown-toggle {
	border-color: #b94a48;
}

.dropdown-header[class^="optgroup"] {
	color: #f00;
}
li[class^="dropdown-header"][class*="optgroup-"] {
	font-weight: bold;
	font-size: 14px;
}

/* Pour le listing déroulant hierrarchique*/
.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
    /* valeurs non obligatoires */
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 30px;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {
    padding-left: 60px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group-item {
    padding-left: 75px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group-item {
    padding-left: 90px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group-item {
    padding-left: 105px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group-item {
    padding-left: 120px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group-item {
    padding-left: 120px;
}

.list-group.list-group-root .leaf .marge {
    padding-left: 23px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.list-group-item .action_ajout {
    position: absolute;
    right: 0;
    top: 10px;
    /*color : #337ab7*/
    color: #5cb85c;
}
.list-group-item .action_ajout:hover {
    color: #4cae4c;
}

.list-group-item.level_0 .action_ajout {
    display: none;
}

.has-error .list-group.well  {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .list-group.well  i:first-of-type {
  color: #a94442;
}

@media (max-width: 1200px) {
	div[class^="col-lg-"] + div[class^="col-lg-"] .checkbox:first-child {
		margin-top: -5px;
	}
}