/*RESPONSIVE*/
@media (min-width: 1200px){
    #table-users .thead-light th{
        width: auto!important;
    }
}
@media (max-width: 1130px){
    #groupTask .input_report-right{
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .table-responsive-xl{
        display: table;
    }
    .select2 {
        width: 830px !important;
    }
    #table-testAb_wrapper .view-pager {
        min-width: 1200px;
    }

}
@media (min-width: 1023px) and (max-width: 1050px){
    #groupTask .group-adId{
        padding: 50px 10px;
    }
    #groupTask .btn_remove {
        top: 0px;
        right: -10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .wrap-checkbox {
        flex-wrap: wrap;
        flex-direction: column;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .table-responsive-xl{
        display: table;
    }

    /* .table-responsive>thead>tr th:nth-of-type(2) {
        display: none
    }
    .table-responsive>tbody>tr td:nth-of-type(2) {
        display: none
    } */
    .group-adId {
        padding: 10px 140px 0 230px;
    }
    .search-adID-group {
        min-width: 88px;
        left: 120%;
        top: 0;
    }
    #rate {
        right: 302px!important;
    }
    .select2 {
        width: 580px !important;
    }
    #groupTask .input_report {
        flex-direction: column-reverse;
    }
    #groupTask .input_report-right{
        margin: 0 0 25px;
    }
    #groupTask .input_report-left {
        width: auto;
    }
    #navbarResponsive .navbar-nav{
        flex-direction: row;
        margin: 10px 0;
    }
    #navbarResponsive #header-top{
        padding-left: 0!important
    }
    #navbarResponsive #header-top:not(:last-child){
        margin: 0 15px 0 0;
    }
    #navbarResponsive{
        padding: 10px 1rem 0;
    }

}

@media (min-width: 768px) and (max-width: 900px) {
    .table-responsive-xl{
        display: table;
    }
    #groupTask .group-adId .input-group {
        flex-direction: column;
        align-items: flex-start;
    }
    #groupTask .group-adId .input-group .w50 {
        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }
    #groupTask .group-adId .input-group:nth-child(1) {
        flex-direction: row;
        align-items: flex-end;
    }
    #groupTask .group-adId .input-group label {
        text-align: left;
    }
    #groupTask .btnAdd {
        margin: 0;
    }
    #groupTask .group-adId .input-group label{
        margin: 0 0 10px;
    }
    #groupTask .group-adId .input-group{
        margin: 0 0 20px;
    }
    #groupTask .input_report-left {
        width: auto;
    }
    #groupTask{
        width: 100%;
    }
    #btn_search_abtest{
        margin: 0 0 0 135px;
    }
    #navbarResponsive .navbar-nav{
        flex-direction: row;
        margin: 10px 0;
    }
    #navbarResponsive #header-top{
        padding-left: 0!important
    }
    #navbarResponsive #header-top:not(:last-child){
        margin: 0 15px 0 0;
    }
    #navbarResponsive{
        padding: 10px 1rem 0;
    }
    .checkbox-add .label-input100 {
        top: auto;
        transform: none;
    }
}

@media (min-width: 600px) and (max-width: 766px) {
    .table-responsive-xl{
        display: table;
    }
    .group-adId {
        padding: 10px 135px 0 175px;
    }
    .search-adID-group {
        min-width: 88px;
        left: 115%;
        top: 0;
    }

    #option-task {
        margin-top: 10px!important;
    }
    .task-form {
        padding: 43px 15px 57px 15px!important;
    }

    #tilde p {
        margin: -15px 0;
    }
    #table-rate {
        display: none!important;
    }
    .select2 {
        width: 400px !important;
    }
    #form-search-abtest>.d-flex {
        flex-wrap: wrap;
    }
    #form-search-abtest .col-md-2.p-0 {
        text-align: left!important;
    }
    #form-search-abtest .col-md-2.p-0 {
        padding-left: 20px!important;
        padding-bottom: 10px!important;
    }
    #form-search-abtest>.d-flex:nth-child(2) .col-lg-4:nth-child(2) {
        margin: 0 0 1rem;
    }
    #groupTask .group-adId .input-group {
        flex-direction: column;
        align-items: flex-start;
    }
    #groupTask .group-adId .input-group .w50 {
        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }
    #groupTask .input_report .input-group:first-child {
        flex-direction: row;
        align-items: flex-end;
    }
    #groupTask .group-adId .input-group label {
        text-align: left;
    }
    #groupTask .btnAdd {
        margin: 0;
    }
    .label-input100 {
        text-align: left;
        position: unset;
        top: unset;
        left: unset;
        width: 100%;
        display: block;
        padding: 10px 0;
    }
    .task-form#btn_add_task{
        padding: 0;
    }
    .input-group-addon {
        top: 0;
    }

    #end-addon {
        position: absolute;
        top: 20px!important;
        right: 0;
    }
    #groupTask .group-adId .input-group label{
        margin: 0 0 10px;
    }
    #groupTask .group-adId .input-group{
        margin: 0 0 20px;
    }

    #form-search-abtest .d-flex:first-child .col-lg-4:nth-child(2){
        margin: 0 0 1rem;
    }
    #form-search-abtest .col-md-2.p-0.responsive-center{
        text-align: center!important;
        padding-left: 0 !important;
        padding-top: 10px!important;
    }
    #groupTask .input_report-left {
        width: auto;
    }
    #groupTask .input_report {
        flex-direction: column-reverse;
    }
    #groupTask{
        width: 100%;
    }
    .wrapUserCover > .d-flex{
        flex-direction: column;
    }
    .wrapUserCover .input-groups:not(:last-child){
        margin-bottom: 15px;
    }
    .wrapUserCover .input-groups label{
        min-width: 80px;
    }
    #tilde{
        padding: 20px 0 !important;
    }
    #modal_confirm_search .task-form{
        padding: 0!important;
    }

    .wrap-editTask, .wrap-pastTask{
        margin: 0;
    }

    #header-top{
        padding: 0!important;
    }

    #btn_search_abtest{
        margin: 0;
    }
    .btn_search_abtest_wrap{
        margin: 15px 0 0;
    }
    #navbarResponsive .navbar-nav{
        flex-direction: row;
        margin: 10px 0;
    }
    #navbarResponsive #header-top{
        padding-left: 0!important
    }
    #navbarResponsive #header-top:not(:last-child){
        margin: 0 15px 0 0;
    }
    #navbarResponsive{
        padding: 10px 1rem 0;
    }

    #add_statistical_access {
        margin-left: 0!important;
        margin-top: 10px!important;
    }
    .flex-direction-column-sm{
        flex-direction: column;
    }
    .checkbox-add .label-input100 {
        top: auto;
        transform: none;
    }
}

