/* -----------------------------------------------
     Surcharges bootstrap (le moins possible !!)
-------------------------------------------------- */
/*body { font-size: 12px!important; }*/

.m-0 { margin: 0px; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }

.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }

.ml-0 { margin-left: 0px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }

.mr-0 { margin-right: 0px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }

.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }

.pt-0 { padding-top: 0px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }

.pl-0 { padding-left: 0px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }

.pb-0 { padding-bottom: 0px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }

.pr-0 { padding-right: 0px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }

.navbar-brand { padding-top: 8px!important; }

.navbar {
  font-size: 110%;
}

.nav > li > a {
	padding: 15px 10px!important;
}

.breadcrumb {
  font-size: 11px!important;;
}
/*.breadcrumb a {
  color: #0F2B43;
}*/

.help-block {
  font-size: 11px!important;;
}

.col .panel {
  margin-top: 20px;
}
.col > .panel:first-child {
  margin-top: 80px;
}

#sheetMngBody_contents { padding-bottom: 60px; }

.form-group {
    margin-bottom: 10px!important;
}

/* barre de bouton en fin de formulaire */
.buttonbar-bottom { margin-bottom: 80px!important; }

/*cas des boutons dans un input group précédé d'un select multiple */
select[multiple] + .input-group-btn {
	vertical-align: top;
}

/*cas des titre contenant des liens */
h1 > a, h2 > a, h3 > a, h4 > a {
    color: inherit;
}

