/**
* Font faces
*/

@font-face {
    font-family: 'Land Rover Web';
    src: url('LandRoverWeb-Demi.woff2') format('woff2'),
        url('fonts/LandRoverWeb-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Land Rover Web';
    src: url('LandRoverWeb-Bold.woff2') format('woff2'),
        url('LandRoverWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextW1G-Medium.woff2') format('woff2'),
        url('AvenirNextW1G-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextW1G-Regular.woff2') format('woff2'),
        url('AvenirNextW1G-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextW1G-Demi.woff2') format('woff2'),
        url('AvenirNextW1G-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextW1G-Bold.woff2') format('woff2'),
        url('AvenirNextW1G-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/**
* General
*/
    html, body { font-family : 'Avenir Next',Helvetica,Arial,sans-serif; height : 100%; min-height : 100%; margin : 0; padding : 0; color : #0C121C; background : #fefefe; background : #f6f6f6; -webkit-font-smoothing : antialiased; -moz-osx-font-smoothing : grayscale; font-size: 14px; }
    h1, h2, h3, h4, h5, h6 {
        font-family : 'Land Rover Web',Helvetica,Arial,sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        color: inherit;
    }

    [type=reset], [type=submit], button, html [type=button] {
            /* -webkit-appearance: none; */
    }

    .container {
        max-width : 1440px;
    }

    .bg-edit {
        background: #F9FEF5;
    }

    .op-25 { opacity : .25; }
    .op-50 { opacity : .5; }
    .op-75 { opacity : .75; }
    .box-shadow { box-shadow : 4px 4px 10px rgba(0,0,0, .2); }

    .label-as-badge { border-radius : 1em; }

    .img-responsive { max-width : 100%; }

    .menu {
        height : 100%;
        min-height : 100%;
        padding-top : 10px;
        border-right : #eee 1px solid;
    }

    .menu li a { color : #666; }
    .menu li:last-child { border-bottom : none; }

    .navbar [dropdown]:hover .dropdown-menu {
        display : block;
        margin-top : 0;
    }
    .environment {
        background: red;
        color: white;
        padding: 10px;
        text-transform: uppercase;
        margin: 0 10px;
        font-weight: bold;
    }
    .table .table-link {
        display : block;

        text-decoration : none !important;

        color : inherit;
    }

    .table-align-middle td {
        vertical-align: middle;
    }

    dd {
        display : block;

        min-height : 38px;
        padding : 9px;

        word-break : break-word;

        border-radius : 3px;
        background-color : #f9f9f9;
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,.05);
                box-shadow : inset 0 1px 1px rgba(0,0,0,.05);
    }
    dd:empty:after {
        font-style : italic;

        content : '(empty)';

        color : #bbb;
    }

    dt {
        font-size : 85%;
        font-weight : normal;

        margin-bottom : 5px;

        color : #777;
    }

    .cursor-pointer {
        cursor : pointer;
    }

    tr[href] { cursor: pointer; }


    .color-inherit { color: inherit; }

    .icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }

    .tooltip-inner { white-space: pre-wrap; }

    .creatives-subtable .id-column{
        width: 150px;
    }

    .creatives-subtable .spn-column{
        width: 50px;
    }

    .no-hover:hover {
        background-color: rgba(0,0,0,0) !important;
    }

    .fa-tachar {position: relative;}
    .fa-tachar:after{content: '';width: 1px;height: 30px;border: #616161 1px solid;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%) rotate(-45deg);transform-origin: center;}
    .fa-tachar--white:after{border-color:white;}

    .text-strike { text-decoration: line-through; }

    .bg-warning, .bg-info {
        color: #3d3d3d;
    }

    .fade-in {
        opacity: 1;
        -webkit-filter: blur(0px);
        -webkit-animation: fadein linear 800ms;
    }

    @-webkit-keyframes fadein {
        0% { -webkit-filter: blur(10px); opacity: 0;}
        60% { opacity: 1;}
        100% { -webkit-filter: blur(0px);}
    }
/**
* Buttons
*/
    a { color: #777; }
    a:hover { color: inherit; }
a, a:focus, a:visited {
    
}

    a.btn.disabled--with-pointer-events { pointer-events: auto; }

    .btn {
        font-weight : 600;
        position : relative;
        padding : 15px 12px;
        transition : all .5s;
        vertical-align : middle;
        text-transform : uppercase;
        border-radius : 0;
        line-height: 1;
        font-size: 14px;
        font-family: 'Avenir Next', sans-serif;
        letter-spacing: 1px;
    }
    .btn .svg-inline--fa {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline : 0;
    }
    .btn.active, .btn:active {
        box-shadow : none;
    }
    .btn-group-sm > .btn, .btn-sm {
        font-size : 10px;/*! font-weight: normal; */

        padding : 6px 12px;
    }
    .btn.focus, .btn:focus, .btn:hover {
        
    }
    .btn-holder {
        margin : 10px auto;;

        text-align : center;
    }
    .btn-primary {
        border: 1px solid #0C121C;
        background-color: #0C121C;
        color: #ffffff;
    }

    /*  Hover */
    .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active {
        z-index : 1; color : #0C121C; border-color : #0C121C; outline : none; background-color : #ffffff;
    }
    .btn-primary:hover:before, .btn-primary:focus:before, .btn-primary:active:before, .btn-primary.active:before {
        width: 100%;
    }

    .btn-default {
        color : #0C121C;
        border : 1px solid #0C121C;
    }
    .btn-default:hover {
        color : #fff;;
        background-color : #0C121C;
    }

    .btn-success {
        border-color : #607D8B;/* outline: 0; */
        background-color : #607D8B;
    }
    .btn-success:before {
        position : absolute; z-index : -1; top : 0; right : 0; bottom : 0; left : 0; width : 0; content : '';
        -webkit-transition-timing-function : ease-out;
                transition-timing-function : ease-out;
        -webkit-transition-duration : .3s;
                transition-duration : .3s;

        background : #fff;
    }

    /* Hover */
    .btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success.active { z-index : 1; color : #607D8B; border-color : #607D8B; outline : none; background-color : #607D8B; }
    .btn-success:hover:before, .btn-success:focus:before, .btn-success:active:before, .btn-success.active:before { width : 100%; }


    .btn-link { color : #607D8B; background-color: #fff; }
    .btn-success.disabled, .btn-success:disabled {
        background-color: #607D8B;
        border-color: #607D8B;
        opacity:  0.3;
        pointer-events: auto;
    }
    .btn.disabled .btb:disabled {
        opacity: .3;
    }

    .btn-danger:focus, .btn-danger:hover, .btn-danger:active, .btn-danger.active {
        z-index : 1;

        color : #fff;
        border-color : #97131f;
        outline : none;
        background-color : #97131f;
    }

    .is-disabled {
        opacity: .5;
    }
    .is-disabled:active {
        pointer-events: none;
    }

/**
* Navbar
*/

    .navbar {
        -webkit-box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
        background-color: #fff!important;
    }
    .navbar-brand {
        /* line-height: 1; */
        /*! height: 40px; */
    }

    .navbar-nav .nav-item {
        font-size: 15px;
        text-transform: uppercase;
        margin-left: 10px;
        /* margin-right: 10px; */
        /* display: inline-block; */
    }
    .navbar-nav .nav-link {
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .2rem;
        padding-left: .2rem;
        font-family: 'Land Rover Web', sans-serif;
        letter-spacing: 2px;
        color: #0C121C;
    }

    .navbar .form-inline {
        border: 1px solid  #6c757d;

    }
    .navbar .form-inline .form-control {
        margin-right: 0!important;
        /* width: 280px; */
    }
    .navbar .form-inline .btn {
        font-size: 12px;
        border: 0;
        /* height: 38px; */
    }
    .navbar .form-inline .btn:hover {
        color: #fff;
    }
    .navbar .navbar-text {
        font-size: 14px;
        color: #5f7d8b;
    }

    .navbar .navbar-text .fa-user {
        font-size: 21px;
        margin-right: 5px;
    }

    .navbar .nav-item .btn {
        width: 34px;
        height: 34px;
        line-height: 30px;
        font-size: 14px;
        padding: 0!important;
        text-align: center;
        border: 1px solid #0C121C;;
        color: #0C121C;
    }
    .navbar .nav-item .btn-primary {
        display: inline-block;
        width: 34px;
        height: 34px;
        line-height: 30px;
        font-size: 14px;
        padding: 0!important;
        text-align: center;
        color: #ffffff;
    }
    .navbar .nav-item .btn-primary:hover {
        color: #0C121C;
    }
    


    @media (max-width: 991px) {
        .navbar-nav .nav-item {
            margin-left: 0;
            /* display: inline-flex; */
            /* float: left; */
        }
        .navbar .navbar-text {
            text-align: center;
            display: block;
        }

        .navbar .form-inline {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .navbar .form-inline .form-control {
            width: 85%;
        }

        .navbar-nav--right {
            -ms-flex-direction: row;
            flex-direction: row;
            margin-top: 20px;
            padding-top: 20px;
            margin-bottom: 20px;
            -webkit-box-pack: center!important;
            -ms-flex-pack: center!important;
            justify-content: center!important;
            border-top: 1px solid #5f7d8b;
        }
        .navbar-nav--right .nav-item {
            display: inline-block;
            margin-right: 15px;
        }
    }
    @media (max-width: 580px) {
        .navbar .form-inline {
            position: relative;
            width: 100%;

        }
        .navbar .form-inline .form-control {
            width: 75%
        }
        .navbar .form-inline .btn {
            position: absolute;
            right: 0;
            top: 0;
            margin: 0!important;
            width: 25%;
        }
    }

/**
* Form
*/
    .choices {
        font-size: inherit;
        border-color: ;
    }

    .choices__input {
        font-size: 13px;

        color:  #303030;
        /*! padding: 0; */
        /*! margin: 0; */
    }
.choices__inner {
    border-color: #BBBBBB;
}
    .choices__list--multiple .choices__item {
        background-color: #a100ff;
        border-color: #a100ff;
    }
.input-sm-container .choices__inner {
    min-height: 36px;
    padding-top 3.5em;
}
.input-sm-container .choices__input {
    font-size: 12px;
    padding: 0;
    margin: 0;
}
    .form-horizontal .btn-sm {
        height: 36px;
        line-height: 24px;
    }
    .form-horizontal .form-control {
        /*! margin-bottom: 5px; */
    }

    input, textarea, select {

        color: #303030;
        font-size: 13px;
    }

    .form-group {
        margin-bottom: 20px;
    }
    .form-control {
        font-weight : 300;
        border-radius : 0px;
        outline : 0;
        box-shadow : none;
        color: #0C121C;
        font-size: 14px;
        /*! min-height: 36px; */
        margin-bottom: 0;
        padding: 12px;
        border-color: #BBBBBB;
    }
    .form-control::file-selector-button {
        padding: 12px;
        margin: -12px 10px -12px -12px;
    }
    .form-control[type="file"] {
        
    }
    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        background-image: none;
    }

    .form-control:focus {
        border-color : rgba(204, 204, 204, .60);
        outline : 0;
        -webkit-box-shadow : none;
                box-shadow : none;
    }
    .form-control:focus ~ .input-group-addon {
        color : #444;;
        border-color : rgba(204, 204, 204, .60);
        outline : 0;
        -webkit-box-shadow : none;
                box-shadow : none;
    }
    .input-group-addon {
        height : 33px;

        -webkit-transition : border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
             -o-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;

        color : #ccc;
        border-color : #fff;
        border-radius : 10px;
        background-color : #fff;
    }
    .input-group .form-control:first-child {
        border-right : 0;
        border-top-left-radius : 0px;
        border-bottom-left-radius : 0px;
    }
    .input-group.disabled .input-group-addon {
        color : #e5e5e5;
        background-color : #eee;
    }


    .form-check label {
        margin-bottom: 0;
        line-height: 1.4;
    }

    .form-control:disabled,
    .form-control[readonly] {
        cursor: not-allowed;
    }
    .checkbox input {
        margin-right: 15px;
    }
    .checkbox-medium-size {
        display: block;
    }
    .checkbox-medium-size input {
        width: auto;
        height: auto;
        /* transform: scale(2); */
        display: inline-block;
        vertical-align: middle;
    }

.custom-combobox {
    position: relative;
    display: block;
}
.custom-combobox-input {
    border: 1px solid #f2f2f2 !important;
    background: none;
    font-weight : 300;
    border-color:  #f2f2f2;
    border-radius : 0px;
    outline : 0;
    box-shadow : none;
    color: #303030;
    font-size: 13px;
    min-height: 36px;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    right: -2px;
    height: 100%;
    width: 20%;
    /*! background: #6c757d; */
    border: 1px solid #c5c5c5;
    line-height: 25px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    color: #ffffff !important;
    background: #6c757d;
    font-family:    "Open Sans", Helvetica, Arial, sans-serif;
}
.custom-combobox-toggle:hover {
    color: #ffffff !important;
    background: #6c757d;
    font-weight: 600;
}
.input-sm {
    font-size: 12px;
    padding: 8px;
}
.form-check-input[type="checkbox"] {
    border-color: #0C121C;
}
/**
* Message
*/

    .message.success {
        color : green;
    }
    .message.error {
        color : #dc3545;
    }
    .error-message {
        color : #dc3545;
    }



/**
* Select
*/

    select {
        -webkit-appearance : none;
           -moz-appearance : none;
                appearance : none;
        border: 0;

        font-size: 14px;
        color: #303030;
    }
    select::-ms-expand {
        display : none; /* remove default arrow on ie10 and ie11 */
    }

    select.selectize-me {
        height: 36px;
        max-width: 100%;
    }

    .selectize-input {
        min-height : 22px;
        font-weight: 300;
    }

    .selectize-input>input {
        font-weight: 300;
    }

    .selectize-input,
    .selectize-control.single .selectize-input,
    .selectize-dropdown.single {
        background-color: #fff;
        border-radius: 0;
        background-image: none;
        border-color:  #f2f2f2;
        box-shadow: none;
        color: #303030;
        font-weight: 300;

    }
    .is-invalid .selectize-input,
    .selectize-control.single.is-invalid  .selectize-input
    {
        border-color: #dc3545;
    }
    .selectize-control.multi .selectize-input [data-value] {
        border-color: #5f7d8b;
        background-color: #5f7d8b;
        background-image: none;
        border-radius: 0;
    }
    .selectize-control.multi .selectize-input [data-value].active {
        border-color: #777;
        background-color: #777;
        background-image: none;
        border-radius: 0;
    }

    .selectize-input.disabled, .selectize-control.single .selectize-input.disabled {
        background-color: #e9ecef;
        opacity: 1;
        cursor: not-allowed!important;
    }

    .selectize-dropdown {
        color: #303030;
        font-weight: 300;
        font-size: 13px;
    }
  /*  .selectize-input {
        padding-right: 40px;
    }
    */
    #submit-svcrm-file {
        height: 36px;
    }
    .selectize-svcrm .selectize-input,
    .selectize-me.selectize-svcrm .selectize-input {
        padding-right: 40px;
    }
    .selectize-me.selectize-svcrm .selectize-input .item {
        max-width: 96%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


/**
* Filter form
*/
    .filter-form {
        overflow : hidden;

        -webkit-box-sizing : border-box;
        max-height : 0;
        padding : 0 10px 0 10px;

        -webkit-transition : all .5s;
                transition : all .5s;

        border-right : none;
        border-left : none;
        background : #f0f0f0;
    }
    .filter-form.expanded {
        overflow : visible;

        max-height : 500px;
        padding : 10px;
    }


/**
* Popover
*/
    .popover {
        max-width : 500px;
    }


/**
* List Group
*/
   /* .list-group:first-child .list-group-control:first-child {
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
    }
    .list-group::last-child .list-group-control:last-child {
      border-bottom-left-radius: .25rem;
      border-bottom-right-radius: .25rem;
    }
    .list-group.list-group-flush:last-child .list-group-control:last-child {
      border-bottom: 0;
      margin-bottom: 0;
    }
    .list-group.list-group-flush:first-child .list-group-control:first-child {
      border-top: 0;
    }
    .list-group.list-group-flush .list-group-control {
      border-right: 0;
      border-left: 0;
      border-radius: 0;
    }
    .list-group .list-group-control {
      position: relative;
      display: block;
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0.125);
    }
    .list-group .list-group-control .custom-control {
      margin: 0;
      padding: .75rem 1.25rem;
      padding-left: 3rem;
      display: block;
    }
    .list-group .list-group-control .custom-control .custom-control-indicator, .list-group .list-group-control .custom-control .material-control-indicator, .list-group .list-group-control .custom-control .fill-control-indicator, .list-group .list-group-control .custom-control .overflow-control-indicator {
      top: 1rem;
      left: 1.25rem;
    }*/




/**
* Breadcrumbs
*/

    .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        font-size: 11px;
        padding-left: 0;
        /* display: inline-block; */
        /* float: left; */
        margin-bottom: 1rem;
        /* -webkit-box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1); */
        /* box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); */
    }


/**
* Main title
*/

    h2 + hr {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

/**
* Table actions
*/
    table .actions a,
    .segmentation-actions .btn {
        border: 1px solid #e9ecef;
        display: inline-block;
        padding: 3px 12px;
        font-size: 13px;
        margin: 2px;
        transition: all .3s;
        min-width: 40px;
        vertical-align: middle;
    }

    table .actions a:hover,
    .segmentation-actions .btn:hover {
        background-color: #fff;
        color: inherit;
        text-decoration: none;
        transition: all .3s;
    }

    .table th {border-top: 0px solid #dee2e6;background-color: #fff;/* font-size: 14px; */}

    .table th a {
        color: inherit;
    }

    .table-sm td, .table-sm th {
        font-size: 13px;
    }
    .table-sm td:last-child {
        padding-right: 0;
    }

/**
* Pagination
*/
    .pagination {/* align-self: flex-end!important; */justify-content: flex-end!important;}

    .page-item.disabled .page-link {
        text-transform: uppercase;
        color: #0C121C;
        border-color: #BBB;
    }

    .paginator ul {
        margin : 0;
    }
    .paginator li {
        display : inline-block;
        /*! color: #0C121C; */
    }
    .paginator p {
        line-height : 33px;

        display : inline-block;

        vertical-align : top;
    }

    .pagination .page-link {
        color: #0C121C;
        text-transform: uppercase;
        border-color: #BBB;
    }
    .pagination .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #0C121C;
        border-color: #BBB;
    }



/**
* Custom columns
*/
    .row-condensed { margin-left: -5px; margin-right: -5px; }
    .row-condensed > *[class*="col"] { padding-left: 5px; padding-right: 5px; }
    
    .col-sm-20p {
        position : relative;

        float : left;

        width : 20%;
        min-height : 1px;
        padding-right : 15px;
        padding-left : 15px;
    }


/**
* Steps wizard
*/
    .stepwizard-step p {
        margin-top : 10px;
    }
    .stepwizard-row {
        display : table-row;
    }
    .stepwizard {
        position : relative;

        display : table;

        width : 100%;
    }
    .stepwizard-step .btn-primary {
        background: #607d8a;
        border-color: #607d8a;
    }

    .stepwizard-step button {
        pointer-events: none;
        cursor: default;
        padding: 0;
        line-height: 30px;
    }
    .stepwizard-step button[disabled] {
        opacity : 1 !important;

        filter : alpha(opacity=100) !important;
    }

    


    .stepwizard-row:before {
        position : absolute;
        top : 14px;
        bottom : 0;

        width : 100%;
        height : 1px;

        content : ' ';

        background-color : #ccc;

        z-order : 0;
    }
    .stepwizard-step {
        position : relative;

        display : table-cell;

        width : 33%;

        text-align : center;
    }
    .stepwizard--4 .stepwizard-step { width : 25%; }
    .stepwizard--5 .stepwizard-step { width : 20%; }
    .stepwizard--9 .stepwizard-step { width : 11.11%; }

    .btn-circle {
        font-size : 12px;
        line-height : 1.428571429;

        width : 30px;
        height : 30px;
        padding : 6px 0;

        text-align : center;

        border-radius : 15px;
    }

/**
* Data box
*/
    .box {
        padding : 10px;

        text-align : center;

        color : white;
        border-radius : 3px;
        background : #6c757d;
    }
    .box__value {
        font-size : 20px;
        font-weight : 600;
    }


/**
* Creative preview
*/
    .creative-preview {
        overflow : auto;
        height : 300px;
        box-shadow : 2px 2px 5px #ccc;
    }


/**
* Audit table
*/

    .audit-table ins {
        font-weight : normal !important;
        text-decoration : none !important;
        color : #087657;
        background : #e9fbf3;
    }
    .audit-table del {
        color : #c93d18;
        background : #ffefeb;
        /* display: inline-block; */
        /* margin-left: 5px; */
    }



/**
* Login page
*/
    .login-page {

    }
    .login-page h1 {
        text-align: center;
        margin-top: 100px;
        margin-bottom: 40px;
    }

    .login-page .card {}
    .login-page .card-body {
        /* padding: 3rem; */
        max-width: 480px;
        margin: 0 auto;
    }
    .login-page .card-title {
        text-align: center;
        margin-bottom: 20px;
        /* color: #ca0023; */
        text-transform: uppercase;
        margin-top: 20px;
    }

    .login-page .card .btn-primary {
        margin: 30px auto;
        display: block;
        width: 300px;
    }


/**
* Login page
*/


    h5.card-title {

        font-size: 1.15rem;
    }
    h5.card-title small,
    h5.card-title svg,
    h5.card-title span {
        display: inline-block;
        vertical-align: middle;
    }
    h5.card-title span {
        margin-left: 5px;
        margin-right: 5px;
    }

    h5.card-title small {
        color: #607D8B;
    }

    /* 
    Comentado porque no tiene sentido
    .card-body table {
        margin-top: 1.5rem;
    }

    .card-body table th,
    .card-body table td {
        vertical-align: middle;
    }

    .card-body .table-sm td:last-child a {
        display: inline-block;
        padding: 5px 8px;
    } */


/**
* Show After Load
*/
    .show-after-load {
        visibility: hidden;
    }


/**
* Selección de templates
*/

    .temp-select {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        display: none;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px;
        z-index: 10;
    }
    .temp-select--visible { display: flex; }
    .temp-select__wrapper {
        position: relative;
        background: #ffffff;
        padding: 20px 40px;
        max-width: 600px;
        width: 100%;
    }
    .temp-select__close {
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        background: transparent;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        cursor: pointer;
    }
    .temp-select__list { padding: 0; }
    .temp-select__list-item { text-align: center; }
    .temp-select__title { font-weight: bold; font-size: 18px; margin-bottom: 10px; }
    .temp-select__image img { display: inline-block !important; max-height: 500px }
    .temp-select__description,
    .temp-select__image,
    .temp-select__fields { margin-bottom: 20px; }

    .temp-select__arrow {
        -webkit-appearance: none;
        appearance: none;
        outline: 0 !important;
        box-shadow: none !important;
        border: 0;
        background: transparent;
        position: absolute;
        width: 30px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        left: 10px;
        font-size: 50px;
        padding: 0;
        cursor: pointer;
    }
    .temp-select__arrow--next {
        left: auto;
        right: 10px;
    }
    .temp-select .slick-disabled { opacity: 0.2; cursor: default; }


/**
* Subitem (creatives or landings)
*/
    .subitem-list {padding: 20px 0;}
    .is-dragging-module .subitem-list.drag-target {outline: dashed #007bff 3px; }
    .subitem-list__placeholder {border: #d3e7fd 1px solid;color: #8ebaea;background: #f9fcff;padding: 1rem;font-weight: bold;margin: 0;}
    .subitem-list__placeholder:last-child { margin-bottom: 1rem;  }
    .subitem { }
    .subitem__body {padding: 20px;}
    .subitem__body .row {margin-left: -9px;margin-right: -9px;}
    .subitem__body *[class*="col"] {padding-left: 9px;padding-right: 9px;}
    .subitem__alert { border: 0 none; border-radius: 0; margin-top: -1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; min-height: 47px; }
    .subitem__alert .btn {margin-top: -3px;}
    .subitem__content {  }
    .subitem__draghandler { cursor: grab; }
    .subitem--empty {outline: #ddd 3px dashed; }
    .subitem--empty:before {content:attr(data-emptymsg);width: 100%; display:block; text-align: center;  padding: 100px 20px; font-size: 30px; color:#ddd;}
    


/**
* SWAL
*/
    /* .swal-modal { width: auto !important; } */
    .swal-title { color: #3d3d3d; font-weight : 600; }
    .swal-button { font-size : 13px; font-weight : 600; text-transform : uppercase; border-radius: 0; }
    .swal-button.swal-button--confirm { background-color: #607D8B; color : #fff; }
    .swal-modal.type-campaign { width: 580px; }
    .type-campaign .swal-footer {text-align: center;}
    .type-campaign .swal-footer .swal-button {background-color: #607D8B;color : #fff;width: 120px;}
    .type-campaign .swal-footer .swal-button:not([disabled]):hover {background-color: #78cbf2;}

    .swal-modal .swal-text {
        text-align: center;
    }



/**
* Error page
*/
    .error-page { padding: 13% 40px; text-align: center; position: relative; background: #fff; }
    .error-page span { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; opacity: .15; }

/**
* Template selector
*/
    .template-selector {
        display: table;
        height: 100%;
    }
    .template-selector__header,
    .template-selector__content,
    .template-selector__separator {
        display: table-row;
    }
    .template-selector__separator {
        height: 20px;
    }
    .template-selector__content {
        height: 100%;
    }
    .template-selector__wrap {
        height: 100%;
        position: relative;
    }
    .template-selector__list {
        overflow-y: scroll;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }
    .template-selector__items {
        display: none;
    }
    .template-selector__items--active {
        display: block;
    }
    .template-selector__item {
        padding: 20px;
        text-align: center;
        border-bottom: 2px solid #dedede;
        cursor: pointer;
    }
    .template-selector__item:hover {
        -webkit-box-shadow: inset 0px 0px 0px 4px rgba(196,196,196,1);
        -moz-box-shadow: inset 0px 0px 0px 4px rgba(196,196,196,1);
        box-shadow: inset 0px 0px 0px 4px rgba(196,196,196,1);
    }
    .template-selector__item--selected {
        -webkit-box-shadow: inset 0px 0px 0px 4px rgba(0,0,0,1) !important;
        -moz-box-shadow: inset 0px 0px 0px 4px rgb(0, 0, 0) !important;
        box-shadow: inset 0px 0px 0px 4px rgba(0,0,0,1) !important;
    }
    .template-selector__groupname {
        padding: 10px 40px 10px 10px;
        height: 40px;
        line-height: 20px;
        font-size: 14px;
        position: relative;
        display: block;
        border-bottom: 2px solid #dedede;
        background: #76797f;
        color: #ffffff;
        cursor: pointer;
    }
    .template-selector__groupname .svg-inline--fa {
        position: absolute;
        right: 10px;
    }
    .template-selector__image {
        max-width: 200px;
        max-height: 200px;
        margin-bottom: 20px;
    }
    .template-selector__name {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
    }

    .selected-template {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        overflow: auto;
        flex-wrap: wrap;
        padding: 20px;
    }
    .selected-template__content {
        display: inline-block;
        text-align: center;
        max-width: 500px;
    }
    .selected-template__image {
        max-width: 100%;
        display: block;
    }

/**
* Datepicker
*/
    .date-highlight-green:not(.xdsoft_other_month):not(.xdsoft_disabled) {
        background: #cbffd0;
    }
    .date-highlight-yellow:not(.xdsoft_other_month):not(.xdsoft_disabled) {
        background: #fffecb;
    }
    .date-highlight-orange:not(.xdsoft_other_month):not(.xdsoft_disabled) {
        background: #ffdc90;
    }
    .date-highlight-red:not(.xdsoft_other_month):not(.xdsoft_disabled) {
        background: #ff5a00;
        color: #ffffff;
    }


/*
* FAQS - HELP
*/

    .faq-title {
        font-weight: 600;
        margin-top: 35px;
        margin-bottom: 20px;
    }


/**
* Marked field
*/
    .marked-field { }
    .marked-field-group .lead.border-bottom { border-bottom-color: #dc3545 !important; }
    .marked-field-group input.form-control { border-color: #dc3545; }
    .marked-field-group .custom-control-input:checked ~ .custom-control-label::before { border-color:#dc3545; }
    .marked-field-group .file-upload-iframe { border: #dc3545 1px solid; }
    .marked-field-group > .mce-tinymce {border: #dc3545 1px solid }

/**
* Preview container
*/
    .preview-container { position: relative; overflow: hidden; }
    .preview-container--landing {padding-top: 29px;padding-left: 23px;margin-top: 20px;}
    .preview-container--loading:after { content: attr(data-loading-text); width: 100%; height: 100%; background: #ffffff; position: absolute; top: 0; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; color: #000000; font-size: 20px; }
    .preview-container__modifiers {position: absolute;top: 0;left: 23px;}
    .preview-container__modifiers a { opacity: 0.5; }
    .preview-container__modifiers a.active { opacity: 1; font-weight: bold; color: #607D8B; }
    .preview-container__modifiers--top {}
    .preview-container__modifiers--top a { display: inline-block; text-align: center; background: white; padding: 4px 21px; margin-right: 5px; }
    .preview-container__modifiers--side {transform: translateX(-100%);top:23px;}
    .preview-container__modifiers--side a { display: block; text-align: center; background: white; margin-bottom: 5px; padding: 4px; }
    .preview-container__iframe {border: #e8e8e8 1px solid;transform-origin: top left;}
    .preview-container__iframe[data-screen="desktop"] { width: 1440px; }
    .preview-container__iframe[data-screen="mobile"] { max-width: 460px; }
    .preview-container__iframe[data-screen="tablet"] { width: 900px; }

/**
* Comment form
*/
    .comment-form { }
    .comment-form__autocomplete {font-weight: 300;border: #f2f2f2 1px solid;outline: 0;box-shadow: none;color: #303030;font-size: 13px;min-height: 80px;padding: .375rem .75rem;line-height: 21px;}
    .comment-form__autocomplete span.mention {font-weight:600;color: #607d8b;background: #607d8b40;padding: 0 8px;display: inline-block;border-radius: 9px;line-height: 17px;}

/**
* Comment list
*/
    .comment-list { }
    .comment-list__item {padding-left:30px;position:relative;border-bottom: #eee 1px dotted;margin-bottom: 10px;padding-bottom: 6px;/* opacity: 0.5; */}
    .comment-list__gravatar { position:absolute; top:0; left:0; border-radius: 50%; width: 25px; height: 25px; }
    .comment-list__comment {line-height: 20px;}
    .comment-list__comment span.mention {font-weight:600;color: #607d8b;background: #607d8b40;padding: 0 8px;display: inline-block;border-radius: 9px;line-height: 17px;}


/**
* Tribute autocomplete
*/
    .tribute-container {/* background: white; */border-radius: 6px;min-width: 300px;box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;}
    .tribute-container ul {background: white;/* box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px; */}
    .tribute-container li {border-bottom: rgb(230, 236, 240) 1px solid;font-size: 12px;}
    .tribute-container li.highlight { background: #f5f8fa; }
    .tribute-container li img {margin-right: 8px;float: left;margin-top: 5px;border-radius: 50%;width: 25px;height: 25px;}
    .tribute-container li .name {display: block;color: black;}
    .tribute-container li .email {display: block;color: rgb(101, 119, 134);font-weight: normal;}

/**
* Calendar
*/
    .fc {font-family: "Helvetica", Arial; }
    .fc-day-top {text-align: center;}
    .fc-day-header {}
    .fc-event {color: white !important;border-radius: 4px;border: 0;padding: 0px 5px;background: rgb(11, 128, 67);margin-bottom: 2px;}
    .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{ float: none; }
    .calendar-pp {background-color: yellow; color: #000 !important;}
    .calendar-campaign {background-color: rgb(11, 128, 67)}
    .calendar-automation {background-color: #586cff; }
    .legend-calendar {border-radius: 4px;border: 0;padding: 0px 5px; margin-bottom: 2px; color: #FFF;}

/**
* Divider text
*/
    .divider {margin-top: 2rem;margin-bottom: 2rem;border: 0;border-top: 1px dashed rgba(0,0,0,.1);position: relative;}
    .divider:first-child {margin-top: 1rem;}
    .divider__text {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #efefef;display: block;padding: 0 10px;min-width: 20px;min-height: 10px;border-radius: 9px;text-transform: uppercase;font-size: 10px;font-weight: bold;white-space: nowrap;}

/**
* Full calendar
*/
    .fc-button { border-radius: 0; }
    .fc-button-primary { background-color: #607D8B; border-color: #607D8B; }
    .fc-button-primary:hover { transition-timing-function: ease-out; -webkit-transition-duration: .3s; transition-duration: .3s; background: #fff; color: #607D8B; border-color: #607D8B; }
    .fc-button-active { background: #fff !important; color: #607D8B !important; border-color: #607D8B !important; }


/**
* Generic popup
**/
    .popup {height: 100vh;background: white;padding: 0 2rem;/* padding-bottom: 5rem; */position: relative;}
    .popup__title {text-align: center;height: 70px;padding-top: 21px;margin-bottom: 0;border-bottom: 1px solid rgba(0,0,0,.1);}
    .popup__footer {/* border: red 1px solid; *//* position: absolute; *//* bottom: 1rem; *//* right: 2rem; */text-align: right;height: 50px;}
    .popup__wrapper {height: calc(100% - 120px);overflow: auto;padding: 10px;}
    .popup .alert { padding: 0.25rem 0.55rem; }

/**
* Magnific Popup
*/
    .mfp-bg {opacity: 0.4; position: fixed !important;}
    .mfp-wrap { position:fixed !important; top: 0 !important; }
    .mfp-iframe-scaler iframe  {box-shadow: 0 0 8px rgba(0,0,0,0.2);border-radius: 7px;background: rgba(0,0,0,0.1);}

/**
* Popup upload
**/
    .asset-popup { }
    .asset-popup__figure { width: 100%; text-align:center; cursor: pointer; margin-bottom: 0px;}
    .asset-popup__caption { font-size: 10px; word-wrap: break-word;}
    .asset-popup__img { max-width: 100%; max-height: 100px; }
    .asset-popup__content { margin-top: 80px;  margin-bottom: 80px; }
    .asset-popup__bottom { padding: 10px 15px; }
    .asset-popup__top { padding: 10px 15px; }
    .asset-popup__title { margin-top: 3px;}
    .asset-popup__search { float:right;}

/**
* QC
*/
    .card-qc {height: 100%;}

    .container-selector-popup{
        height: 100%;
        padding: 20%;
    }

/**
* Tags input
*/
    .bootstrap-tagsinput { padding:2px 6px; }
    .bootstrap-tagsinput .tag {margin-top: 2px; margin-bottom: 2px; display: inline-block;}
    .bootstrap-tagsinput .tag { background: #607D8B; padding: 2px 4px; border-radius: 2px; }
    .asset-popup .bootstrap-tagsinput { margin-right: 20px; max-width: 400px;}
    #upload-form .bootstrap-tagsinput { display: block; height: 35px; }
    .bootstrap-tagsinput {font-weight: 300;border-radius: 0px;outline: 0;box-shadow: none;color: #303030;font-size: 13px;min-height: 36px; padding: 4px; width: 100%; border:1px solid #f2f2f2; transition: border-color .15s ease-in-out;}
    .bootstrap-tagsinput input {font-family: inherit;color: #303030; font-size: 13px; background-clip: padding-box; font-weight: 300;}
    .bootstrap-tagsinput.focus, .selectize-tags .focus {
        border-color : rgba(204, 204, 204, .60);
        outline : 0;
        -webkit-box-shadow : none;
                box-shadow : none;
    }  

/**
* Accordion
*/
    

/**
 * Extra
 */
    .cmpg-button {
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 10px !important;
    }
    .type-campaign .swal-footer {
        display: flex;
        justify-content: center;
    }
    .type-campaign .swal-button-container {
        display: block;
    }

/**
 * Progress
 */
    .c-progress-bar {
        display: flex;
        align-items: center;
        padding: 0 3px;
        z-index: 1;
    }
    .c-progress-bar__circle {
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0 -3px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
    }
    .c-progress-bar__circle a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: inherit;
    }
    .c-progress-bar__circle:before,
    .c-progress-bar__circle:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ccc;
        z-index: -3;
    }
    .c-progress-bar__circle:after {
        background: #ffffff;
        margin-top: 2px;
        margin-left: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        z-index: -1;
    }

    .c-progress-bar__dash {
        position: relative;
        width: 60px;
        height: 20px;
        margin: 0 -3px;
    }
    .c-progress-bar__dash:before,
    .c-progress-bar__dash:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ccc;
        z-index: -3;
    }
    .c-progress-bar__dash:after {
        background: #ffffff;
        margin-top: 2px;
        margin-left: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        z-index: -2;
    }
    .c-progress-bar__circle.is-success,
    .c-progress-bar__circle.is-error {
        color: #ffffff;
    }
    .c-progress-bar__circle.is-success:after,
    .c-progress-bar__dash.is-success:after {
        background: green;
    }
    .c-progress-bar__circle.is-error:after,
    .c-progress-bar__dash.is-error:after {
        background: red;
    }
    .c-progress-bar__circle.is-processing:after,
    .c-progress-bar__dash.is-processing:after {
        background: orange;
    }

/*
* Assets directory
**/
    .asset-list__directory {
        text-align: center
    }

    .asset-list__directory span {
        margin: 20px 10%;
        width: 80%;
        font-size: 50pt;
    }

    .directory_col .card div {
        display: inline;
    }

    .directory_col .card a {
        display: inline-block;
        margin-right: 10px;
    }

    .directory_col .card .card-title {
        display: inline-block;
    }

    @media screen and (max-width: 1440px) {
        .asset-list__directory span {
            font-size: 30pt;
        }
    }

    @media screen and (max-width: 1024px) {
        .asset-list__directory span {
            font-size: 25pt;
        }
    }

    @media screen and (max-width: 720px) {
        .asset-list__directory span {
            font-size: 20pt;
        }

        .directory_col .card div {
            display: block;
        }
        
        .directory_col .card a {
            display: block;
            margin-right: 0px;
        }
    }

/**
* Repeater
*/

.repeater-item__move {
    border: 0;
    background: 0;
    position: absolute;
    right: 40px;
}
.repeater-item__move--up {
    right: 60px;
}

.repeater-item:first-of-type > .card-header > h5 > .repeater-item__move--up {
    opacity: .2;
    pointer-events: none;
}
.repeater-item:last-of-type > .card-header > h5 > .repeater-item__move--down {
    opacity: .2;
    pointer-events: none;
}

/**
* Code Mirror
*/
    .CodeMirror { border:#f2f2f2 1px solid; font-size: 10px; height: 500px;    }

/**
* Sidebar
*/
    .sidebarwrapper {  }
    .sidebarwrapper__iframe { position: fixed;top: 0;right: 0;width: 40%;max-width: 440px;height: 100vh;background: white; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); transition: all 0.5s; border-left:#f2f2f2 1px solid;z-index: 20; border: 0; transform: translateX(100%); }
    .sidebarwrapper--modules .sidebarwrapper__iframe { width: 60%; max-width: 660px;}
    .sidebarwrapper--open .sidebarwrapper__iframe { transform: translateX(0%); }
    .sidebarwrapper__background {position:fixed;background: rgba(0, 0, 0, 0.4);top: 0;left: 0;width: 100%;height: 100%;z-index: 10;display:none;} 
    .is-dragging-module .sidebarwrapper__background { display: none !important; }
    .sidebar {padding: 20px;height: 100%;display:flex;flex-direction: column; background: white;}
    .sidebar__header {text-align: center;border-bottom: #f2f2f2 1px solid;flex: 0;}
    .sidebar__content {padding: 10px 0;flex: 1;/* border: red 1px solid; */position: relative;overflow: hidden;}
    .sidebar__scrollable {height: 100%;position: relative;overflow-y: scroll; overflow-x: hidden;}
    .sidebar__footer {flex: 0;padding: 10px 0;}
    .sidebar__title {font-weight: 400;}
    .sidebar__subtitle {font-weight: lighter;margin-bottom: 0.5rem;}
    .sidebar__filter {margin: 0.5rem 0;}
    .sidebar__filter input {  }
    .sidebar-opened {overflow: hidden;}

/**
* Module box
*/
    .modbox {text-align:center;border: #f2f2f2 1px solid;border-radius: 5px;padding: 5px;margin-bottom: 10px;flex: 1;}
    .modbox[draggable] { cursor: grab; }
    .modboxwrapper { display: flex; }
    .modbox__icon {object-fit: contain;max-width: 75px;max-height: 75px;margin-bottom: 5px;}
    .modbox__title {margin: 0;font-size: 12px; display: block; font-weight: 600;color: #636363;}

    .modbox-title { font-size: 18px; font-weight: bold; display: flex; align-items: center; margin: 20px 0;}
    .modbox-title:after {content: ""; display: block; height: 1px; background: #ced4da; flex: 1; margin-left: 10px;}
    .modbox-subtitle { font-size: 16px; font-weight: bold; margin: 20px 0;}

/**
* Template modules
*/
    .templatemods {border: #f2f2f2 1px solid;min-height: 60px;background: white;transition: all 0.5s;padding: 1rem 0;}
    .templatemods--empty {border: #ddd 3px dashed; }
    .templatemods--empty:before {content:attr(data-emptymsg);width: 100%; display:block; text-align: center;  padding: 100px 20px; font-size: 30px; color:#ddd;}
    .is-dragging-module .templatemods {outline: dashed #007bff 3px; padding-bottom: 0;}
    .templatemods__item {padding: 0.5rem 1rem;margin: 0;border-top:transparent 1px solid;background: white;}
    .templatemods__item:last-child {/* padding-bottom: 1.5rem; */}
    .templatemods__move { cursor: grab;  }
    .templatemods__placeholder {display:none; border: #d3e7fd 1px solid;color: #8ebaea;background: #f9fcff;padding: 5px;font-weight: bold;margin: 0 1rem;}
    .templatemods__placeholder:last-child { margin-bottom: 1rem; }
    

/**
* Creative module form
*/
    .creativemodulelist {padding-top: 1rem;padding-bottom: 1px;}
    .creativemodulelist--empty {outline: #ddd 3px dashed; }
    .creativemodulelist--empty:before {content:attr(data-emptymsg);width: 100%; display:block; text-align: center;  padding: 100px 20px; font-size: 30px; color:#ddd;}
    .is-dragging-module .creativemodulelist {outline: dashed #007bff 3px; }

    .creativemodulecard {background: transparent;padding: 1rem 0;}
    .creativemodulecard__iframe { width: 100%; height: 300px; width: 850px;transform-origin: left;}
    .creativemodulecard__iframewrapper { width: 100%; position:relative; /*! min-width: 800px; */overflow: hidden;}
    .creativemodulecard__iframewrapper--loading:after { content: ''; position:absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.5) url(../img/loading.gif) no-repeat center center; }
    .creativemodulecard__leftcolumn {border-right: 1px solid rgba(0,0,0,.125);}
    .creativemodulelist__placeholder {border: #d3e7fd 1px solid;color: #8ebaea;background: #f9fcff;padding: 1rem;font-weight: bold;margin: 0;}
    .creativemodulelist__placeholder:last-child { margin-bottom: 1rem;  }
    .creativemodulecard__draghandler { cursor:grab; } 
    .creativemodulecard__caret { pointer-events: none; }

/**
* Creative status
*/

.creative-status { display: inline-flex; vertical-align: middle;}
.creative-status__step {width: 10px; height: 10px; border-radius: 50%; background: grey;}
.creative-status__step:not(:last-child) {margin-right: 5px;}
.creative-status__step.is-success {background: #28a745; }