body {
    font-family: "raleway";
    padding-bottom: 3%;
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima-nova-5873512736530-webfont.woff2') format('woff2'), url('../fonts/proxima-nova-5873512736530-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proxima-nova-bold-58735065a7494-webfont.woff2') format('woff2'), url('../fonts/proxima-nova-bold-58735065a7494-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.content_login {
    width: 570px;
    display: block;
    margin: auto;
    padding: 15px;
    margin-top: 15%;
}

.voxens_logo {
    width: 150px;
    display: block;
    margin: auto;
}

.voxens_logo img {
    width: 100%;
}

.content_login .form-group {
    overflow: hidden;
    margin-top: 16px;
}

.forgot_pwd a {
    line-height: 30px;
}

.content_login .control-label {
    line-height: 30px;
}

.btn.btn-primary {
    background: #518bc8;
    border: none;
    color: #ffffff;
}

.btn.btn-default:hover {
    opacity: 0.8;
}

#infoMessage p {
    color: #f53d3d;
    text-align: center;
    margin-bottom: 0;
}

.logo_header {
    padding: 0px 10px;
    overflow: hidden;
    margin-right: -220px;
}

.logo_header .navbar-brand {
    padding: 0;
}

.logo_header img {
    width: 50%;
    display: block;
    /*margin: auto;*/
}

#pricipale_nav .navbar.navbar-default {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    font-family: "proxima_nova_rgregular";
}

#pricipale_nav {
    background-color: #f8f8f8;
    margin-bottom: 20px;
    position: fixed;
    width: 100%;
    z-index: 99;
}


/*#pricipale_nav li:hover  {
	background-color: #518bc8;
}
#pricipale_nav li:hover a {
	color: #ffffff;
}*/

#pricipale_nav .navbar-default .navbar-nav>.active>a,
#pricipale_nav .dropdown-menu>li>a:hover,
#pricipale_nav .dropdown-menu>li>a:focus,
#pricipale_nav .navbar-default .navbar-nav>li>a:hover {
    background-color: #518bc8;
    color: #ffffff;
}

#pricipale_nav .dropdown-menu>li>a:hover,
#pricipale_nav .navbar-default .navbar-nav>li>a:hover {
    opacity: 0.8;
}

.association_option {
    padding-left: 0;
    list-style-type: none;
}

.association_option li {
    display: inline-block;
    width: 120px;
    padding-right: 20px;
}

.association_option .btn {
    width: 100%;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.logo_association {
    width: 150px;
    display: block;
    margin: auto;
    margin-top: 20px;
}

.logo_association img {
    height: auto;
    width: 100%;
}

.listeAssociation_content {
    border-bottom: 1px solid #f8f8f8;
    padding: 0;
    margin: 0;
}

.association_name {
    font-family: "proxima_nova_rgbold";
    color: #256ca2;
    font-size: 22px;
}

.association_datecreation {
    font-family: "proxima_nova_rgregular";
    background: #eeeeee;
    display: block;
    padding: 5px;
    font-size: 14px;
}

.association_description {
    font-family: "proxima_nova_rgregular";
    font-size: 16px;
    margin-top: 15px;
}

.long_description_association {
    padding: 15px;
    font-family: "proxima_nova_rgregular";
    margin-top: 30px;
    font-size: 16px;
}

.border_style {
    border: 1px solid #cccccc;
}

.association_contact_groupe {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 50px;
}

.association_contact_groupe .border_style {
    min-height: 150px;
    font-family: "proxima_nova_rgregular";
    font-size: 16px;
}

.association_contact_groupe ul {
    list-style-type: none;
    padding: 5px;
    margin-bottom: 0;
}

.logo_association_edite,
.logo_bulletin_edite {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 25px;
}

.logo_association_edite img,
.logo_bulletin_edite img {
    width: 100px;
    height: 100px;
}


/*.head_association {
	position: fixed;
	border-bottom: 1px solid #256ca2;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 5px;
    margin-top: 50px;
}*/

.head_association {
    position: fixed;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 5px;
    margin-top: 50px;
    width: 100%;
    left: 0;
    background: #ffffff;
    z-index: 2;
}

.head_association .row,
.head_association .generale_title {
    width: 1170px;
    display: block;
    margin: auto;
}

.containte_head,
.border_style {
    border-bottom: 1px solid #256ca2;
    overflow: hidden;
}

.generale_title {
    margin: 0;
    font-family: "proxima_nova_rgregular";
    color: #256ca2;
    margin-top: 20px;
    margin-bottom: -30px;
    font-size: 28px !important;
}

.head_association .generale_title {
    padding-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 15px;
}

.separation {
    /*margin-top: 170px;*/
    margin-top: 100px;
}

.containte_head {
    width: 1170px;
    display: block;
    /*margin: auto;*/
    /*padding-top: 5px;*/
}


/*.head_association .add_association {
	position: fixed;
	text-align: right;
	margin-top: 50px;
	padding-left: 1000px;
}*/

.head_association .add_association {
    text-align: right;
    margin-top: 10px;
}

#pricipale_nav .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.control-label_param {
    text-decoration: underline;
    font-family: "proxima_nova_rgregular";
    font-size: 16px;
}

