.selectable {
  background-color: blue!important;
}


.isloading {
  cursor: progress;
}

  html .panel-primary .panel-heading {
    background: #5991ae!important;
    border-color: #5991ae!important;
    width: 200px!important;
  }

  .header .logo img {
    height: 30px !important;
  }

  .datepicker {
    z-index: 60000 !important;
  }

  .bootstrap-timepicker-widget{
    z-index: 60000 !important;
  }

  .ui-timepicker-standard {
    z-index: 60000 !important;
  }

  .select2-drop-mask {
    z-index: 60000 !important;
  }
  .select2-drop {
    z-index: 60000 !important;
  }

  .page-header h2{
    font-weight: normal;
  }

.note-group-image-url {
  padding: 15px;
}

.btn-avanti-blue {
    background: #0e5581 !important;
    color: #fafafa !important;
}

.btn-avanti-gray {
    background: #ebebeb!important;
    border-color: #ebebeb !important;
    color: #777777 !important;
}

.btn-ht{
    height: 37px;
}

.btn-width-advences{
    width: 120px !important;
}

.btn-radio{
    border-radius: 5px;
}


.btn-avantiway-orange {
    background: #f5831f !important;
    color: #fafafa !important;
}

.panel-body.bg-primary {
    background: #084b6d;
  }
  .bg-primary {
    background: #084b6d;
  }
  .mt-20{
    margin-top: 20px;
  }

  .mr-5{
    margin-right: 5px;
  }

  .mt-5{
    margin-top: 5px;
  }
  .widget-summary .summary {
    min-height: 20px;
  }

  .thumbnail iframe {
    width: 900px;
    height: 900px;
  }

  .thumbnail {
    position: relative;
    -ms-zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
  }

  .thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .thumbnail-container {
    width: calc(900px * 0.25);
    height: calc(900px * 0.25);
    display: inline-block;
    overflow: hidden;
    position: relative;
  }

  .thumbnail iframe {
    opacity: 0;
    transition: all 300ms ease-in-out;
    overflow: hidden;
  }
  .p-10 {
    margin-bottom: 10px;
  }
  
  .subscribed-icon{
    background-color: #5991AE;
  }

  .unsubscribed-icon{
    background-color: #F5831F;
  }

  .border-yellow{
    border-color: #f9c80e;
  }

  .border-white{
    border-color: #FFFFFF;
  }

  .border-blue{
    border-color: #0e5581;
  }

  .custom-label {
    width: 75px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .custom-chip__default {
    border-radius: 16px;
    line-height: 16px;
    display: inline-block;
  }

  /*CKEditor style*/
  .cke_button__thumbnail_label,
  .cke_button__exportbutton_label,
  .cke_button__superbutton_label, 
  .cke_button__superbutton2_label,
  .cke_button__preview_label,
  .cke_button__source_label,
  .cke_button__newpage_label,
  .cke_button__print_label,
  .cke_button__previewbutton_label,
  .cke_button__pixelbutton_label,
  .cke_button__addbackground_label {
    display:inline!important;
    font-size: 15px!important;
  }

  .is-live {
    color: #5CEA19;
    cursor: pointer;
  }

  .loadingImg{
    width: 10%;
    position: absolute;
    top: 800%;
    left: 50%;
  }
  .dataTables_processing{
    background-color: #0e5581;
  }
  .google-map-style {
      width: auto;
      height: 500px;
  }
  .avanti_text_blue{
    color: #0e5581;
  }
  .avanti_text_orange{
    color: #f5831f;
  }

/* 
    GENERAL CSS
*/
    :root {
        --max-width: 100%;
        --scrollbarBG: #ECEDF0;
        --thumbBG: #0D5581;
        --activBG: rgb(40, 7, 102);
    }

    /*screen-xs*/
    @media (max-width: 768px) { 
    
        .buttons-style {
            width: calc(var(--max-width) - 2vw);
        }

    }

    /*screen-sm*/
    @media (min-width: 768px) and (max-width: 992px) { 
    
        .buttons-style {
            width: calc(var(--max-width) - 2vw);
        }

    }
    /*screen-md*/
    @media (min-width: 992px) and (max-width: 1200px) { 

        .style-filter-table, .style-total {
            padding-right: calc(var(--max-width) - 86vw);
        }
    
        .buttons-style {
            width: calc(var(--max-width) - 2vw);
            position: absolute;
        }

    }

    /*screen-lg*/
    @media (min-width: 1200px) { 

        .style-filter-table, .style-total {
            padding-right: calc(var(--max-width) - 90vw);
        }
    
        .buttons-style {
            width: calc(var(--max-width) - 2vw);
            position: absolute;
        }

    }

    .label-style {
        padding-top: 3%;
        padding-left: 10px;
    }

    .style-total {
        margin-block-start: -18px;
        margin-block-end: -18px;
    }

    #group0 {
        margin-top:2%;
    }

    #group1, #group2, #group3, #group4, #group5, #group6, #group7 {
        margin-top:2%;
    }

    #group7 {
        margin-bottom: 2%;
    }

    .form-control {
        font-size: 12px !important;
    }

    .autocomplete-suggestion { 
        cursor: pointer;
    }

    .button-link {
        background: #0E5581;
        border-color: #0088CC;
        color: #DDDDDD;
        word-spacing: normal !important;
        white-space: nowrap !important;
    }

    .button-link:hover {
        color: #CECECE; 
    }

    .button-link:active {
        color: #CECECE; 
    }

    .button-link:focus {
        color: #CECECE; 
    }

    .loader-table-all-agents .avex-loading {
        padding-top: 10%;
    }

    input[type="text"], input[type="datetime"], input[type="checkbox"], input[type="multiselect"] {
        color: #0E5581;
    }

