/*Promoters-top*/

.promo-sec{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 25px;
}

.promo-sec .left-promo h3{
    font-size: 30px;
    color: #333;
    font-family:  Arial, Helvetica, sans-serif;
}

.promo-sec .promo-color-sec ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.promo-sec .promo-color-sec ul li a{
    font-size: 13px;
    color: #4369ac;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 13px;
}

.promo-sec .promo-color-sec ul li a:nth-child(4){
    padding-right: 0;
}

.promo-sec .promo-color-sec ul li a span{
   text-decoration: underline;
}

.col-12.promo-sec .col-6{
    padding: 0;
}

.col-12.promo-sec .col-6.promo-color-sec{
    padding-top: 6px;
}

/* Promoters navbar*/

.promo-dlt-sec .active-promo{
    padding: 5px;
}
.promo-dlt-sec .active-promo span{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

.promo-dlt-sec .active-promo b{
    color: #333;
    font-size: 13px;
    font-family:  Tahoma, Arial, sans-serif;
}

.promo-dlt-sec .active-promo a{
    color: #4369ac;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.promo-dlt-sec .promo-navigation{
    padding: 3px 5px;
    border-top: 1px solid #808080;
}

.promo-dlt-sec .promo-navigation ul{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.promo-dlt-sec .promo-navigation ul li a{
    font-size: 13px;
    padding: 3px 3px 3px 3px;
    display: inline-block;
    cursor: pointer;
    color: #4369AC;
    border: 1px solid #fff;
}

.promo-dlt-sec .promo-navigation ul li a span{
    text-decoration: underline;
}

.promo-dlt-sec .promo-navigation ul li a:hover{
    background: #eee;
    border: 1px #aaa solid;
}

.dataTable .bg-light{
    background: #444 !important;
}

.dataTable thead.bg-light th{
     color: #fff;
}


/*CARD*/
.card .card-body{
    padding: 0!important;
    border: 2px solid #808080;
}

.card .card-body .control-bar{
    padding: 10px;
}

.data-tables .dataTables_wrapper .row{
    padding: 0 10px;
}

.data-tables .dataTables_wrapper .row:nth-child(2){
    padding: 0;
}

form.create-form{
    padding: 10px;
}


/*Country Form*/

.add-country-sec{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 14px;
  /* padding: 0 24px;*/
}

.add-country-sec .country-text h4{
    font-size: 30px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

.form-group button.dropdown-toggle{
    padding: 7px 17px;
}


@media (min-width: 601px) and (max-width: 767px){
    .promo-dlt-sec .promo-navigation ul li a{
        font-size: 11px !important;
    }

    table.dataTable tbody td{
        font-size: 9px;
    }

    table.dataTable thead>tr>th.sorting_asc{
        padding-right: 19px !important;
    }

    table.dataTable thead th{
        padding: 10px 7px!important;
    }
}

@media (max-width: 600px) {

    .promo-sec .left-promo{
        width: 30%;
    }

    .promo-sec .promo-color-sec{
        width: 60%;
    }
}

@media (max-width: 991px){
    .data-tables .dataTables_wrapper .row:nth-child(2){
        overflow: auto;
        white-space: nowrap;
        width: 100%;
        margin: 0 auto;
    }

    .data-tables .dataTables_wrapper .row:nth-child(2) .col-sm-12{
        padding: 0;
    }
}