/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Navbar bottom border disabled by default */
.navbar {
    border-bottom: 1px solid transparent; }

/* Header button states - text colors */
.header-btns > div > button:focus {
    color: #666; }

.header-btns > div > button:hover {
    color: #0094d2; }

/* Sidebar menu item states - background colors */
/* top level*/
/* Submenu item level */
/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/
/*.navbar{background-color:rgb(245, 99, 51);background-image:none;} */
.navbar{background-color:rgb(53, 181, 215);background-image:none;}
#sidebar ul.sidebar-nav > li > a{background: #FFF;border-color: #ddd;}
#sidebar ul.sidebar-nav li ul.sub-nav{background: #f8f8f8;border-color: #ddd;}
ul.sidebar-nav > li > a .glyphicons{color:rgb(48, 147, 199);} 
ul.sidebar-nav li.active > a .glyphicons{color:rgb(245, 99, 51);}

.sidebar-logo{
    display: inline !important;
}
.img-size {
    padding: 30px 28px !important;
}

.navbar-brand .navbar-logo {
    max-width: 252px;
}

.navbar-brand {
    padding: 4px 20px;
    width: 288px;
}

.panel-heading{

    background-image:none;
    height: 44px;
    padding: 4px 20px 9px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);

}
.panel-body{
    /*box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.15) inset;*/
}
.panel-title{
    color:#35b5d7;
    /*color: #fff;*/
    /*text-shadow: 1px 1px #AAAAAA;*/
    /*text-shadow: none;*/
    font-size: 19px;
} 

.panel-title .glyphicon, .panel-title .fa, .ui-dialog-titlebar .glyphicon{color:#ff7b4f; margin-right: 8px; font-size: 20px !important; top: 2px !important} 

#sidebar-search{background-color:#f8f8f8;background-image:none;} 

#content:after{background-color:#f8f8f8;background-image:none;} 

.dropzone {
    min-height: 105px !important;
}

.dropzone .dz-message i.fa{
    color: #428BCA;
    display: block;
    font-size: 80px;
    margin-bottom: 15px;
    float: left;
}
.dropzone .dz-message .main-text{    
    color: #444444;
    font-size: 20px;
    margin-left: 20px;
    margin-top: 18px;
}
.dropzone .dz-message .sub-text{    
    font-size: 16px;
    margin-left: 20px;
}

.col-xg-12 {
    min-width: 80px;
}

select {
    padding: 6px 6px !important;
}

td.hasTooltip{text-align: center; cursor: pointer}
.hasTooltip span{font-size: 18px}
.iscentered{text-align: center}

td.green { background-color: #68B604 !important;}
td.orange { background-color: #FFD43E !important;}
td.red { background-color: #C72D2D !important;}
div.green { background-color: #68B604 !important;width: 100%;
            height: 100%;
            min-height: 36px;
            min-width: 18px;}
div.orange { background-color: #FFD43E !important;
             width: 100%;
             height: 100%;
             min-height: 36px;
             min-width: 18px;}
div.red { background-color: #C72D2D !important;width: 100%;
          height: 100%;
          min-height: 36px;
          min-width: 18px;}
.dataTable th{padding-top: 8px !important; padding-bottom: 8px !important;}
.dataTable td:not(:last-child){padding-top: 6px !important; padding-bottom: 6px !important;}
.dataTable .no_pad { padding: 8px 0px 8px 4px !important;}
.dataTable td > .btn-group { min-width: 125px}
.dt-panelmenu {background: url("../img/patterns/8.png") repeat scroll left top rgba(0, 0, 0, 0)}
/*
.panel-title{font-size:14px;color:rgb(255, 255, 255);text-shadow: none;} 
.panel-title .fa{font-size:17px;} 
.panel-heading{background-color:rgb(53, 181, 215);background-image:none;} 
*/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #aaa;
    border-color: #aaa;
}

/* pour bon fonctionnement readonly Firefox*/
input[readonly], input[readonly="readonly"] {
    cursor: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}​

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #b0252a;
}
.has-error .form-control {
    border-color: #b0252a;
    background-color: #f5e8e8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-error .form-control:focus {
    border-color: #843534;
    background-color: #f5e8e8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #CE8483;
}
.has-error .input-group-addon {
    background-color: #f5e8e8;
    border-color: #b0252a;
    color: #b0252a;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #3c763d;
}
.has-success .form-control {
    border-color: #3c763d;
    background-color: rgba(176,242,182,0.4);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    background-color: rgba(176,242,182,0.4);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
    color: #3c763d;
    background-color: rgba(176,242,182,0.4);
    border-color: #3c763d;
}
/****************************************************************************/
/*************************** BIG CHECKBOX ***********************************/
.validate {
    display: inline-block;
    margin-left: 24px;
    vertical-align: middle;
}
.validate span {
    font-size: 26px;
    font-weight: bold;
}
.regular-checkbox {
    display: none;
}
.regular-checkbox + label {
    background-color: #FAFAFA;
    border: 1px solid #CACECE;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    margin: 4px;
    padding: 9px;
    position: relative;
    vertical-align: top;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.regular-checkbox:checked + label {
    background-color: #E9ECEE;
    border: 1px solid #ADB8C0;
    color: #99A1A7;
}
.regular-checkbox:checked + label:after {
    color: #99A1A7;
    content: "✔";
    font-size: 14px;
    left: 3px;
    position: absolute;
    top: -30px;
}
.big-checkbox + label {
    padding: 14px;
    cursor: pointer;
}
.big-checkbox:checked + label:after {
    font-size: 48px;
}

.lien-profil { font-weight: bold;}
.dataTable .lien-profil { margin-left: 16px}

.lien-profil span {
    font-size: 22px; 
    margin-right: 10px;
}
.hide{

    visibility: hidden

}
.static {
    padding-bottom: 25px;
}
.monModal{
    margin:10px;
}
.ajoutPlaque{
    font-size: 10px;
    cursor: pointer;
}
.underlineNone{
    text-decoration: none;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.scroll {
    overflow:auto;
    margin-top:10px;
}
.thPlaque {
    width: 90%;
    min-width: 150px;
}
.tablecaption{

    padding-top: 10px;
}
.formProto{
    padding: 12px;
    border: 1px solid #ccc;
}
.formProto > h2{
    text-align: center;
    margin-top: -25px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
}
.formProto > h2 >span{
    background-color: white;
}
.empty {
    font-size: 50px;
    padding: 20px;
    text-align: center;
}
.count-sample > p{
    color: grey;
    font-size: 12px;
    font-style: italic;
}
.indexes{
    width: 100px;
}
.separator {
    height: 20px;
    margin-top: 10px;
    color: grey;
}
.bold-info{
    font-weight: bold;
    margin: 0;
}
.color-info{
    color: #68B604;
}
tr.selected td:not(.red):not(.green):not(.orange){background-color:#A2CAD5 !important;} //B1EEAE vert

.choosen {
    width: 100%;
}
#mytable > tbody > tr > td:nth-child(1) {
    background-color: #c9c9c9;

}

.lien-pdf:link {
    text-decoration: none;
    transition: all 1s ease;
}
.lien-pdf > img:hover {
    transition: all 1s ease-in-out;
}
.lien-pdf > img:hover {
    -ms-transform: rotate(730deg); /* IE 9 */
    -webkit-transform: rotate(730deg); /* Chrome, Safari, Opera */
    transform: rotate(730deg);
}
#form_num_project_chosen{
    width: 150px !important;
    margin-bottom: 10px;
}
table.dataTable thead th.no-border{
    border-bottom: none;
}
.hasTooltip:hover {
    color:black;
}
#mytable tbody tr.entete th, #mytable tbody tr.entete td  {
    text-align: center;
    background-color: #c6c6c6;
    font-weight: bold;
}
#input_hidden{
    display:none;
}
.form-hidden {
    display: inline;
}


.btn-group > form .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-group > form .btn:focus, .btn-group-vertical > form .btn:focus {
    outline: none;
}
.btn-group > form .btn:hover, .btn-group-vertical > form .btn:hover, .btn-group > form .btn:focus, .btn-group-vertical > form .btn:focus, .btn-group > form .btn:active, .btn-group-vertical > form .btn:active, .btn-group > form .btn.active, .btn-group-vertical > form .btn.active {
    z-index: 2;
}

.btn-group-xs > form .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-group > form .btn, .btn-group-vertical > form .btn {
    position: relative;
    float: left;
}

.highcharts-contextmenu hr{
    margin: 0px;
}
#random{
    cursor: pointer;
}
.alerts-menu .menu-arrow {
    left: 40%;
}
.alerts-menu ul.dropdown-menu {
    margin-left: -109px;
}
.glyphicons-orange {
    color: rgba(245, 99, 51, 1);
}

.highcharts-tooltip span {
    height:auto;
    width:140px;
}

/*LOADER*/
/* The loader container */
.loader {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 200px;
    height: 200px;

    margin-top: -100px;
    margin-left: -100px;

    perspective: 100px;
    transform-type: preserve-3d;

    animation: loader 6s cubic-bezier(0,0,1,1) infinite;
}

/* Loader animation */
@keyframes loader {
    0% {
        transform: rotateX(30deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(30deg) rotateZ(-360deg);
    }
}

table.plaque {
    border-collapse: separate;
    border-spacing: 2px;
}
.radio-inline{
    padding-left: 0 !important;
}
.cbr-replaced + label {
    padding-left: 0 !important;
}
table.ligneplaque td, table.indexligneplaque td {
    height: 29px;
    border: 0px none;
    background-color: transparent;
    font-size: 12px;
    padding-top: 3px;
}
table.colplaque td, table.indexcolplaque td {
    height: 17px;
    width: 29px;
    border: 0px none;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
}
table.plaque td {
    height: 27px;
    width: 27px;
    border: 3px double #CCC;
    border-radius: 50%;
}
table.ligneplaque {
    position: absolute;
    left: 5px;
}
table.ligneplaque-nofixed {
    left: 1px !important;
}
.sample_datatable thead{
    z-index: 900 !important;
    position: relative;
}
.a-sample {
    height: 22px;
    width: 100%;
    border-radius: 50%
}
table.plaque td.ui-state-hover{
}
table.plaque td.ui-state-active{
    background-color: yellow !important;
}
table.plaque td.ui-state-highlight{
    background-color: gray;
}
.draggable{
    width: 32px; 
    height: 24px; 
    padding: 0; 
    margin: 0;
    cursor: pointer;
    /*    border: 1px solid #000;*/
}

.badge.big{
    font-size: 16px !important;
    font-weight: bold;
}

.fixed-plaque{
    position: fixed;
    left: 70.3%;
    top: 100px;
}
.fixed-plaque.col-md-4{
    width: 32.8%;
}

.ui-selecting td{ background: #FECA40 !important; }
.ui-selected td{ background: #FECA40 !important; }
.ui-state-highlight.ui-selecting, .ui-state-highlight.ui-selecting  { border-color: #FECA40; }
.ui-state-highlight.ui-selected, .ui-state-highlight.ui-selecting { border-color: #FECA40; }
#table-index {
    padding: 10px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 60;
    border: 1px dotted black;
}

.table-striped > tbody > tr:nth-child(2n) > td {
    padding: 5px 8px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td {
    padding: 5px 8px;
}

/* Loader ! */
.loader {
    position: relative;
    margin: 0px auto;
    width: 100px;
}
.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}
@-webkit-keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%, 90% {
        stroke: #ffa700;
    }
}
@keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%, 90% {
        stroke: #ffa700;
    }
}