/*    select, .branch, .recruiter, .security {
        color: #0E5581 !important;
    }*/

    .multiselect-container {
        width: 250% !important;
    }

    /*  STYLE SCROOL BAR FOR TABLE-START */
    
    .all-agents {
        display: none;
        /* max-height: 1024px; */
        scrollbar-width: thin;
        scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    }

    .all-agents::-webkit-scrollbar {
        width: 11px;
        height: 11px;
    }

    .all-agents::-webkit-scrollbar-track {
        border-radius: 10px;
        -webkit-border-radius:10px;
        background: var(--scrollbarBG);
        -webkit-box-shadow: inset 0 0 1px var(--scrollbarBG);
    }

    .all-agents::-webkit-scrollbar-thumb {
        border: 1px solid var(--scrollbarBG);
        background-color: var(--thumbBG) ;
        border-radius: 10px;
        -webkit-border-radius:10px;
      -webkit-box-shadow: inset 0 0 1px var(--scrollbarBG);
    }

    .all-agents::-webkit-scrollbar-thumb:hover {
        background-color: var(--activBG);
        -webkit-box-shadow: inset 0 0 1px var(--scrollbarBG);
    }

    .all-agents::-webkit-scrollbar-thumb:active {
        background-color: var(--activBG);
    }

    .all-agents::-webkit-scrollbar-track:hover,
    .all-agents::-webkit-scrollbar-track:active {
        background: #d4d4d4;
    }

    /*  STYLE SCROOL BAR FOR TABLE-END */

    #btn_apply_filter, #btn_reset_table {
        visibility: hidden;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
    }

    .not-background {
        /* background-color: inherit !important; */
    }

