/*sidebar*/
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    #wrapper.toggled {
        padding-left: 250px;
    }

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    padding-bottom: 20px;
    overflow-y: auto;
    background: #596A7B;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: #999999;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #fff;
                background: rgba(255,255,255,0.2);
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

#wrapper {
    padding-left: 250px;
}

    #wrapper.toggled {
        padding-left: 0;
    }

#sidebar-wrapper {
    width: 250px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 0;
}

#page-content-wrapper {
    padding: 0;
    position: relative;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
}


/*TOPBAR*/
#topbar {
    padding-left: 0;
    position: fixed;
    right: 20px;
    top: 0;
}

    #topbar #topbar-container {
        height: 0;
    }


        #topbar #topbar-container * {
            height: 0;
        }

        #topbar #topbar-container.opened {
            height: auto;
        }

    #topbar #topbar-button {
    }


/*Tables*/
.table-middle > tr > td,
.table-middle > tr > th {
    vertical-align: middle;
}


.table-bordered {
    border: 1px solid #3C4E5F;
}

    .table-bordered > tr {
        border-top: 1px solid #3C4E5F;
        border-bottom: 1px solid #3C4E5F;
    }

.table.table-bordered > thead, .table.table-bordered > tbody > tr > th, .table.table-bordered > tr > th, tr > th {
    border: 1px solid #4E5D6C;
}

.table.table-bordered > tbody > tr > td, .table.table-bordered > tr > td {
    border: 1px solid #3C4E5F;
}


.table > thead, .table > tr > th, tr > th {
    background: #3C4E5F;
}



.table-middle > thead > tr > th,
.table-middle > tbody > tr > th,
.table-middle > tfoot > tr > th,
.table-middle > thead > tr > td,
.table-middle > tbody > tr > td,
.table-middle > tfoot > tr > td {
    vertical-align: middle;
}


.table-hover > tbody > tr.bg-success.no-hover:hover {
    background: #5cb85c;
}

.table-hover > tbody > tr.bg-pink.no-hover:hover {
    background: #F04E69;
}




.reset img {
    height: 120px !important;
    width: auto !important;
}

.reset * {
    animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: inherit;
    font-size: small !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes: '\201C' '\201D' '\2018' '\2019';
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
}

a, a:hover table a:not(.btn),
.table a:not(.btn) {
    text-decoration: none;
}

table a.text:not(.btn),
.table a.text:not(.btn) {
    text-decoration: none;
    min-height: 41px;
    display: inline-block;
}

textarea {
    width: 100%;
    min-height: 150px;
    height: auto;
}

.ace_editor {
    font-size: 16px !important;
    width: 100% !important;
}

.panel-heading {
    background: #518EC1 !important;
    color: #FFF !important;
}

table, .table {
    font-size: inherit;
}

i.fa {
    margin-right: 7px;
}

.modal-content {
    padding: 0 0 10px 0;
}

label, .radio label, .checkbox label, .help-block {
    font-size: inherit;
}

label {
    font-size: 18px;
}

.modal-backdrop:nth-of-type(even) {
    z-index: 1044 !important;
}
/*
        .modal-backdrop.in:nth-of-type(even) {
            z-index: 1041 !important;
        }*/

hr {
    margin-top: 21px;
    margin-bottom: 10px;
}

.mpo-content {
    background: none;
}

.main-modal-color {
    background-color: #2b3e50;
}

#haackroutedebugger {
    padding: 20px !important;
    margin: 20px !important;
    border: 4px dashed #DFDD1A;
    margin-top: 50px !important;
}

    #haackroutedebugger, #haackroutedebugger td, #haackroutedebugger th {
        background-color: #2b3e50 !important;
        font-size: small;
    }

        #haackroutedebugger tr.header td, #haackroutedebugger tr.header th {
            background-color: #2b3e50 !important;
        }

        #haackroutedebugger h1 {
            color: black !important;
            background-color: #DFDD1A !important;
        }


/*GENERAL*/
a small, .small {
    font-size: 16px;
    font-style: italic;
    color: #86C3FD;
}

h1 small {
    font-size: 20px;
}


.form-control.h1 {
    display: inline-block;
    width: inherit;
    font-size: 39px;
    font-weight: bold;
    background: none;
    height: auto;
    color: rgb(235, 235, 235);
    margin: 0 0 0 10px;
    padding: 0;
}

