@media (min-width: 992px) and (max-width: 1199px ) {
    .carre {
        font-size: 20px;
    }
    .sb-performance .col-sm-6{
        width: 100%;
    }
    .boxCarre {
        margin-bottom: 10px;
    }
}


/*@media (min-width: 1100px) and (max-width: 1300px ) {*/

/*}*/

/*!*$screen-md-min*!*/

/*@media (min-width: 1301px ) and (max-width: 1400px){*/

/*}*/

@media (min-width: 2000px) {
    .content {
        font-size: 16px !important;
    }
}

@media (min-width: 1024px) and (max-width: 2500px) {
    body {
        font-size: 13px !important;
    }
    .input-group-addon {
        padding: 5px 12px;
    }
}

/*
@media (min-width: 979px) and (max-width: 1352px) {
    .peri-group {
        width: 200px;
    }
}
*/

@media (min-width: 768px) and (max-width: 1024px) {
    #fgTabs>li>a {
        font-size: 8px !important;
    }
    #FGfilters .form-control, #FGfilters .form-group {
        width: 100% !important;
    }
    .content {
        font-size: 11px !important;
    }
    .myItem {
        font-size: 11px !important;
    }
    .ui-dialog {
        top: 23% !important;
        left: 35% !important;
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    .footer-app-infos {
        float: right;
    }
}

/*
@media (min-width: 768px) and (max-width: 978px) {
    .peri-group {
        width: 100px;
    }
    #dvfg_filters_date_1_from_date, #dvfg_filters_date_1_to_date {
        background-size: 5% !important;
    }
}

@media (width: 991px) {
    #dvfg_filters_date_1_from_date, #dvfg_filters_date_1_to_date {
        background-size: 5% !important;
    }
}
*/

@media screen and (max-width:991px) {
    .mb-sm-1{
        margin-bottom: 1rem;
    }
    .input-daterange {
        width: 100%;
        margin: 15px 0px;
    }
    .mb-md-15 {
        margin-bottom: 15px;
    }
    .main-footer {
        text-align: center;
    }
    .main-footer .pull-right{
        float: none!important;
    }
}

@media screen and (min-width:768px) {
        .sidebar-mini.sidebar-collapse .content-wrapper,
        .sidebar-mini.sidebar-collapse .right-side,
        .sidebar-mini.sidebar-collapse .main-footer {
            margin-left: 50px !important;
            z-index: 840
        }
        .sidebar-mini.sidebar-collapse .main-sidebar {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            width: 50px !important;
            z-index: 850
        }
        .sidebar-mini.sidebar-collapse .sidebar-menu>li {
            position: relative
        }
        .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
            margin-right: 0
        }
        .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
            border-top-right-radius: 4px
        }
        .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
            border-bottom-right-radius: 4px
        }
        .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-right-radius: 4px
        }
        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
        .sidebar-mini.sidebar-collapse .sidebar-form,
        .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
        .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
        .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
        .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0)
        }
        .sidebar-mini.sidebar-collapse .main-header .logo {
            width: 50px;
            padding: 5px 2px;
        }
        .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
            display: block;
            font-size: 18px
        }
        .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
            display: none
        }
        .sidebar-mini.sidebar-collapse .main-header .navbar {
            margin-left: 50px
        }
    
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }
    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
    .navbar-form {
        width: auto;
        padding-top: 3px;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }
    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
    .navbar-left {
        float: left !important
    }
    .navbar-right {
        float: right !important;
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
    .sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer {
        margin-left: 0
    }
    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0)
    }
}

@media (max-width: 768px) and (min-width: 425px) {
    
    .ui-dialog {
        top: 30% !important;
        left: 26% !important;
        width: 50% !important;
    }
    .input-multi-group {
        width: 100% !important;
    }
}
@media (max-width:320px) {
    #slider .carousel {
        max-width: 220px;
        max-height: 135px;
    }
    #slider {
        height: 245px;
    }
    .slider-auth {
        margin-top: 30%!important;
    }
}
@media (min-width:321px) and (max-width:767px) {
    #slider .carousel {
        max-width: 545px;
        max-height: 355px;
    }
    #slider {
        height: 420px;
    }
    #slider .carousel{
        top: 75px;
    }
}