/*    #btn_apply_filter, #btn_reset_table, #triggerAdvanceSearch {
        margin-top: 15px; 
        margin-bottom: 15px;
        margin-left: 15px;
    }*/

    #btn_not_business_plan, #btn_business_plan_active {
        display: none;
    }

    .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.2;
    }

    #actives-graph {
        width: 100%;
        height: 373px;
        margin-left: 0px; 
        margin-right: 0px;
    } 

    .avex-loading {
        display: block;
        width: 50px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20%;
        padding-bottom: 5%;
    }

    .text-info {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: #0E5581 !important;
        padding-bottom: 10%;
    }

    .text-size-panel{
        font-size: 16px;
    }

    .widget-summary .summary .amount {
        font-size: 2rem !important;
    }

    #download-data-table-business, #download-data-table-not-business {
        display: block;
        float:right !important;
        margin-top: -5px;
    }

    #AdvanceSearchParametros {
        display: none;
    }

    .active-color, .business-color, .color-pdt-pos {
        color: #0D5581;
    }

    .deactive-color, .not-business-color, .color-pdt-neg {
        color: #F7972F;
    }

    html .panel-primary .panel-heading {
        background: #0D5581;
        border-color: #0088cc;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
        background: white;
        border-left-color: #eeeeee;
        border-right-color: #eeeeee;
        border-top: 3px solid #0E5581;
        color: #0E5581;
    }
    
    #subtabs_active a {
        background: white;
        border-left-color: #eeeeee;
        border-right-color: #eeeeee;
        border-top: 3px solid white;
    }

    #audience_subtabs_active a {
        background: white;
        border-left-color: #eeeeee;
        border-right-color: #eeeeee;
        border-top: 3px solid white;
    }

    #sublanding_active a {
        background: white;
        border-left-color: #eeeeee;
        border-right-color: #eeeeee;
        border-top: 3px solid white;
    }

    .nav-tabs li a, .nav-tabs li a:hover {
        background: #f4f4f4;
        border-bottom: none;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        border-top: 3px solid #dddddd;
    }

    td.dt-left { 
        text-align: left !important; 
    }

    td.dt-center { 
        text-align: center !important; 
    }
    
    td.dt-right { 
        text-align: right !important; 
    }

    .inline-flex {
        display: inline-flex;
    }

    .inline-flex .fal {
        margin-block-start: 2px !important;
    }

    table.dataTable tbody tr:hover {
        background-color:#DDDDDD;
        color:#0E5581;
    }
    
    table.dataTable tbody tr:hover td {
        border:1px solid #EEEEEE;
        border-collapse:collapse;
        border-spacing:0;
    }

    .padding-left {
        padding-left: 5px !important;
    }

/* DEFINICIONES CSS PARA TABLAS*/

    #allAgents {
        width: var(--max-width) !important;
    }

    #allAgents th {
        padding: 3px 10px;
        white-space: nowrap;
        font-size: 13px;
        text-align: center; 
        /* vertical-align: middle; */
    }

    #allAgents td {
        padding: 3px 10px;
        white-space: nowrap;
        font-size: 12px;
        /* vertical-align: middle; */
    }
    
    #allAgents_filter { 
        width: 100%!important
    } 

    .avex-loading-table {
        display: block;
        width: 50px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5%;
        padding-bottom: 4%;
    }

    .text-info-table {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: #0E5581 !important;
        padding-bottom: 2%;
    }

    .dataTables_info, .dataTables_length {
        color: #0E5581;
    }

    .pagination > li a {
        color: #0E5581;
    }

    html .pagination > li.active a, html.dark .pagination > li.active a {
        background-color: #0E5581;
    }

/* enable absolute positioning */
    
    .inner-addon {
        position: relative;
    }
  
/* style fa */
    
    .inner-addon .fa, .inner-addon .fas, .inner-addon .fal {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }
  
/* align fa */

    .left-addon .fa,  
    .left-addon .fas,  
    .left-addon .fal { 
        left:  0px;
    }

    .right-addon .fa,
    .right-addon .fas,
    .right-addon .fal { 
        right: 0px;
    }
  
/* add padding  */

    .left-addon input { 
        padding-left:  30px; 
    }

    .right-addon input { 
        padding-right: 30px; 
    }

/* datepicker css*/

    .datepicker { 
        z-index:99999 !important; 
        padding: 0px;
    }

    .datepicker table td {
        font-size: 1rem !important;
    }

    .datepicker table thead tr:first-child th:hover {
        background: #0E5581 !important;
    }

/* multiselect */    

    .gp3 .btn-group {
        width: 100% !important;
        display: block !important;
    }

/* total values agent css */

    #value-volume-12, #value-listing, #value-closed-12, #value-closed-24, 
    #value-gross-commission, #value-recruited-agents, #value-split-com,
    #value-agent-commission, #value-office-commission, #value-branch-commission {
        font-weight: normal;
        color: #0E5581 !important;
    }

    .fa-stack { 
        font-size: 0.53em;   
        margin-right: -1px;
        margin-left: -2px;
    }

/*  ONBOARDING LIST STYLE */

    #ob-style ul {
        text-align: left;
    }