.form-control.alphafield {
    display: inline-block;
    width: inherit;
    background: none;
    height: auto;
    color: rgb(235, 235, 235);
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 20px;
}

.green {
    color: green;
}

.red {
    color: red;
}

.cyan {
    color: #0CB7B7;
}

.bg-pink {
    background: #F04E69;
}

.no-bg {
    background-color: transparent!important;
}

.no-margin {
    margin: 0 !important;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.inlineb {
    display: inline-block;
}


.no-padding {
    padding: 0;
}

.row-link {
    line-height: 34px;
    display: table;
    height: 100%;
}

.no-cursor {
    cursor: default;
}

.btn-icon i {
    margin-right: 0;
}


textarea {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 16px !important;
}


.txt-discret {
    color: #A6CBF1;
}


/*GENERAL*/

/*sidebar*/
.sidebar-nav li a.pink-hover {
    color: #FFF;
}

    .sidebar-nav li a.pink-hover:hover {
        background: #F04E69;
    }


.sidebar-list {
    background: #596A7B;
    padding: 10px 0px 10px 0px;
    font-size: 14px;
}

    .sidebar-list h3 {
        font-size: 18px;
        background: #4E5D6C;
        padding: 0px 10px 5px 10px;
    }

        .sidebar-list h3:hover {
            background: #2B3E50;
        }

        .sidebar-list h3 a {
            color: #ebebeb;
            font-weight: bold;
        }

        .sidebar-list h3.active a {
        }


        .sidebar-list h3.active i {
            color: #14AA15;
        }

        .sidebar-list h3.inactive a,
        .sidebar-list h3.inactive i,
        .sidebar-list h3.inactive small {
            color: #B1B1B1;
        }


        .sidebar-list h3 a:hover {
            text-decoration: underline;
        }

    .sidebar-list .sidebar-slides {
        margin-right: 15px;
    }

    .sidebar-list ul {
        padding-left: 22px;
    }

        .sidebar-list ul a {
            text-decoration: underline;
        }

    .sidebar-list .sidebar-list-module.active {
        background: #36AF88;
    }


#sidebar-wrapper .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.nav > li.btn {
    padding-top: 9px;
}


.columns-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

.columns-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

/*THUMBNAILS*/
.thumbnail p {
    font-size: 12px;
}


/*notif*/

#feedly-mini {
    display: none;
}




.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 0 3px;
}


/*color picker*/
.colorpicker.dropdown-menu {
    z-index: 10000;
}

.color-picker .input-group-addon {
    background: linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px), linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
    background-color: #708090;
    background-size: 64px 128px;
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2NMTk7+P3fuXEYGKIAzMARgKjFUAABWPQgFXaV9vQAAAABJRU5ErkJggg==) repeat 0 0;
}
/*end color picker*/



/*Icon fa no margin*/
i.fa-icon {
    margin-right: 0px;
}


/*Couleur purple*/
.btn-purple,
.bg-purple {
    background: #9257E1;
    color: #ffffff;
}

    .btn-purple:hover,
    .bg-purple:hover {
        background: #7B35DB;
    }

.text-purple {
    color: #9257E1;
}



/*navbar mobile*/

@media screen and (max-width : 768px) {
    #navbar {
        box-shadow: 0 5px 10px rgb(0, 0, 0);
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #4fabd9;
    }

    .nav > li {
        border-bottom: 1px solid rgb(130, 195, 228);
        padding: 5px 0px;
    }

    .nav.navbar-right > li {
        border: none;
        padding: 5px 0px;
    }

    .nav > li > a {
        font-size: 1.8em;
    }

    .nav > li > ul > li > a {
        font-size: 1.3em;
    }

    .nav form {
        display: block;
        width: 100%;
    }

        .nav form button {
            float: right;
        }

        .table.table-bordered > thead, .table.table-bordered > tbody > tr > th, .table.table-bordered > tr > th, tr > th {
            min-width:auto!important;
            width:auto;
        }
}


.trMobile {
    opacity: 1 !important;
    display: block;
    margin-bottom: 0;
    padding: 10px 5px;
}

.tdMobile {
    display: block;
    width: 100%;
}

    .tdMobile .pull-right {
        float: none !important;
    }


    
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu   li span {
    display:block;
    padding:2px 10px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


.badge {
    font-weight:bold;
}