/* ----------------------------
Ajout d'une couleur alkante
---------------------- */
.panel-dark {
    border-color: #b7b7be;
    background-image: linear-gradient(to bottom, #fafafa 0px, #eaeaea 0%);
    background-color: #f5f5f5;
}
.panel-dark > .panel-heading {
    background-image: linear-gradient(to bottom, #87878e 0px, #64646b 100%);
    background-repeat: repeat-x;
    background-color: #64646b;
    border-color: #64646b;
    color: #fff;
}

.panel-heading {
	background-image: none!important;
}

/* -----------------------------------------------
     Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px!important;
  font-size:12px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.container {
  width: auto!important;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

/* -----------------------------------------------
     navbar fixed top styles
-------------------------------------------------- */
body {
  /*min-height: 2000px;*/
  padding-top: 70px;
}


/* -----------------------------------------------
     tree alkante (gedit)
-------------------------------------------------- */
.tree {
    min-height:20px;
    padding:10px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
div.tree > ul {
  padding-left: 0px;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:3px 0px 0 0px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-30px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:15px;
    width:20px
}
.tree li span.title {
    /*-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;*/
    display:inline-block;
    padding:3px 3px;
    text-decoration:none;
    font-size:13px;
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    /*background:#eee;
    border:1px solid #94a0b4;*/
    color:#555;
}

/* -----------------------------------------------
     navs alkante (gedit)
-------------------------------------------------- */
.nav-tabs > li.typeSheetOther1 > a, /*.nav-tabs > li.typeSheetOther1 > a:hover,*/ .nav-tabs > li.active > a:focus {
    /*color: #FFFFFF;*/
    /*background-color: #428BCA;
    border-color: #428BCA #428BCA #DDDDDD;*/
    color: #909090;
    /*border-color: #EEEEEE #EEEEEE #DDDDDD;*/
}
.nav-tabs > li.typeSheetOther2 > a, /*.nav-tabs > li.typeSheetOther2 > a:hover,*/ .nav-tabs > li.active > a:focus {
    color: #909090;
    /*background-color: #EEEEEE;*/
    /*border-color: #EEEEEE #EEEEEE #DDDDDD;*/
}
.nav-tabs > li.typeSheetOther3 > a, /*.nav-tabs > li.typeSheetOther3 > a:hover,*/ .nav-tabs > li.active > a:focus {
    color: #909090;
    /*background-color: #EEEEEE;*/
    /*border-color: #EEEEEE #EEEEEE #DDDDDD;*/
}

/* -----------------------------------------------
     classe utile
-------------------------------------------------- */
.displayNone {
  display: none !important;
}

/* -----------------------------------------------
    Bouton intégré à l'input
-------------------------------------------------- */

.buttonInInputGroup, .buttonInInputGroup-lg, .buttonInInputGroup-sm{
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}
.buttonInInputGroup-lg{
  border-radius: 6px;
}
.buttonInInputGroup-sm{
  border-radius: 3px;
}

.buttonInInputGroup input, .buttonInInputGroup-lg  input, .buttonInInputGroup-sm  input{
  background: transparent;
}

.buttonInInputGroup .btn, .buttonInInputGroup-lg .btn, .buttonInInputGroup-sm .btn{
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 5px;
  padding-right: 5px;
}


/* -----------------------------------------------
    InputGroup ButtonGroup
-------------------------------------------------- */
.input-group.btn-group .btn-group > .btn.dropdown-toggle{
  float: none;
}

.input-group.btn-group > .input-group-btn, .input-group.btn-group > .input-group-addon {
  width: auto;
}
.input-group.btn-group > .input-group-btn {
  vertical-align: top;
}

[data-accordion-root] [data-accordion-leaf],
[data-accordion-root] p[data-accordion-leaf],
[data-accordion-root] .input-group[data-accordion-leaf] {
  display: none;
}
[data-accordion-root] [data-showlg="1"][data-accordion-leaf] ,
[data-accordion-root] p[data-showlg="1"][data-accordion-leaf] ,
[data-accordion-root] .input-group[data-showlg="1"][data-accordion-leaf] {
  display: table;
}

.noborder {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.nobackground {
  background: transparent !important;
}
.noborder.nobackground {
  -webkit-transition: initial !important;
  transition: initial !important;
}

.btn-group .dropdown-menu {
  min-width: initial;
}
.btn-group .dropdown-menu.pull-right > li > a {
	text-align: right;
}

/* -----------------------------------------------
    Popover
-------------------------------------------------- */
div.popover[role=tooltip]{
  width: auto;
  max-width: 100%;
}
div.popover[role=tooltip] .popover-content.txtAdvice {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11pt !important;
  line-height: 1.42857143;
  color: #333;
}

[data-toggle=popover]:focus {
  outline: 0;
}


table.dataTable .btn-group>.btn, .btn-group-vertical>.btn {
  float: none;
}

.dropdown-menu > li > a[disabled],
.dropdown-menu > li > button[disabled],
.dropdown-menu > li > a[disabled]:visited ,
.dropdown-menu > li > button[disabled]:visited ,
.dropdown-menu > li > a[disabled]:active,
.dropdown-menu > li > button[disabled]:active,
.dropdown-menu > li > a[disabled]:hover,
.dropdown-menu > li > button[disabled]:hover {
  background:#fefefe !important;
  color:#aaa !important;
  cursor: default;
}


/** Input Group dans main Group */
.input-group.no-main .input-group-addon, .input-group.no-main .input-group-btn {
  width: auto;
}

div.radio:first-child,
div.checkbox:first-child { margin-top: 1px;} 

div.fieldset-title {
  text-align: left;
  font-weight: bold;
  color: #4f8e94;
  font-size: 13px;
}

.radio input[type="radio"], 
.radio-inline input[type="radio"] {
    position: absolute !important;
    margin-left: -20px !important;
    margin-top: 0px !important;
}

.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"] {
    position: inherit !important;
    margin-left: -20px !important;
    margin-top: 0px !important;
    margin-right: 5px !important;
}

label.checkbox-inline-bold {
    font-weight: bold;
}

td > label.radio > input[type="radio"], 
td > label.radio-inline > input[type="radio"], 
td > label.checkbox > input[type="checkbox"], 
td > label.checkbox-inline > input[type="checkbox"] {
    position: relative !important;
}


.form-inline .radio label, 
.form-inline .checkbox label {
    padding-left: 20px;
}

/** Liste de PJ du composant AlkHtmlUpload */
[id^="list_upload_"] .line.checkbox{
  padding-right: 30px;
}

[id^="list_upload_"] .htmlupload {
  position: absolute;
  z-index: 2;
  right: 5px;
}

label.required:after {
    content: "*"
}

ul.list-group[data-pj-sortable] li.list-group-item[data-pj_rang] span.ui-sortable-handle {
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: ns-resize;
  vertical-align: middle;
}




/** Classe de coloration des icones font-awesome correspond aux couleurs bootstrap*/
.fa-color-default {
  color: #000;
}
a[href]:hover .fa-color-default, a[onclick]:hover .fa-color-default, button[href]:hover .fa-color-default, button[onclick]:hover .fa-color-default,
a[href]:focus .fa-color-default, a[onclick]:focus .fa-color-default, button[href]:focus .fa-color-default, button[onclick]:focus .fa-color-default,
a[href]:active .fa-color-default, a[onclick]:active .fa-color-default, button[href]:active .fa-color-default, button[onclick]:active .fa-color-default {
  color: #222;
}

.fa-color-warning {
  color: #f0ad4e;
}
a[href]:hover .fa-color-warning, a[onclick]:hover .fa-color-warning, button[href]:hover .fa-color-warning, button[onclick]:hover .fa-color-warning,
a[href]:focus .fa-color-warning, a[onclick]:focus .fa-color-warning, button[href]:focus .fa-color-warning, button[onclick]:focus .fa-color-warning,
a[href]:active .fa-color-warning, a[onclick]:active .fa-color-warning, button[href]:active .fa-color-warning, button[onclick]:active .fa-color-warning {
  color: #ec971f;
}

.fa-color-info {
  color: #5bc0de;
}
a[href]:hover .fa-color-info, a[onclick]:hover .fa-color-info, button[href]:hover .fa-color-info, button[onclick]:hover .fa-color-info,
a[href]:focus .fa-color-info, a[onclick]:focus .fa-color-info, button[href]:focus .fa-color-info, button[onclick]:focus .fa-color-info,
a[href]:active .fa-color-info, a[onclick]:active .fa-color-info, button[href]:active .fa-color-info, button[onclick]:active .fa-color-info {
  color: #31b0d5;
}

.fa-color-danger {
  color: #d9534f;
}
a[href]:hover .fa-color-danger, a[onclick]:hover .fa-color-danger, button[href]:hover .fa-color-danger, button[onclick]:hover .fa-color-danger,
a[href]:focus .fa-color-danger, a[onclick]:focus .fa-color-danger, button[href]:focus .fa-color-danger, button[onclick]:focus .fa-color-danger,
a[href]:active .fa-color-danger, a[onclick]:active .fa-color-danger, button[href]:active .fa-color-danger, button[onclick]:active .fa-color-danger {
  color: #c9302c;
}

.fa-color-primary {
  color: #428bca;
}
a[href]:hover .fa-color-primary, a[onclick]:hover .fa-color-primary, button[href]:hover .fa-color-primary, button[onclick]:hover .fa-color-primary,
a[href]:focus .fa-color-primary, a[onclick]:focus .fa-color-primary, button[href]:focus .fa-color-primary, button[onclick]:focus .fa-color-primary,
a[href]:active .fa-color-primary, a[onclick]:active .fa-color-primary, button[href]:active .fa-color-primary, button[onclick]:active .fa-color-primary {
  color: #3071a9;
}

.fa-color-success {
  color: #5cb85c;
}
a[href]:hover .fa-color-success, a[onclick]:hover .fa-color-success, button[href]:hover .fa-color-success, button[onclick]:hover .fa-color-success,
a[href]:focus .fa-color-success, a[onclick]:focus .fa-color-success, button[href]:focus .fa-color-success, button[onclick]:focus .fa-color-success,
a[href]:active .fa-color-success, a[onclick]:active .fa-color-success, button[href]:active .fa-color-success, button[onclick]:active .fa-color-success {
  color: #449d44;
}

.fa-color-link {
  color: #428bca;
}
a[href]:hover .fa-color-link, a[onclick]:hover .fa-color-link, button[href]:hover .fa-color-link, button[onclick]:hover .fa-color-link,
a[href]:focus .fa-color-link, a[onclick]:focus .fa-color-link, button[href]:focus .fa-color-link, button[onclick]:focus .fa-color-link,
a[href]:active .fa-color-link, a[onclick]:active .fa-color-link, button[href]:active .fa-color-link, button[onclick]:active .fa-color-link {
  color: #2a6496;
}
.fa-color-disabled, .fa-color-disabled:hover, .fa-color-disabled:focus, .fa-color-disabled:active, .fa-color-disabled:visited {
  color: #999;
}

.btn.btn-dark {
  background-image: -webkit-linear-gradient(top, #7B7B7B 0, #000000 100%);
  background-image: linear-gradient(to bottom, #7B7B7B 0px, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7B7B7B', endColorstr='#ff000000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #000000;
  color: #fff;
}

.btn.btn-dark:hover,.btn.btn-dark:focus {
  background-image: -webkit-linear-gradient(top, #000000 0, #7B7B7B 100%);
  background-image: linear-gradient(to bottom, #000000 0px, #7B7B7B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7B7B7B', endColorstr='#ff7B7B7B', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #eee;
}

.btn.btn-dark:active,.btn.btn-dark.active {
  background-image: -webkit-linear-gradient(top, #000000 0, #7B7B7B 100%);
  background-image: linear-gradient(to bottom, #000000 0px, #7B7B7B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff7B7B7B', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-color: #7B7B7B;
  color: #eee;
}


/****** Back To Top ******/
#back{
  display: none;
  position: fixed;
  right: 1.5625rem;
  bottom: 1.25rem;
  height: 3.125rem;
  width: 3.125rem;
  background-color: #000 /*#ff9c00*/;
  color: #fff;
  line-height: 3.125rem;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 99;
}