/* 
    STYLE FOOTER CONTAINER
*/

    #footer .container {
        width: 90% !important;
        font-size: 0.9em;
    }

    
/*  STYLE SCROOL BAR FOR TABLE-START */

    .scroll-table {
        max-height: 768px;
        overflow-x: auto !important;
        overflow-y: auto !important;
        scrollbar-width: thin;
        scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    }

    .scroll-table::-webkit-scrollbar {
        width: 11px;
        height: 11px;
    }

    .scroll-table::-webkit-scrollbar-track {
        border-radius: 10px;
        -webkit-border-radius:10px;
        background: var(--scrollbarBG);
        -webkit-box-shadow: inset 0 0 1px var(--scrollbarBG);
    }

    .scroll-table::-webkit-scrollbar-thumb {
        border: 1px solid var(--scrollbarBG);
        background-color: var(--thumbBG) ;
        border-radius: 10px;
        -webkit-border-radius:10px;
        -webkit-box-shadow: inset 0 0 1px var(--scrollbarBG);
    }

    .scroll-table::-webkit-scrollbar-thumb:hover {
        background-color: var(--activBG);
        -webkit-box-shadow: inset 0 0 1px var(--scrollbarBG);
    }

    .scroll-table::-webkit-scrollbar-thumb:active {
        background-color: var(--activBG);
    }

    .scroll-table::-webkit-scrollbar-track:hover,
    .scroll-table::-webkit-scrollbar-track:active {
        background: #d4d4d4;
    }

    .table-container {
        width: var(--max-width) !important;
        overflow-x:auto;
    }

    .table-container th {
        font-size: 12px;
        text-align: left; 
        white-space: nowrap;
        vertical-align: middle !important;
    }

    .table-container td {
        font-size: 12px;
        text-align: left;
        white-space: nowrap;
        vertical-align: middle !important;
    }

/* STYLE BUTTON CHECK */

    .checkbox-style-group {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .btn-style {
        background-color: #0e5581 !important;
        border-color: #0e5581 !important;
        border-radius: 15px !important;
    }

    .icon-check {
        float: right !important;
        margin-top: 2px;
    }

    .checkbox-style {
        margin-bottom: 5px !important;
    }

    .btn-close-modal {
        float: right !important;
    }


    .modalTag  { text-align:center;display:none;}
    .modal-tag-height { height:350px;}
    .img-style { height: 50px; width: 50px; margin-top:2%;}
    .label-tag { color:#0e5581; font-weight:bold;}
    .waitingDataModal {
        text-align:center;
        z-index:10000;
        display:none;
        padding-top:300px;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        overflow:none;
        background-color:rgb(0,0,0);
        background-color:rgba(0,0,0,0.4);
    }

    .style-img-sp { width:100px; height:100px;}
   
.button-with{
  width: 15%;
}

.div-title-search-advances{
    display: flex;
    background: #F2F2F2;
    height: 38px;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.title-search-advances{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    
    color: #272626;   
    margin-top: 2px !important;
}
.icons-title-search-advances{
    margin-top: 6.5px;
    margin-right: 5px;
}

.title-overall-search{
    color: #272626;
}
/*Style vista principal CRM/manager*/
.square-mass-email {
  width: 16px; 
  height: 16px; 
  background: #0e5581;
  margin-top: 1.5px;
  margin-right: 15px;
}
.square-crm {
  width: 16px; 
  height: 16px; 
  background: #F5831F;
  margin-top: 1.5px;
  margin-right: 15px;
}
.square-email-sent{
  width: 16px; 
  height: 16px; 
  background: #98CEE2;
  margin-top: 1.5px;
  margin-right: 9px;
}
.d-title-graphics{
  display: flex;
  margin: 9px;
}
.d--title{
  display: flex;
  justify-content: center;
}
.media-gallery .mg-files .thumbnail .thumb-preview .thumb-image {
    display: block;
    overflow: hidden;
    /*height: 204px;*/
}
.mt-md-custom{
    margin-top: -6px !important;
}
#searchContactsSummary{
    width: 252px;
    float: right;
}
.icons-summary-search{
    margin-top: 18px;
    margin-right: 20px;
    color: #cccccc;
}