@media (min-width:768px) and (max-width:850px) {
    #slider .carousel {
        max-width: 550px;
        max-height: 310px;
    }
    #slider {
        height: 420px;
    }
    .navbar-form .input-group .input-group-addon {
        padding: 0px!important;
    }
}
@media (min-width:768px) and (max-width:1199px) {
    .navbar-form .input-group .input-group-addon{
        font-size: 11px;
        padding: 5px;
    }
}
@media (max-width:767px) {
    .carousel-inner > .item > img, .carousel-inner > .item > a > img{
        height: auto!important;
    }
    #Informations .row{
        display: block!important;
    }
    .ui-tabs .ui-tabs-nav li {
        border-bottom-width: 1px;
        margin-bottom: 5px !important;
    }

    .nav-tabs > li > a{
        border-bottom: 1px solid #ddd;
        border-radius: 4px !important;
    }
    .flex-center{
        display: block!important;
    }
    .nav-tabs > li {
        min-height: 40px!important;
    }
    #navbar {
        position: absolute;
        right: 0px;
        top: 100%;
        border: 0px;
        margin-top: 18px;
        background: #ddd;
        padding: 15px;
    }
    .ui-tabs .ui-tabs-nav, .nav-tabs {
        padding-left: 0;
    }
    .ui-tabs .ui-tabs-nav li, .nav-tabs li {
        width: 49%;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        width: 100%;
    }
    .sb-performance .boxCarre {
        margin-bottom: 20px;
    }
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
    .content-wrapper, .main-footer {
        margin-left: 0!important;
    }
    .sidebar-open .content-wrapper, .sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0)
    }
    .main-header .navbar-right {
        float: none!important;
    }
    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px
    }
    .main-header .navbar-right>li {
        color: inherit;
        border: 0
    }
    .sidebar-open .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 9999;
        top: 120px;
    }
    .main-sidebar {
        padding-top: 20px!important;
    }
    .main-sidebar {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0)
    }
    .main-header {
        position: relative!important;
    }
    .main-header .logo, .main-header .navbar {
        width: 100%!important;
        float: none!important;
        height: auto!important;
    }
    .main-header .navbar {
        margin: 0!important;
        padding-bottom: 20px;
    }
    .input-group-addon {
        font-size: 1rem;
    }
    .main-header #perimetre_form{
        float: right!important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .main-header .navbar-custom-menu.pull-right {
        top: 0;
        position: absolute;
        right: 0;
    }
    .small-box {
        text-align: center
    }
    .small-box .icon {
        display: none
    }
    .small-box p {
        font-size: 12px
    }
}

@media (max-width: 576px){
    .panel .box-header a::after {
        right: 10px!important;
    }
    .box-header > .ion, .box-header .box-title{
        line-height: 22px;
        font-size: 16px;
    }
}
@media (max-width: 425px) {
    .ui-tabs .ui-tabs-nav {
        padding-left: 0;
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%;
    }
    .input-multi-group {
        width: 100% !important;
    }
    .ui-dialog {
        top: 20% !important;
        left: 22% !important;
        width: 60% !important;
    }
    #fgTabs>li>a {
        font-size: 7px !important;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    /*#CPerim {
        display: none;
    }*/
    /*
    .input-group {
        width: 10px;
    }*/
    /*
    .peri-group {
        width: 90px;
        display: none;
    }*/
    .navbar-form {
        box-shadow: none;
        border: 0;
    }
    #FGfilters .input-group {
        width: 100%;
    }
}
/* Exception
----------------------------------------*/
@media (min-width: 1024px) and (max-width: 1350px ) {
    .carre {
        font-size: 24px;
    }
}


.boxCarre .btn:hover, .boxCarre .btn:focus, .boxCarre .btn.focus{
    background-color:transparent!important;
    border: 1px solid transparent;
}
/*@media (min-width: 1501px) {*/

/*}*/

/*
@media only screen and (max-device-width: 1024px) {
    !*.form-control {*!
        !*width: 50% !important;*!
    !*}*!

    .indicateur {
        font-size: 8px;
    }

    #user_user_ipn {
        width: 15% !important;
    }

    #doc_document_libelle {
        width: 75% !important;
    }

    #slider_date {
        font-size: 9px;
    }

    #tableau_renault_dacia {
        text-align: center;
        font-size: 16px;
    }

    .ui-widget {
        font-size: 0.8em !important;
    }

    #perimetre_form {
        font-size: 10.5px;
        float: left;
        width: 81%;
        height: 51px;
        padding-top: 1%;
    }

    #perimetre_form .form-control {
        width: 25%;
    }

}

@media only screen and (min-device-width: 1152px) {
    #user_user_ipn {
        width: 8% !important;
    }

    #tableau_renault_dacia {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        padding: 5%;
    }

    #perimetre_form {
        float: left;
        height: 51px;
    }
}*/
/*
@media (min-height: 500px) {
	.carousel { height: 400px; }
}

@media (min-height: 800px) {
    .slider-auth {
        margin-top: 10%;
    }
}

@media (max-height: 799px) {
    .slider-auth {
        margin-top: 8%;
    }
}*/