#blade-admin-menu {

    display:block;
    width: 100%;
    height:80%;
    overflow:auto;
    margin:0;
    padding:0;
    font-size: 1em;
    list-style:none;

}

#blade-admin-menu li {

    display:block;
    float:none;
    margin: 3px;
    padding: 5px;
    background: rgb(245,245,245);
    font-size: 13px;

}

#blade-admin-menu li a {

    padding-left: 10px;
    color: rgb(100,100,100);
}

#blade-admin-menu li:hover {

    background: rgb(225,225,225);

}

#blade-admin-menu li:hover a {

    text-decoration:none;

}
.prc-boutons-live {

    color: rgba(255,255,255,0.75);
    position: fixed;
    display:block;
    right:0;
    padding-top: 10px;
    padding-right: 7px;
    height:40px;
    width: 40px;
    text-align:right;
    border: 1px solid rgb(255,255,255);
    border-right: none;
    border-radius: 9px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    box-shadow: 5px -5px 10px rgb(200,200,200);
    z-index: 6002;
    transition: all 0.15s;

}

.prc-boutons-etablissements-off {

    background: rgb(150,150,150) !important;

}
.prc-boutons-etablissements-off:hover {

    background: #4d92b2 !important;
}

.prc-boutons-live:hover {

    color: rgba(255,255,255,1);
    width: 46px;

}

.prc-bouton-edit {

    top: 200px;
    background: #4399db;

}

.prc-boutons-edit-off {

    background: rgb(150,150,150) !important;

}
.prc-boutons-edit-off:hover {

    background: #4399db !important;
}

.prc-bouton-edit:hover {

    background: #4399db;

}

.prc-bouton-nouvelles {

    top: 255px;
    background: #6369aa;

}

.prc-bouton-nouvelles-off {

    top: 255px;
    background: rgb(150,150,150) !important;

}
.prc-bouton-nouvelles-off:hover {

    background: #6369aa !important;
}

.prc-bouton-dossiers {

    top: 310px;
    background: #ad5880;

}

.prc-bouton-dossiers-off {

    top: 310px;
    background: rgb(150,150,150) !important;

}
.prc-bouton-dossiers-off:hover {

    top: 310px;
    background: #ad5880 !important;

}
.prc-bouton-etablissements {

    top: 365px;
    background: #4d92b2;
}

.prc-bouton-etablissements-off {

    top: 365px;
    background: rgb(150,150,150) !important;

}

.prc-bouton-etablissements-off:hover {

    top: 365px;
    background: #4d92b2 !important;

}

.prc-boutons-live i {

    font-size: 1.6em;
    padding-top:3px;
    padding-right:4px;
}

.prc-bouton-images {

    top: 420px;
    background: #63aa8d;
}

.prc-bouton-images-off {

    top: 420px;
    background: rgb(150,150,150) !important;

}

.prc-bouton-images-off:hover {

    top: 420px;
    background: #63aa8d !important;

}


.prc-bouton-admin-menu-off {

    top: 480px;
    background: rgb(150,150,150) !important;

}

.prc-bouton-admin-menu-off:hover {

    top: 480px;
    background: rgb(150,150,150) !important;

}

.prc-bouton-admin-menu {

    top: 480px;
    background: rgb(150,150,150);
}

ul.prc_menu_horizontal {

    display:block;
    width: auto;
    height: 2em;
    padding: 0 10%;
    padding-bottom: 1em;
    float:none;
    list-style:none;

}
.blade-recent-container {

    display:block;
    max-height:80%;
    overflow:auto;
    font-size: 1em;

}

.blade-recent-articles h3 {

    font-family: "PT Sans", "Helvetica Neue", Arial;
    margin:0;
    padding:0;
    font-size: 0.9em;

}

.blade-recent-articles .blade-item {

    padding-bottom: 1em;
    margin-bottom:1em;
    border-bottom: 1px solid rgb(225,225,225);

}

.blade-recent-articles .blade-item p {

    padding:0;
    margin:0;
}

.ag-tag-editor {
    background-color: #f7fafc !important;
}

.ag-tag-editor-textarea {

    background-color: #f7fafc !important;
    border-radius: 7px;
    height:40px !important;
    border-color: #aabace;
    box-shadow:inset 0 0 5px #a5bfe3;
    margin:0;
    padding:5px;

}


.json-tag-editor {

    background-color: #f7fafc;
    height:40px !important;
    padding:5px;
}

.ag-json-default {

    font-family: Monaco,Inconsolata,Monospaced,"Andale Mono" !important;
    color: #32587f;
    opacity:0.85;
    font-size: 0.93em;
    background-color: #f6f7f7;

}
.ag-json-default:focus,hover {

    height: 600px !important;
    opacity:1;

}
.bouton-colore {
    background: rgba(67,153,219,1);
    color: #ffffff !important;
}