@media (min-width: 320px) and (max-width: 599px) {
    .checkbox-add{
        display: flex;
        flex-direction: column;
    }
    .table-responsive-xl{
        display: table;
    }
    #tilde{
        padding: 20px 0 !important;
    }

    #tilde p {
        /*display: none;*/
        margin: -15px 0;
    }

    #form-search-abtest .col-md-2.p-0.responsive-center{
        text-align: center!important;
        padding-left: 0 !important;
        padding-top: 10px!important;
    }

    .label-input100 {
        left: -115px;
    }

    .task-form {
        padding: 43px 15px 57px 15px!important;
    }
    .label-input100 {
        text-align: left;
        position: unset;
        top: unset;
        left: unset;
        width: 100%;
        display: block;
        padding: 10px 0;
    }
    .group-adId {
        padding: 10px 100px 0 50px;
    }
    .search-adID-group {
        min-width: 88px;
        top: 36px;
        left: 105%;
    }
    #option-checkox {
        padding: 0 !important;
    }
    .table thead th.col_clicks {
        width: 180px !important;
    }

    #btn_add_task {
        padding: 0 !important;
    }
    #option-task {
        margin-top: 15px!important;
    }
    .input-group-addon {
        top: 0;
    }

    #end-addon {
        position: absolute;
        top: 20px!important;
        right: 0;
    }
    #form-search-abtest {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #table-rate {
        display: none!important;
    }
    .select2 {
        width: 320px !important;
    }
    .blockLogin {
        width: 100%
    }
    #form-search-abtest>.d-flex {
        flex-wrap: wrap;
    }
    #form-search-abtest .col-md-2.p-0 {
        text-align: left!important;
    }
    #form-search-abtest .col-md-2.p-0 {
        padding-left: 20px!important;
        padding-bottom: 10px!important;
    }
    #form-search-abtest>.d-flex:nth-child(2) .col-lg-4:nth-child(2) {
        margin: 0 0 1rem;
    }

    #groupTask .group-adId .input-group {
        flex-direction: column;
        align-items: flex-start;
    }
    #groupTask .group-adId .input-group .w50 {
        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }
    #groupTask .group-adId .input-group label {
        text-align: left;
    }
    #groupTask .btnAdd {
        margin: 0;
    }
    .container-task-add {
        padding: 0;
    }
    #groupTask .group-adId {
        padding: 50px 10px 10px;
    }
    #groupTask .btn_remove {
        top: 0px;
        right: -10px;
    }
    #groupTask .input_report .input-group:first-child {
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: nowrap;
    }
    #groupTask .group-adId .input-group input {
        width: 100%;
    }
    #groupTask .group-adId .input-group .w50 {
        flex-direction: column;
        align-items: flex-start;
    }
    #groupTask .group-adId .input-group label{
        margin: 0 0 10px;
    }
    #groupTask .group-adId .input-group{
        margin: 0 0 20px;
    }
    #form-search-abtest .d-flex:first-child .col-lg-4:nth-child(2){
        margin: 0 0 1rem;
    }
    #groupTask .input_report {
        flex-direction: column-reverse;
    }
    #groupTask .input_report-left {
        width: auto;
    }
    #groupTask{
        width: 100%;
    }
    .wrapUserCover > .d-flex{
        flex-direction: column;
    }
    .wrapUserCover .input-groups:not(:last-child){
        margin-bottom: 15px;
    }
    .wrapUserCover .input-groups label{
        min-width: 50px;
    }
    .wrapUserCover .input-groups{
        flex-direction: column;
    }
    .wrap-editTask, .wrap-pastTask{
        margin: 0;
    }
    #modal_confirm_search .task-form{
        padding: 0!important;
    }
    .task-form-btn{
        margin:0 0 15px!important;
        width: 100px;
    }
    .container-task-form-btn{
        display: flex;
        justify-content: center;
    }
    .container-task-form-btn .col-lg-11{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    #btn_search_abtest{
        margin: 0;
    }
    .btn_search_abtest_wrap{
        margin: 15px 0 0;
    }
    #navbarResponsive .navbar-nav{
        flex-direction: row;
        margin: 10px 0;
    }
    #navbarResponsive #header-top{
        padding-left: 0!important
    }
    #navbarResponsive #header-top:not(:last-child){
        margin: 0 15px 0 0;
    }
    #navbarResponsive{
        padding: 10px 1rem 0;
    }
    #add_statistical_access {
        margin-left: 0!important;
        margin-top: 10px!important;
    }
    .flex-direction-column-sm{
        flex-direction: column;
    }
    .checkbox-add .label-input100 {
        top: auto;
        transform: none;
    }
}