.content_btn_send .btn {
    width: 150px;
}

.content_btn_send>div {
    text-align: right;
}

.form_search_association {
    padding: 0;
    margin-top: 10px;
}

#table_BS {
    width: 75%;
    display: block;
    margin: auto;
    padding-bottom: 100px;
}

.form_bulletin_content {
    margin-bottom: 130px;
}

#table_BS th {
    color: #256ca2;
}

#table_BS tr:nth-child(2n) {
    background: #eeeeee;
}

.resize_container {
    width: 75%;
    display: block;
    margin: auto;
}

.bulletin_footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
    /*display: none;*/
}

.bulletin_footer .btn {
    width: 100%;
    margin-top: 10px;
}

.bulletin_ligne_select,
.bulletin_colonne_select {
    width: 70%;
    float: right;
    overflow: hidden;
    clear: both;
    position: relative;
    top: -7px;
}

.form-horizontal .checkbox {
    /*width: 100px;*/
    float: left;
}

.add_periode {
    padding-left: 0;
}

.add_periode li {
    list-style-type: none;
    float: left;
    margin: 6px 10px;
}

.add_periode .fa {
    font-size: 22px;
    cursor: pointer;
    color: #518bc8;
}

.add_periode .fa:hover {
    color: #256ca2;
}

.checkbox input[type="radio"] {
    position: relative;
    top: 2px;
}

.hidden_is_false {
    display: none !important;
}

.show_is_true {
    display: block !important;
}

.action_show_is_false,
.action_show_is_false_mode {
    display: none;
}

.action_show_is_slimpay_mode {
    display: none;
}

.content_signature {
    border: 1px solid #cccccc;
    width: 260px;
    height: 100px;
    border-radius: 5px;
    padding: 5px;
}

.content_signature img {
    width: 100%;
    height: auto;
}

.bulletin_footer .option_footer {
    width: 690px;
    font-family: "proxima_nova_rgbold";
    /*font-style: italic;*/
}

.option_footer select {
    /*width: 55%;*/
}


/*.option_footer > .ligne_footer{
				width: 145px;
				padding-right: 10px;
			}
			.option_footer > .colonne_footer{
				width: 155px;
			}*/

.association_contact_groupe h4 {
    font-family: "proxima_nova_rgregular";
    text-align: center;
    font-weight: bold;
}

.form-horizontal label {
    font-weight: normal !important;
    text-align: left!important;
}

.forgot_pwd_content h1,
.forgot_pwd_content p {
    text-align: center;
}

.forgot_pwd_content {
    overflow: hidden;
    width: 500px;
    display: block;
    margin: auto;
    margin-top: 12%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #6b7cfc;
}


/*.forgot_pwd_content {
	width: 500px;
	display: block;
	margin: auto;
	margin-top: 12%;
}*/

.error_msg {
    color: #ff0000;
    display: block;
    font-size: 14px;
}


/*cacher des éléments dans le fileinput*/

.box .file-caption-main {
    display: none !important;
}

.box .file-footer-caption {
    display: none !important;
}

.box .file-upload-indicator {
    display: none !important;
}

.box .file-footer-buttons {
    display: none !important;
    /* enlever le zoom pour le logo */
}


/*-------x------------------*/

#pagination_association {
    margin-top: 16px;
    text-align: center;
}

#pagination_association a {
    background: #518bc8;
    padding: 7px 15px;
    border-radius: 3px;
    color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    clear: both;
}

#pagination_association a.current {
    background: #ffffff;
    border: 1px solid #518bc8;
    color: #518bc8;
}

.label-type {
    text-align: left;
}

.fa-actions-minus {
    color: #518bc8;
    cursor: pointer;
    font-size: 17px;
    margin-top: 35px;
}

.fa-actions-plus {
    color: #518bc8;
    cursor: pointer;
    font-size: 17px;
}

#apercu_bulletin {
    font-size: 11px;
}

#apercu_bulletin .form-control {
    height: 25px;
}

#apercu_bulletin .radio {
    margin-bottom: 0;
}