.ag-view {

    font-size: 16px !important;

}

.ag-view th {

    color: #4399db !important;
    font-weight: 700 !important;
    font-size: 16px;
}


.bouton-colore:hover {
    background: rgba(67,153,219,0.8);
    color: #ffffff !important;
}

.bouton-arrondi {
    border-radius: 5px !important;
}
ul.pagination {
    display:block;
    width:100%;
    min-width:100%;
    list-style:none;
    color: #333;
    border-top: 1px solid rgb(200,200,200);
    padding-top: 1em;
    margin-top:2em;
    transition: color .1s ease-in-out;
}

ul.pagination li {
    display: inline-block;
    float:left;
    min-width:30px;
    list-style:none;
    color: #333;
    transition: color .1s ease-in-out;
}

div#matrix-zones {

    font-size:13px !important;
}

.uk-button:hover,.uk-button-default:hover,.uk-button-secondary:hover {

    display:inline-block;
    width:auto;
    color: #fff;
    border-radius: 0;
    font-size: 0.875rem;
    padding: 0 30px;
    line-height:38px;
    border:0;

}

.uk-button.uk-button-secondary:hover {
    display:inline-block;
    width:auto;
    color: #fff !important;
    background: #4399db !important;
    opacity: 0.7;

}

.cke_dialog_ui_input_text input[type=text],.cke_dialog_ui_input_text:hover input[type=text],.cke_dialog_ui_input_text input[type=text]:hover {

    font-size:14px !important;
    height: 28px !important;
    min-height:28px;
    margin: 0;
    padding: 0;
}
div.uk-navbar-item div#matrix-zones {

    min-width:300px;

}
div.uk-navbar-container  div#matrix-zones-1 {

    min-width:300px;

}

.uk-search-input {
    background-color: #
}

/** FORMS **/

.ag-border {

    border-bottom: 1px solid #999999;
}

.ag-border-bottom {

    border-bottom: 1px solid rgb(230,230,230);


}

.ag-input {

    display:block;
    width:100%;
}

.ag-bouton-gris {

    color: #999999;

}

.ag-fond-blanc {

    background: #ffffff !important;

}

.ag-curseur-normal {

    cursor: auto;
}

.ag-border-red {

    border: 1px solid red;
}

.ag-border-orange {

    border: 1px solid orange;
}


.ag-cursor-move {

    cursor:move;
}



p em {

    color: #444;

}



.ag-fond-gris-pale {

    background: rgb(240,240,240);

}

.ag-fond-gris-clair {

    background: rgb(247,247,247);

}

.ag-bordure-gris-pale {

    border: 1px solid rgb(240,240,240);
    border-radius: 5px;

}



.ag-label {

    display:block;
    width:100%;
    color: #2c5282;
    font-weight:600;
    margin: 2em 0 1em 0;

}

.ag-input-text {
    display:block;
    width:100%;
    height: auto;
    min-height: 50px;
}

.ag-input-text input {

    width: 100%;
    border: 1px solid;
    border-color: #e2e8f0;
    border-radius: 7px;
    height:40px !important;
    font-size: 15px !important;
    padding: 3px 10px !important;
    background-color: #f7fafc;
    color: rgba(68,68,68,0.8);

}

.ag-input-text input:hover {

    width: 100%;
    border: 1px solid;
    border-color: #aabace;
    border-radius: 7px;
    background-color: #f7fafc;
    color: rgba(68,68,68,1);
    box-shadow:inset 0 0 5px #a5bfe3;
    height:40px !important;
    font-size: 15px !important;
    padding: 3px 10px !important;
}

.ag-input-text input:focus {

    width: 100%;
    border: 1px solid;
    border-color: #aabace;
    border-radius: 7px;
    background-color: #f7fafc;
    color: rgba(68,68,68,1);
    box-shadow:inset 0 0 5px #a5bfe3;
    height:40px !important;
    font-size: 15px !important;
    padding: 3px 10px !important;
}

.ag-part-input {
    font-size: 16px;
    min-height: 50px;
}

.ag-part-input input,input:hover {
    padding: 0.5em;
    height: 40px !important;
    background: rgb(255,255,255) !important;
    border: 1px solid #e2e8f0;
    border-radius: 0.5em;
    margin:0 !important;
}
.ag-part-input input:hover {
    background: rgb(255,255,255) !important;
    border: 1px solid #e2e8f0;
    border-radius: 0.5em;
    margin:0 !important;
    padding: 0.5em;
    height: 40px !important;
}

.ag-options-text-input {
    font-size: 14px;
    height:30px !important;
    background: #ffffff !important;
    padding: 0.2em !important;
    margin:0 !important;
    width: 100%;
    max-width:250px;
}

