.btn:focus,
button,
button:focus,
.bootstrap-select .dropdown-toggle:focus {
    /*outline: 0px auto -webkit-focus-ring-color !important;*/
}

.jq-toast-wrap {
    top: 0px !important;
}

.itemid-782 .article-aside,
.itemid-565 .article-aside {
    display: none !important;
}

.pagination > li {
    padding: 0 !important;
}

.pagination > .active > a, .pagination > .active > span {
    background: #000000 !important;
}

.itemid-782 #t3-content,
.itemid-565 #t3-content {
    padding-top: 0px !important;
}

.itemid-782 label,
.itemid-565 label {
    display: block !important;
}

.itemid-782 article,
.itemid-565 article {}

.datetimepicker input {
    display: inline !important;
}

.bootstrap-datetimepicker-widget ul {
    padding: 0 !important;
}

.datetimepicker .add-on {
    background: #A6408E !important;
    color: #000000 !important;
    padding-top: 10px;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.form-group {
    margin-bottom: 5px;
}

form input[type='submit'] {
    width: 100%;
    max-width: 100% !important;
}

.bootstrap-select {
    background: transparent;
    max-width: 100% !important;
    width: 100% !important;
}

.bootstrap-select button {
    max-width: 100% !important;
    width: 100% !important;
    color: #A6408E !important;
    background: transparent !important;
    border: 1px solid #A6408E !important;
}

.blockResa {
    background: #000000 !important;
}

.blockResa label {
    color: #fff;
}

#nbrPlaces {
    max-width: 100% !important;
    width: 100% !important;
}

.datetimepicker {
    width: 100%;
}

.datetimepicker input {
    width: 91% !important;
}

.top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bottom {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 20px;
}

#cancel,
#delete,
#uncancel {
    max-width: 100% !important;
    width: 100% !important;
}

#uncancel {
    background:#841c99 !important
}

#modalCours .modal-body {
    min-height: 350px;
    margin: 0 !important;
    padding: 5px !important;
    max-height: 480px;
    overflow: auto;
}

hr {
    margin-top: 0px !important;
    margin-bottom: 12px !important;
}

.jq-toast-heading {
    color: #fff !important;
}

#tableUsers .tel,
#tableUsers .email,
#tableUsers .nom {
    padding: 5px !important
}


#tableUsers .nom {
    width: 33% !important;
}

#tableUsers .tel {
    width: 24% !important;
}

#tableUsers .email {
    width: 33% !important;
}

#tableUsers .cancel {
    width: 10% !important;
}

.cancel {
    text-align: center;
    cursor: pointer;
    padding: 0 !important
}

.fa-times-circle {
    color: #EA1C0D;
    font-size: 23px;
}

.blockImgBO {
    text-align: center;
    padding-top: 120px;
}

/***********************************/
/* Front */
/***********************************/
.dateCour {
    background: #000000;
    color: #fff;
    text-align: center;
    font-size: 16px !important;
}

#listeCourFront .block {
    margin-bottom: 6px;
}

#listeCourFront button {
    font-size: 10px !important;
    width: 90% !important;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.modal-header {
    padding: 7px !important;
    border: 0 !important;
    background: #000000;
}

.modal-title {
    color: #fff !important;
}

.modal-content {
    border: 3px solid #000000;
}

#formInscription input {
    margin: auto;
    margin-bottom: 20px;
}

#formInscription input[type="text"],
#formInscription input[type="tel"],
#formInscription input[type="email"] {
    border: 1px solid #000000;
}

#formInscription input[type="submit"] {
    width: 200px;
}

#codeAnnulation {
    margin: auto;
    border: 1px solid #000000;
}

#btnCancel {
    margin: 16px auto;
}

.modal-title {
    text-align: center !important;
    text-transform: uppercase !important;
}

.textInto {
    font-size: 14px;
    text-align: left !important;
}

.blockCode,
#codeAnnulation {
    background: #000000;
    text-align: center;
    color: #fff;
    font-size: 30px;
    width: 166px;
    margin: auto;
    padding: 0 !important;
}

.timepicker-picker tr td:nth-child(4),
.timepicker-picker tr td:nth-child(5) {
    display: none !important;
}

.labelCancel {
    text-align: center;
    color: red;
    font-size: 17px;
}

.blockBtnUsers {
    width: 85px;
    position: absolute;
    right: 0px;
    padding-top: 1px;
    text-align: center;
    height: 29px;
    top: 10px;
    color: #000000;
    font-size: 18px;
    background: #A6408E;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    cursor: pointer;
    font-weight: 600;
}

.btnAdmin {
    z-index: 10;
    width: 85px;
    position: absolute;
    right: -5px;
    padding-top: 1px;
    text-align: center;
    height: 29px;
    top: 10px;
    color: #000000;
    font-size: 18px;
    background: #A6408E;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    cursor: pointer;
    font-weight: 600;
}

.listCourFront {
    display: none;
}

.timepicker-picker .separator {
    vertical-align: middle;
}

.modal-dialog {
    width: 1077px;
    margin: 30px auto;
}

@media screen and (max-width: 675px) {
    .itemid-782 body {
        background: #000000 !important;
    }

    #modalAnnonce h3 {
        font-size: 25px;
    }

    .blockImgBO {
        display: none !important;
    }

    .listCourFront {
        display: block;
        width: 85px;
        position: absolute;
        left: -5px;
        padding-top: 1px;
        text-align: center;
        height: 29px;
        top: -10px;
        color: #000000;
        font-size: 18px;
        background: #A6408E;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomright: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        cursor: pointer;
        font-weight: 600;
    }

    .blockBtnUsers {
        right: -5px;
        top: -10px;
    }

    .itemid-782 footer,
    .itemid-782 header {
        display: none !important;
    }

    #modalCours .modal-title {
        font-size: 13px !important;
    }

    #tableUsers th,
    #tableUsers td {
        word-break: break-word;
        font-size: 11px;
    }

    .logo,
    .logo-image {
        width: 100% !important;
        text-align: center;
    }

    .navbar {
        display: none !important;
    }

    #codeAnnulation {
        padding-bottom: 2px !important;
        font-size: 25px;
    }

    p {
        font-size: 15px;
    }

    .t3-mainbody {
        padding-top: 20px !important;
    }

    .textInto {
        font-size: 12px;
        padding: 0 20px;
    }

    .modal-dialog {
        width: 97% !important;
        margin: 75px 0 0px 5px !important;
    }

    #t3-content {
        padding: 5px !important;
    }

    label {
        font-size: 12px;
    }

    #listeCourFront button {
        font-size: 8px !important;
    }

    .footer-left h5 {
        font-size: 9px !important;
    }

    .dropdown-menu>li>a {
        font-size: 12px !important;
    }

    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 12px !important;
    }
}