#apercu_bulletin textarea {
    height: 40px !important;
}

#apercu_bulletin .form-control {
    font-size: 11px !important;
    padding-top: 3px;
}

#apercu_bulletin .form-label-apercu {
    line-height: 22px !important;
}

.header_table {
    background: #eeeeee;
    height: 45px;
    line-height: 40px;
    padding: 0px 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.search_table {
    background-color: #eee;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 20px 10px 0;
}

.containt_head_simple {
    border-bottom: 1px solid #256ca2;
}

.separation_simple {
    margin-top: 115px;
}

span.obligatoir {
    color: red;
}

.name_bulletin {
    margin-left: 143px;
    margin-right: 58px;
    width: 75%;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px !important;
}


/*Barre de navigation*/

.show_sous_nav {
    display: block !important;
    min-height: 40px;
}

.headden_sous_nav {
    display: none;
}

.sous_nav_header {
    margin-left: 155px;
}

.sous_nav_header {
    background-color: #518bc8;
}

.sous_nav_header a:hover {
    background-color: inherit !important;
}

.sous_nav_header .active a {
    background-color: #c303e0 !important;
    color: #ffffff !important;
}

.sous_nav_header .active a {
    position: relative;
}


/*graphique tableau de bord*/

.graphique_container_principale {
    /*background-color: #eee;*/
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 20px 10px 0;
}

.graphique_contents {
    height: 350px;
}

.graphique_titre {
    font-size: 17px;
    font-weight: bold;
}

span.danger {
    color: sandybrown;
}

span.success {
    color: cadetblue;
}

span.warning {
    color: goldenrod;
}

span.cours {
    color: darkseagreen;
}


/*bouton export dans amchart*/

.amcharts-amexport-item {
    border: 2px solid #777;
}

.amcharts-amexport-item.amcharts-amexport-item-level-0 {
    width: auto !important;
    padding: 0px 5px;
    position: relative;
    bottom: 20px;
}

li.amcharts-amexport-item {
    background: #518bc8 !important;
    border: none !important;
    color: #ffffff !important;
}

li.amcharts-amexport-item a {
    color: #fff !important;
    padding: 2px 15px !important;
}


/*CK EDITOR*/

.ck .ck-content {
    height: 250px !important;
}


/* IMPORTANT cacher l'enregistrement d'image dans CKEDITOR UPLOAD IMAGE */

span.ck-file-dialog-button {
    display: none !important;
}


/* IMPORTANT retrécir le MENU NAV BAR dans l'application */

.navbar-default .navbar-nav>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* Redesign */


/* PAGE ITINERAIRE */

#pricipale_nav {
    background: #3f4659;
}

#pricipale_nav .container-fluid {
    padding: 20px 0;
}

.logo_header .navbar-brand {
    padding: 0;
    width: 210px;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.logo_header img {
    width: 100%;
    height: auto;
}

.navbar-nav>li>a {
    background: none;
    /*background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(215 221 227) 60%, rgb(157 156 156) 100%);*/
    color: #fff !important;
}

#pricipale_nav .navbar-default .navbar-nav>.active>a,
.nav>li>a:hover {
    background: #fff !important;
    border-radius: 30px;
    /*background: linear-gradient(180deg, rgb(159 158 158) 0%, rgb(66 66 66) 60%, rgb(0 0 0) 100%);*/
    color: #3f4659 !important;
}

.navbar {
    position: inherit;
}

.navbar-nav>.dropdown {
    position: absolute;
    top: 17px;
    right: 20px;
}

.navbar-collapse {
    padding-right: 0 !important;
}

.navbar-nav {
    float: right;
    background: #5a606e;
    border-radius: 30px;
}

.navbar-nav>.dropdown>a {
    background: #2ac8c5 !important;
    color: #fff !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    border-radius: 30px;
    transition: all 400ms ease-in-out;
}

.navbar-nav>.dropdown>a:hover,
.dropdown-menu>li>a:hover {
    background: #e66993 !important;
    color: #fff !important;
    opacity: 1 !important;
}

.dropdown-menu>li>a:hover {
    background: #e66993 !important;
}

.dropdown-menu {
    background: #fff !important;
    min-width: 135px;
    color: #0a5ddc !important;
    padding: 0;
    border-radius: 7px !important;
}

.dropdown-menu a {
    text-align: center;
    padding: 8px 15px;
    color: #0a5ddc !important;
}

.dropdown-menu>li>a {
    border-radius: 5px;
}

.navbar-nav>.dropdown>a:before {
    content: url('../img/icone-set.png');
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-right: 6px;
}

.form-select {
    float: right;
    margin: 120px 20px 25px !important;
    padding: 7px 10px;
    border-radius: 5px;
    border-color: #000;
}

.form-select:after {
    display: table;
    clear: both;
}

.car {
    position: absolute;
    top: 107px;
    left: 20px;
    z-index: 10;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: #2ac8c5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.car .fa {
    font-size: 35px;
    color: #fff;
}


/* PAGE PARAMETRE */

#parametre .form-group .control-label {
    width: 100% !important;
    padding: 20px 20px 15px;
    text-align: left;
    font: bold 16px/24px "raleway" !important;
    color: #2ac8c5;
}