.ag-options-select {
    font-size: 14px;
    font-family: "pt-sans",sans-serif;
    height:32px !important;
    background: #ffffff !important;
    padding: 0.2em !important;
    margin:0 !important;
    width: 100%;
    border-radius: 0.2em;
    max-width:250px;
}

.ag-part-textarea {

    background: #ffffff !important;

}

.ag-options-text-input:hover {
    font-size: 14px;
    height:30px !important;
    background: #ffffff !important;
    padding: 0.2em !important;
    margin:0 !important;
    width: 100%;
    max-width:250px;
}

.ag-debug-zone {

    margin-top:2em;
    opacity: 0.7;

}

.ag-debug-input {
    display:inline-block;
    width:auto;
    margin-right: 1%;
}

.ag-debug-input input{

    border-top: 1px solid rgb(200,200,200);
    background: transparent;
    opacity: 0.5;

}

.ag-part-label-input {

    font-weight:700;
}


.ag-options-input {

    font-size: 1em;
}

.ag-deactivated-button {

    opacity: 0.5;

}
.ag-deactivated-button {

    opacity: 0.5;

}

.ag-part-label {

    font-weight:700;
}


.ag-input-title input {

    font-size:21px;

}

.ag-input-title input:focus,input:hover {

    font-size:21px;
}


.ag-select {
    display:block;
    width:100%;
    heigt: auto;
    min-height: 50px;
}

.ag-select select {

    padding: 0 0.5em;
    width: 100%;
    line-height: 28px;
    border: 1px solid;
    border-color: #e2e8f0;
    border-radius: 7px;
    background-color: #f7fafc;
    font-size:14px;
}

.ag-select select:focus,select:hover {

    border: 1px solid;
    border-color: #aabace;
    box-shadow:inset 0 0 5px #a5bfe3;
}

.ag-part-checkbox {

    display:inline-block;
    font-size: 14px !important;
    padding: 0 !important;
    line-height: 1.5em !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;

}

.ag-part-checkbox:hover, .ag-part-checkbox:focus {

    display:inline-block;
    font-size: 14px !important;
    padding: 0 !important;
    width: 15px !important;
    height: 15px !important;
    line-height: 1.5em !important;
    margin: 0 !important;
}

.agCheckboxText {

    margin-left: 1em;

}

.ag-textarea {

    display:block;
    width:100%;
}

.ag-textarea textarea{

    display:block;
    width: 100%;
    background-color: #f7fafc;
    border-radius: 7px;
    border-color: #e2e8f0;

}
.ag-textarea textarea:focus,textarea:hover {

    background-color: #f7fafc;
    border: 1px solid;
    border-color: #aabace;
    box-shadow:inset 0 0 5px #a5bfe3;

}

.ag-json-default {

    font-family: Monaco,Inconsolata,Monospaced,"Andale Mono" !important;
    color: #32587f;
    opacity:0.85;
    font-size: 0.93em;
    background-color: #f6f7f7;

}
.ag-json-default:focus,hover {

    opacity:1;

}

.ag-view {

    font-size: 16px;

}

.ag-view th {

    color: #e88d17;
    font-weight: 700;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


.range_slider {
    position: relative;
    cursor: pointer;
    height:50px;
    min-height:50px;
    margin:0;
    padding:0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.range_slider:before {
    position: relative;
    content: "";
    height:50px;
    min-height:50px;
    margin:0;
    padding:0;
    width: 500px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input[type=range] {
    width: 500px;
    max-width: 500px;
    margin: 0;
    padding:0;
    background-color: transparent;
    -webkit-appearance: none;
    border:none;
    box-shadow:none;

}

input[type=range]:hover {
    width: 500px;
    max-width: 500px;
    margin: 0;
    padding:0;
    background-color: transparent;
    -webkit-appearance: none;
    border:none;

}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    background: #f0f0f0;
    border: 0.2px solid #010101;
    border-radius: 1.3px;
    width: 500px;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
    margin-top: -6px;
    width: 20px;
    height: 20px;
    background: #3c73be;
    border: 1px solid #000000;
    border-radius: 2px;
    cursor: pointer;
    -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ffffff;
}
input[type=range]::-moz-range-track {
    background: #f0f0f0;
    border: 0.2px solid #010101;
    border-radius: 1.3px;
    width: 500px;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #3c73be;
    border: 1px solid #000000;
    border-radius: 2px;
    cursor: pointer;
}
input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 6.8px 0;
    color: transparent;
    width: 500px;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-ms-fill-lower {
    background: #c5c5c5;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
    background: #f0f0f0;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
    width: 20px;
    height: 20px;
    background: #3c73be;
    border: 1px solid #000000;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
}
input[type=range]:focus::-ms-fill-lower {
    background: #f0f0f0;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}
/*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align:auto) {
    /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
    input[type=range] {
        margin: 0;
        /*Edge starts the margin from the thumb, not the track as other browsers do*/
    }
}