.form-control:focus {
    border-color: #3f729b;
}
.form-control:focus ~ .form-control-position i {
    color: #3f729b;
}

.color-instagram {
    color: #3f729b;
}
.nav.nav-tabs .nav-item .nav-link.active {
    color: #3f729b;
}
.nav.nav-tabs .nav-item .nav-link {
    color: #464646;
}
.form-label-group > input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label, .form-label-group select:not(:placeholder-shown) ~ label {
    padding: 0.25rem 0;
    font-size: 0.9rem;
    top: -20px;
    left: 3px;
}
.form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label, .form-label-group textarea:focus:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
    color: #3f729b !important;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 1;
}

.lblselect{
    color: #3f729b !important;
    -webkit-transition: all 0.25s ease-in-out !important;
    transition: all 0.25s ease-in-out !important;
    opacity: 1 !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: #3f729b !important;
    font-size: 2.00rem !important;

}

.list-group .list-group-item-action:active {
    background-color: #3f729b !important;
    color: #FFFFFF !important;
}

.main-menu.menu-light .navigation > li.active > a {
    background: #3f729b;
    box-shadow: 0 0 10px 1px #3f729b70;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 4px;
}

.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, 
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
    background: #3f729b !important;
    color: #FFFFFF !important;
}
.main-menu.menu-light .navigation > li ul .active {
    background: #3f729b;
    box-shadow: 0 0 10px 1px #3f729b70;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 4px;
}

.main-menu .navbar-header {
    padding: 1.5rem 1rem 0.3rem 1.64rem;
}
.fc .fc-button:not(:disabled).fc-button-active {
    background-color: #1E1E1E;
}
.btn-outline-primary, .fc .fc-button {
    border-color: #636265;
}

.fc .fc-button {
    padding: 0.6rem 1rem;
    height: auto;
    outline: none;
    text-shadow: none;
    background-color: #636265;
    color: #FFFFFF;
}
.btn-outline-primary:hover, .fc .fc-button:hover {
    color: #FFFFFF;
    background-color: #1E1E1E;
    border-color: #1E1E1E;
}

.pagination .page-item.active .page-link {
    z-index: 3;
    border-radius: 5rem;
    background-color: #3f729b;
    color: #FFFFFF;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

html .pace .pace-progress {
    background: #3f729b;
}

.display-none{
    display: none;
}
.display-block{
    display: block;
}


#tableClients_filter.dataTables_filter label, #tableClubs_filter.dataTables_filter label{
    font-size: 1.3rem !important;
}

#tableClients_filter.dataTables_filter input,#tableClubs_filter.dataTables_filter input{
    height: 35px!important;
    padding: 0.4rem!important;
    font-size: medium!important;
}
.headerRegister{
    background-color: #94bb1d !important;
    border-radius: 0.42rem 0.42rem 0 0!important;
    color: #FFFFFF !important;
    padding: 14px!important;
    
}
.headerUpdate {
    background-color: #1E1E1E !important;
    border-radius: 0.42rem 0.42rem 0 0!important;
    color: #FFFFFF !important;
    padding: 14px!important;
}

.headerDefault {
    background-color: #3F729B !important;
    border-radius: 0.42rem 0.42rem 0 0!important;
    color: #FFFFFF !important;
    padding: 14px!important;
}
.bg-gainsboro{
    background-color : #dededd !important;
}

.btn-gray{
    background-color: #6d6d6d!important;
    color: #FFFFFF!important;
    border-color: #6d6d6d!important;
}

.border-left-gainsboro {
    border-left : 1px solid #dededd;
}
.main-menu .navbar-header .navbar-brand .brand-logo-solo {
    background-image: url(../../app-assets/images/logo/logofull.png);
    background-position: 20px 0px;
    height: 58px;
    width: 215px;
    background-repeat: no-repeat;
    background-size: contain;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
    margin-right: 1.38rem;
    font-size: 0.8rem;
}


.main-menu .navbar-header .navbar-brand {
    margin-top: 0.1rem;
}

.card-title h2 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 8px !important;
}
.btn-success {
    border-color: #94bb1d !important;
    background-color: #94bb1d !important;
    color: #FFFFFF;
}
.btn-success:hover {
    border-color: #94bb1d !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 25px -8px #94bb1d;
}
.btn-light {
    border-color:#BABFC7 !important;
    background-color: #BABFC7 !important;
    color: #FFFFFF!important;
}
.btn-light:hover {
    border-color:#BABFC7 !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 25px -8px #BABFC7!important;
}
#btnLimpiar,
#btnBuscar {
    font-size: 14px !important;
}
.mw-60{
    max-width : 60% !important;
}
.mw-75{
    max-width : 75% !important;
}
.dropdown-menu {
    padding: 1rem;
    font-size: 1.1rem;
}
.select2-container--classic .select-lg, .select2-container--default .select-lg {
    min-height:51px !important;
    font-size: 1.2rem;
    margin-bottom: 0 !important;
    padding: 0.8rem;
}
.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
    outline: 0;
     border-color: #3f729b !important; 
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 15%) !important;
}
.select2-container--classic.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #3f729b !important;
    outline: 0;
}

.select2-search__field:focus {
    outline: none !important;
    box-shadow: none !important;
    
}
.select2-search__field {
    outline: none !important;
    box-shadow: none !important;
   
}
.pagination .page-item:first-child:not(.prev-item) .page-link {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5rem;
}
.pagination .page-item:last-child:not(.next-item) .page-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.pagination.pagination-lg .page-item .page-link {
    font-size: 1.2rem;
}