#parametre .form-group:nth-child(2) .control-label {
    color: #dd7598;
}

#parametre .form-group .control-label+.col-sm-10 {
    width: 100% !important;
}

#ajoutuser .col-sm-offset-3 {
    width: 100% !important;
    margin: 20px 0 0 !important;
    display: flex;
    justify-content: center;
}

#ajoutuser .form-group {
    background: #e4ecf2;
    border-radius: 8px;
    padding-bottom: 15px;
    margin-bottom: 31px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 25%);
}

#ajoutuser .form-group:last-of-type {
    background: none;
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}

#ajoutuser .form-group:last-of-type .col-sm-offset-3 {
    margin: 0 !important;
}

#ajoutuser .form-group .btn {
    padding: 10px 25px;
    border-radius: 30px;
}

.head_association {
    position: relative;
    margin-top: 110px;
}

.separation_simple {
    margin: 0;
}

.head_association .add_association {
    text-align: right;
    margin-top: 10px;
    margin-right: 17px;
    width: auto !important;
    float: right;
}


/* PAGE HISTORIQUE */

#historique_utilisateur_wrapper,
#liste_users_wrapper {
    border-top: 1px #cecece solid;
    padding-top: 25px;
}

#historique_utilisateur_filter {
    margin-bottom: 20px;
}

.table>thead:first-child>tr:first-child>th {
    background: #e4ecf2;
    color: #000;
}

#liste_users_filter:after,
#liste_users_wrapper .top:after {
    content: " ";
    display: table;
    clear: both;
}

#liste_users {
    margin-top: 20px !important;
}


/* PAGE TABLEAU DE BORD */

.graphique_container_principale {
    background-color: #fff !important;
    border: 1px #cecece solid;
    margin-bottom: 30px;
    padding: 20px 10px 0;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 25%);
}

#container_nombre_client_trajet .graphique_titre {
    color: #33b86c !important;
}

#container_nombre_client_trajet li.amcharts-amexport-item {
    background: #33b86c !important;
}

#container_nombre_client_trajet+div .graphique_titre {
    color: #f4ad6e !important;
}

#container_nombre_client_trajet+div li.amcharts-amexport-item {
    background: #f4ad6e !important;
}

#container_nombre_client_trajet+div+div .graphique_titre {
    color: #e66993 !important;
}

#container_nombre_client_trajet+div+div li.amcharts-amexport-item {
    background: #e66993 !important;
}

.head_association {
    margin-bottom: 10px;
}

.search_table {
    background-color: #e4ecf2;
    border: none;
    margin-bottom: 15px;
    padding: 15px 0;
    border-radius: 10px;
}

.search_table .form-horizontal .control-label {
    width: auto !important;
    padding-right: 0 !important;
    padding-top: 2px !important;
}

.search_table .form-horizontal .control-label+div {
    padding-left: 0 !important;
}

.search_table form {
    margin-bottom: 0 !important;
}

.search_table .form-group {
    margin: 0 15px !important;
}

.search_table .form-horizontal .checkbox {
    padding-top: 0 !important;
}

.btn_action {
    width: 150px !important;
}

#test {
    width: 150px !important;
}


/*
.btn_action a:first-child {
	background: #33b86c;
}
.btn_action a:nth-child(2) {
	background: #f4ad6e !important;
}
.btn_action a:last-child, #bouton_search_course {
	background: #dd7598 !important;
}*/

#historique_utilisateur_length {
    margin-top: 7px !important;
}

.pagination .paginate_button:hover {
    border-color: transparent !important;
    background: none !important;
}

.pagination>.active>a {
    background-color: #518bc8 !important;
    border-color: #518bc8 !important;
}

.pagination>li>a {
    transition: all 400ms ease-in-out;
}

.pagination>li>a:hover {
    background-color: #e4ecf2 !important;
    border-color: #518bc8 !important;
    box-shadow: none !important;
    color: #3f4659 !important;
}

li.amcharts-amexport-item a {
    padding: 4px 15px !important;
}


/* PAGE LOGIN */