.pagination .page-item.prev-item .page-link, 
.pagination .page-item.next-item .page-link, 
.pagination .page-item.first .page-link, 
.pagination .page-item.last .page-link {
    color: #3f729b;
}
.pagination .page-item .page-link:hover {
    color: #3f729b;
}
.pagination .page-item.active .page-link:hover {
    color: #ffffff;
}
.pagination .page-item.next-item .page-link:hover {
    background: #3f729b;
    color: #FFFFFF;
}
.pagination .page-item.prev-item .page-link:hover {
    background: #3f729b;
    color: #FFFFFF;
}
#swal2-content {
    text-align: center;
    color: #575757;
    font-size: 20px;
    font-weight: 600;
}

.err {
    outline: 1px solid #c60024!important;
    border: 0px solid transparent;
}

.vs-checkbox-con input:checked ~ .vs-checkbox {
    -webkit-transform : rotate(0deg);
        -ms-transform : rotate(0deg);
            transform : rotate(0deg);
    border-color : #94bb1d!important;
  }
  .vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {
    -webkit-transform : translate(0);
        -ms-transform : translate(0);
            transform : translate(0);
    background-color : #94bb1d!important;
  }
  .vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check {
    background-color: #94bb1d !important;
}
.vs-radio-primary input:checked ~ .vs-radio .vs-radio--circle {
    background: #94bb1d !important;
    box-shadow: 0 3px 12px 0 rgb(148 187 29 / 40%) !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #3f729b;
}
.table th, .table td {
    padding: .8rem;
    vertical-align: middle;
}

.bg-aun-danger {
    background-color: #c60024!important;
}

.bg-aun-success {
    background-color: #94bb1d !important;
}

.badge.badge-instagram {
    background-color: #3f729b!important;
}

.alert-instagram {
    color: #3d719b;
    background-color: #3f729b4d !important;
    font-size: medium;
}
.btn-instagram:hover {
    border-color: #3F729B !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 25px -8px #3F729B !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%!important;
}
.bootstrap-select >button{
    border: 1px #d9d9d9 solid;
} 
.dropdown .btn:not(.btn-sm):not(.btn-lg), .dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle {
    padding: 0.8rem 1.5rem 0.8rem 1rem;;
}
.dropdown-item.active {
     /*color: #FFFFFF;
    background-color: #3f729b!important; */
    text-decoration: none;
    background-color: #ffffff00!important;
    color: #3f729b!important;
}
.dropdown-item:hover:active {
    /* background-color: #3f729b!important; 
    color: #FFFFFF!important;*/
    background-color: #ffffff00!important;
    color: #3f729b!important;
    
}
.dropdown-item.active:hover {
   /*  color: #FFFFFF!important; */
    color: #3f729b!important;
}

.dropdown-item:hover {
    color: #3f729b!important;
}
.dropdown .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 1.2rem;
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    background: #ffffff00!important;
    -webkit-transform: rotate(45deg) translate(-7px);
    -ms-transform: rotate(45deg) translate(-7px);
    transform: rotate(45deg) translate(-7px);
    border-bottom: 1px solid rgb(0 0 0 / 0%)!important;
    border-right: 1px solid rgb(0 0 0 / 0%)!important;
    z-index: 10;
    box-sizing: border-box;
}
.dropup .dropdown-menu::before {
    content: '';
    position: absolute;
    bottom: -0.714rem;
    left: 1.214rem;
    width: 0.714rem;
    height: 0.714rem;
    display: block;
    background: #ffffff00!important;
    -webkit-transform: rotate(45deg) translate(-7px);
    -ms-transform: rotate(45deg) translate(-7px);
    transform: rotate(45deg) translate(-7px);
    border-bottom: 1px solid rgb(0 0 0 / 0%)!important;
    border-right: 1px solid rgb(0 0 0 / 0%)!important;
    z-index: 10;
    box-sizing: border-box;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #ffffff00 !important;
    outline: none!important;
    outline-offset: -2px;
}

.table th, .table td {
    padding: 0.5rem;
    vertical-align: middle;
}

.dataTables_wrapper>div  {
    padding-bottom: .5rem!important;
    padding-top: .5rem !important;
}
.text-instagram {
    color: #3f729b !important;
}

.bdry-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 38px!important;
    width: 38px!important;
    padding: 0.9rem 0!important;
}
   
.btn-act {
    width: 33px !important;
    height: 36px!important;
}

button.btn-act i.fa-plus{
    transform: rotateZ(45deg);
}

.font-small-4 {
    font-size: 0.95rem !important;
}
.font-small-5 {
    font-size: 1rem !important;
}

.px-03 {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
}
.fa-circle-o-notch2:before {
    content: "\f1ce";
    font-size: 30px;
    color: #ffffff;
}
.fa-check-circle:before {
    content: "\f058";
    font-size: 28px;
    color: #33b86c;
  }
  html body .content .content-wrapper {
    padding: calc(1.2rem - 0.4rem) 2.2rem 0;
    margin-top: 6rem;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #F8F8F8!important;
}
table.dataTable {
     border: 0px solid #F8F8F8!important;
} 
table.dataTable {
    border-collapse: collapse!important;
}

.divider-option {
    font-size: 1px;
    padding: 0!important;
    margin: 2px 0;
    background-color: #e0e0e0;
    height: 1px;
    pointer-events: none;
}