.content_login {
    background: #5a606e;
    border-bottom: none;
    overflow: visible;
    box-shadow: 0px 1px 15px #a3cef9;
    padding: 35px 20px 20px;
    border-top-right-radius: 50px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border: none !important;
    position: relative;
}

.content_login:before {
    content: url("../img/taxi.png");
    width: 50px;
    height: 50px;
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.content_login form {
    margin-top: 35px;
}

.content_login .control-label {
    line-height: 30px;
    min-width: 125px;
    color: #FFF;
    font-weight: normal;
}

.form-group>div {
    flex: 1;
}

.form-group>div.col-sm-offset-3 {
    flex: inherit;
    margin-left: 133px;
}

.form-group>div.col-sm-offset-3+div {
    margin: 0 !important;
}
/*
.content_login .btn {
    background: #2ac8c5;
    height: 50px;
    border-radius: 30px;
    padding: 5px 25px;
    transition: all 400ms ease-in-out;
}

.content_login .btn:hover,
.content_login .btn:focus {
    background: #e66993;
    opacity: 1 !important;
    border: none !important;
}*/

.content_login .form-group {
    overflow: hidden;
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.voxens_logo {
    width: 150px;
    display: block;
    margin: auto;
    border-radius: 6px;
    overflow: hidden;
}

.forgot_pwd {
    margin: 0 0 0 25px !important;
}

.forgot_pwd a {
    color: #fff;
}

.containte_head {
    border: none !important;
}

.generale_title {
    padding-left: 0 !important;
    color: #3f4659 !important;
    font-size: 25px !important;
    font-weight: 600;
}

#parametre.resize_container {
    width: 95%;
}

.custom-select.custom-select-sm {
    margin: 0 5px !important;
    padding: 5px !important;
}

.dataTables_length {
    margin-top: 8px;
}


/* Resposive Alls  */

@media (max-width:1480px) {
    .dropdown-toggle {
        font-size: 0;
    }
    .caret {
        margin-left: -2px;
    }
}

@media (max-width:1310px) {
    .navbar-header {
        float: none;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .logo_header {
        padding: 0px 10px;
        overflow: hidden;
        margin-right: 0;
    }
    .navbar-nav {
        float: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-nav>li {
        float: none;
        flex: auto;
    }
    .navbar-default .navbar-nav>li>a {
        text-align: center;
        line-height: 16px;
    }
    .head_association {
        margin-top: 175px;
    }
    .form-select {
        margin: 190px 20px 25px !important;
    }
    .car {
        top: 176px;
    }
}

@media (max-width:1200px) {
    .head_association .row,
    .containte_head,
    .head_association .generale_title {
        width: 100% !important;
    }
    .head_association .add_association {
        margin-right: 0;
        padding-right: 0;
    }
    #form_search_course .control-label {
        margin-right: 5px;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    #form_search_course .container_btn_search {
        width: auto !important;
        margin: 0 !important;
        padding-right: 5px;
        padding-left: 5px;
    }
    .search_table .form-group {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .container_btn_search .btn {
        display: block;
    }
}

@media (max-width:991px) {
    .head_association .add_association {
        float: left;
    }
    .btn_action a {
        margin: 5px 0;
    }
    #parametre.resize_container {
        width: 100%;
        padding: 0 20px;
        overflow: hidden;
    }
}

@media (max-width:768px) {
    .navbar-header {
        float: none;
        margin-bottom: 0;
        width: 100%;
        display: block !important;
    }
    .navbar-toggle {
        margin-right: 0 !important;
    }
    .logo_header {
        margin-left: 15px;
    }
    .navbar-collapse {
        margin-top: 20px;
        padding-top: 15px;
        padding-right: 15px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .navbar-nav {
        float: none;
        flex-direction: column;
    }
    .navbar-nav>li {
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        padding-left: 25px !important;
        text-align: left;
        line-height: 20px;
    }
    .dropdown-toggle {
        font-size: inherit;
    }
    .navbar-nav>.dropdown>a {
        padding: 8px 15px;
    }
    .head_association {
        margin-top: 105px;
    }
    .caret {
        margin-left: 5px;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #3f4659;
    }
    .navbar-nav>.dropdown {
        position: relative;
        top: 0;
        right: 0;
    }
    .navbar-right {
        background: none !important;
        margin-bottom: 0 !important;
    }
    .form-select {
        margin: 115px 20px 20px !important;
    }
    .car {
        top: 102px;
    }
    .dataTables_wrapper>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dataTables_wrapper>div>div {
        float: none !important;
    }
}

@media (max-width:500px) {
    .dataTables_wrapper>div {
        flex-direction: column;
    }
}