/*
	KOMPASS BACKOFFICE STYLE
*/
.modal-backdrop { display: none; }

/*************************************
    COMMUN
*************************************/
html { height: 100%; }

body {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    font-family: 'Open Sans', 'Arial';
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #3f3f3f;
    background: #f6f9fb;
    overflow: hidden;
}

a,
a:not([href]):not([tabindex]) {
    text-decoration: none;
}

    a:hover,
    a:focus,
    a:not([href]):not([tabindex]):hover,
    a:not([href]):not([tabindex]):focus {
        color: inherit;
        text-decoration: none;
        outline: 0;
    }

    a.btn:not([href]):not([tabindex]) { color: #fff; }
    a.btn-default:not([href]):not([tabindex]) { color: #3f3f3f; }

b,
strong
{ font-weight: bold; }

ul, li { list-style: none; }

.backoffice-Container--FlexCol {
    display: flex;
    flex-direction: column;
}

.backoffice-Container--FlexRow {
    display: flex;
    flex-direction: row;
}

.visibilityPage-AddDomainButton {
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 50px;
}

@media(max-width: 1100px) {
    .visibilityPage-AddDomainButton {
        margin-left: 0;
        margin-right: 0;
    }
}

@media(max-width: 850px) {
    .backoffice-Container--FlexCol {
        padding-right: 0;
        padding-left: 0;
    }
}
.visibility-ScriptBlock--Margin10L {
    width: 100%;
    margin-left: 10px;
}

.red,
.flaticon .red
{ color: #de4e42; }

.visibility-ScriptDetailsList--ListStyleCircle {
    list-style: circle;
}
.green,
.flaticon .green
{ color: #3b823b; }

.gray,
.grey,
.flaticon .gray,
.flaticon .grey
{ color: #808080;}

.orange,
.flaticon .orange
{ color: #f4ad6e;}

.text-error { color: #e7312d; }
.errors { color: #de4e42; }
.errorMessage { color: #de4e42; }

.noWrap { white-space: nowrap; }

.uppercase { text-transform: uppercase; }

.d-inlineBlock { display: inline-block;}

.hide { display: none; }

#j_submit {
    font-size: 17.5px;
    padding: 11px 19px;
}

.icon .flaticon:before {
    display: inline-block;
    font-size: 10px;
}

.errorblock {
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 20px auto;
    padding: 10px 5px;
    text-align: center;
}

    .errorblock .flaticon:before {
        font-size: 20px;
        font-weight: bold;
    }

.height30 { height: 30px; }

.padT5 { padding-top: 5px; }
.padT10 { padding-top: 10px; }
.padT20 { padding-top: 20px; }
.padT40 { padding-top: 40px; }
.padT45 { padding-top: 45px; }
.padB20 { padding-bottom: 20px; }
.padB40 { padding-bottom: 40px; }
.padL15 { padding-left: 15px; }
.padL40 { padding-left: 40px; }
.padR10 { padding-right: 10px; }
.padR15 { padding-right: 15px; }

.margT5 { margin-top: 5px; }
.margT10 { margin-top: 10px; }
.margT15 { margin-top: 15px; }
.margT20 { margin-top: 20px; }
.margT30 { margin-top: 30px; }
.margT40 { margin-top: 40px; }
.margB5 { margin-bottom: 5px; }
.margB10 { margin-bottom: 10px; }
.margB20 { margin-bottom: 20px; }
.margB23 { margin-bottom: 23px; }
.margB35 { margin-bottom: 35px; }
.margB40 { margin-bottom: 40px; }
.margL10 { margin-left: 10px; }
.margL20 { margin-left: 20px; }
.margL30 { margin-left: 30px; }
.margL40 { margin-left: 40px; }
.margL50 { margin-left: 50px; }
.margR50 { margin-right: 50px; }
.margL60 { margin-left: 60px; }
.margL400 { margin-left: 400px; }
.margR20 { margin-right: 20px; }
.margR10 { margin-right: 10px; }

.noPadB { padding-bottom: 0; }
.noMargT { margin-top: 0; }
.noMargB { margin-bottom: 0; }
.noMargL { margin-left: 0; }
.noMarg { margin: 0; }

.blockBTNgeneral {max-width: 890px; }
.blocInline { display: inline-block; }

.blockAlert {
    border: 1px solid #de4e42;
    padding: 20px 0;
    margin: 20px 0 0;
}

    .blockAlert .margT40 { margin-top: 0; }

main {
    flex: 1 1 auto;
    z-index: 0;
}

/*TOOLTIP*/
.tooltipCircle {
    display: inline-block;
    width: 14px;
    height: 14px;
    color: #3aaad6;
    cursor: pointer;
}
.rowSubscrib .tooltipCircle {
    position: relative;
    top: initial;
    margin: 8px 0 0 0;
}

.tooltip {
    font-weight: normal;
    text-transform: none;
    pointer-events: none;
}

    .tooltip-icon {
        position: absolute;
        display: inline-block;
        color: #8fd0ea;
        margin: -5px 0 0 5px;
        cursor: pointer;
    }

        .rowSubscrib .tooltip-icon {
            position: relative;
            top: 0;
            font-weight: bold;
            color: #3aaad6;
            margin: 0;
            cursor: pointer;
        }

    .tooltip-inner {
        max-width: 300px;
        font-size: 12px;
        color: #000;
        background-color: #f6f9fb;
        border: 1px solid #182023;
    }

        #subscriptionsPage .tooltip-inner { width: 300px; }

                @media (min-width: 740px) {
                    #subscriptionsPage .tooltip-inner {
                        max-width: 500px;
                        width: 500px;
                    }
                }

        #subscriptionsPage .tooltip-inner img { max-width: 100%; }
        
/*GRAYBOX*/
#grayBox {
    width: 100%;
    height: 100%;
    background: none;
    border: 0px!important;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15000000;
}

    #grayBox:before {
        position: fixed;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(255,255,255,.3);
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 14999999;
    }

    #grayBox:after {
        position: fixed;
        width: 115px;
        height: 115px;
        content: '';
        background: url("../img/spinner.gif") no-repeat transparent;
        background-size: 115px 115px;
        border: 0px!important;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 15000000;
    }

/*ALERTS*/
.alert.alert-block {
    display: none;
    opacity: 1;
}

    .alert-success {
        color: #62b29f;
        background: #c9efe6;
        border-color:  #62b29f;
    }

    .alert-error {
        color: #de4e42;
        background: #f9c8c2;
        border-color:  #de4e42;
    }

    .alert .close,
    .alert .close:not(:disabled):not(.disabled):focus,
    .alert .close:not(:disabled):not(.disabled):hover {
        color: #9a9a9a;
        text-shadow: none;
        opacity: 1;
        outline: 0;
    }

        .alert .close:hover,
        .alert .close:focus {
            color: #3f3f3f;
            outline: 0;
        }

/*INFO MESSAGE*/
.information_message {
    position: relative;
    color: #3f3f3f;
    background: #f2f2f2;
    border: 1px solid #dadada;
    border-radius: 6px;
    padding: 10px;
    margin: 0 0 20px 0;
}

        .information_message.positive {
            color: #62b29f;
            background: #c9efe6;
            border-color:  #62b29f;
        }

        .information_message.negative {
            color: #de4e42;
            background: #f9c8c2;
            border-color:  #de4e42;
        }

    .information_message p { margin: 0; }

/* CK editor*/
div[role="dialog"] table.cke_dialog {
    max-width: 500px;
}

    div[role="dialog"] .cke_dialog_tabs {
        position: relative;
        padding: 10px 10px 0;
        margin: 0;
        left: 1px;
    }

    div[role="dialog"] .cke_dialog_tabs + table[role="presentation"] {
        position: relative;
        margin: 0;
        background: none;
    }

    div[role="dialog"] .cke_dialog_ui_input_select { margin-top: 0; }

    div[role="dialog"] .cke_dialog_footer_buttons {
        width: auto;
        background: transparent;
        margin: 0;
    }

        div[role="dialog"] .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
        div[role="dialog"] .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child,
        div[role="dialog"] .cke_dialog_footer_buttons .cke_dialog_ui_hbox_last
        {
            text-align: right;
            vertical-align: middle;
            padding: 5px;
        }

            div[role="dialog"] .cke_dialog_ui_button,
            div[role="dialog"] .cke_dialog_ui_button:hover
            div[role="dialog"] .cke_dialog_ui_button:focus,
            div[role="dialog"] .cke_dialog_ui_button:active,
            div[role="dialog"] .cke_dialog_ui_button span {
                background: none;
                border: none;
                padding: 0;
            }

            div[role="dialog"] a.cke_dialog_ui_button,
            div[role="dialog"] a.cke_dialog_ui_button:hover
            div[role="dialog"] a.cke_dialog_ui_button:focus,
            div[role="dialog"] a.cke_dialog_ui_button:active {
                position: relative;
                display: inline-block;
                font-size: 13px;
                text-shadow: none;
                background: #fff;
                border: 1px solid #dadada;
                border-radius: 50px;
                box-shadow: none;
                padding: 8px 20px;
                transition: color 100ms ease-out 0s, border 500ms ease-out 0s, background 500ms ease-out 0s;
            }

            div[role="dialog"] a.cke_dialog_ui_button_ok {
                color: #fff;
                background: #62b29f;
                border-color: #62b29f;
            }

                div[role="dialog"] a.cke_dialog_ui_button_ok:hover,
                div[role="dialog"] a.cke_dialog_ui_button_ok:focus,
                div[role="dialog"] a.cke_dialog_ui_button_ok:active {
                    background: #579c8c;
                    border-color: #579c8c;
                }

                div[role="dialog"] .cke_dialog_footer_buttons a.cke_dialog_ui_button span { padding: 0; }

                div[role="dialog"] .cke_dialog .cke_resizer { margin-top: 30px; }


/*BUTTON*/
.btn {
    position: relative;
    display: inline-block;
    font-size: 13px;
    text-shadow: none;
    border-radius: 50px;
    box-shadow: none;
    padding: 8px 20px;
    transition: color 100ms ease-out 0s, border 500ms ease-out 0s, background 500ms ease-out 0s;
}

        table .btn { white-space: nowrap; }

        .btn.focus,
        .btn:focus {
            outline: none;
            box-shadow: none;
        }

    .btn.btn-primary,
    .btn.btn-info {
        background: #3aaad6;
        border-color: #3aaad6;
    }

        .btn.btn-primary:active,
        .btn.btn-primary:hover,
        .btn.btn-primary:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-primary.dropdown-toggle:focus,
        .btn.btn-info:active,
        .btn.btn-info:hover,
        .btn.btn-info:focus,
        .btn-info:not(:disabled):not(.disabled).active:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-info.dropdown-toggle:focus,
        .btn.btn-cancel:active,
        .btn.btn-cancel:hover,
        .btn.btn-cancel:focus {
            color: #fff;
            background: #1177d4;
            border-color: #1177d4;
            box-shadow: none;
        }

            .btn.btn-cancel:active,
            .btn.btn-cancel:hover,
            .btn.btn-cancel:focus{
                color: #fff;
            }

    .btn.btn-default {
        background: #fff;
        border-color: #dadada;
    }

        .btn.btn-default:active,
        .btn.btn-default:hover,
        .btn.btn-default:focus,
        .btn-default:not(:disabled):not(.disabled).active:focus,
        .btn-default:not(:disabled):not(.disabled):active:focus,
        .show > .btn-default.dropdown-toggle:focus {
            background: #f2f2f2;
            border-color: #dadada;
            box-shadow: none;
        }

    .btn.btn-danger {
        background: #f67466;
        border-color: #f67466;
    }

        .btn.btn-danger:active,
        .btn.btn-danger:hover,
        .btn.btn-danger:focus,
        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            color: #fff;
            background: #dc695b;
            border-color: #dc695b;
            box-shadow: none;
        }

    .btn.btn-warning {
        color: #fff;
        background: #fdb962;
        border-color: #fdb962;
        text-shadow: none;
    }

        .btn.btn-warning:active,
        .btn.btn-warning:hover,
        .btn.btn-warning:focus,
        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            color: #fff;
            background: #eaac5d;
            border-color: #eaac5d;
            box-shadow: none;
        }

    .btn.btn-success {
        background: #62b29f;
        border-color: #62b29f;
        text-shadow: none;
    }

        .btn.btn-success:active,
        .btn.btn-success:hover,
        .btn.btn-success:focus,
        .btn-success:not(:disabled):not(.disabled).active:focus,
        .btn-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            color: #fff;
            background: #579c8c;
            border-color: #579c8c;
            box-shadow: none;
        }

    .btn.btn-export.dropdown-toggle {
        color: #fff;
        background: #8a648e;
        border-color: #8a648e;
        text-shadow: none;
    }
    .btn.btn-export {
        color: #fff;
        background: #8a648e;
        border-color: #8a648e;
        text-shadow: none;
    }

        .btn.btn-export:active,
        .btn.btn-export:hover,
        .btn.btn-export:focus {
            color: #fff;
            background: #6b486f;
            border-color: #6b486f;
            box-shadow: none;
        }

    .btnLink {
        color: #3aaad6;
        background: none;
        border: none;
    }

        .btnLink:active,
        .btnLink:hover,
        .btnLink:focus {
            color: #3aaad6;
            text-decoration: underline;
            background: none;
            border: none;
            box-shadow: none;
        }

    .btn.btnNoWrap { white-space: nowrap; }

/*bootstrap select*/
    .btn.selectpicker { position:  relative; }

        .btn.dropdown-toggle {
            background: #fff;
            border: 1px solid #dadada;
            padding: 10px 20px;
        }

            .btn.dropdown-toggle .filter-option {
                position: relative;
                top: auto;
                left: auto;
                padding: 0;
                height: auto;
            }

                .bootstrap-select .btn.dropdown-toggle:before { display: none; }

        .btn.dropdown-toggle:after {  border-width: 5px 5px 0 5px; }

    .bootstrap-select .dropdown-menu {
        font-size: 13px;
        color: #3f3f3f;
        border-color: #dadada;
        border-radius: 6px;
        padding: .5rem 0;
        margin: .125rem 0 0;
    }

        .bootstrap-select .dropdown-menu li { padding: 7px 5px; }

/*TABLE*/
table:not(.no-css),
.table:not(.no-css) {
    width: 100%;
    max-width: 100%;
    color: inherit;
    background: #fff;
    margin: 0;
}

    .table thead th,
    .table tbody th,
    .table tbody td {
        position: relative;
        vertical-align: middle;
        border: solid #dadada;
        border-width: 0 0 1px 0;
        padding: 10px;
    }

        .table thead th {
            white-space: nowrap;
            padding: 8px 10px;
            vertical-align: center;
        }

                .creditHistoryTable .table thead th { white-space: wrap; }

            .table tbody tr:hover > td { background-color: #f3fbff; }

            .table tbody tr:nth-child(odd){ background: #f9f9f9; }

            .table tbody tr:last-child th,
            .table tbody tr:last-child td
            { border-bottom: none; }

            .table tbody .noWrap { white-space: normal; }

                @media ( min-width: 1300px ) {
                    .table tbody .td2lines.noWrap { white-space: initial; }
                }

            .table tbody td .btn { padding: 5px 10px; }

            .table tbody td .tooltip {  white-space: normal;  }

                .table tbody td .tooltip-icon {
                    position: relative;
                    margin-left: -2px;
                    white-space: normal;
                }

/*DATAPICKER*/
.datepicker thead th,
.datepicker tbody td {
    font-size: 13px;
    border-radius: 50px;
}

    .datepicker thead th .flaticon:before { font-size: 11px; }

    .datepicker td.old,
    .datepicker td.new
    { color: #888; }

    .datepicker td.day:hover { box-shadow: none; }

    .datepicker td.active:hover,
    .datepicker td.active:hover:hover,
    .datepicker td.active:focus,
    .datepicker td.active:hover:focus,
    .datepicker td.active:active,
    .datepicker td.active:hover:active,
    .datepicker td.active.active,
    .datepicker td.active:hover.active,
    .datepicker td.active.disabled,
    .datepicker td.active:hover.disabled,
    .datepicker td.active[disabled],
    .datepicker td.active:hover[disabled]
    { background-color: #3aaad6; }

/*FORM ITEMS*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    width: 100%;
    height: 30px;
    font-size: 13px;
    color: #555;
    background: #fff;
    border: 1px solid #dadada;
    padding: 0 6px;
    margin-bottom: 0;
    outline: 0;
}

    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: #3aaad6;
        outline: 0;
        outline: thin dotted \9;
    }

    a[disabled],
    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly] {
        background: #ececec;
        opacity: 0.8;
    }

    .input-append,
    .input-prepend {
        white-space: nowrap;
        display: flex;
    }

        .input-append .addInput { flex: 1 1 auto; }

        .input-append .add-on,
        .input-prepend .add-on {
            flex: 0 1 auto;
            color: #fff;
            text-shadow: none;
            background: #3aaad6;
            margin-bottom: 0;
        }

            .input-append.date .add-on i,
            .input-prepend.date .add-on i {
                display: block;
                width: 30px;
                height: 30px;
                text-align: center;
                padding: 3px 0;
                margin: 0;
            }

                .input-append.date .add-on i:before,
                .input-prepend.date .add-on i:before
                { font-size: 15px;}

    .bootstrap-filestyle .form-control { display: none; }

    select[multiple], select[size] { height: auto; }

        table select {
            width: auto;
            max-width: 220px;
            line-height: initial;
            margin: 0;
        }

        table textarea:focus,
        table input[type="text"],
        table input[type="text"],
        table input[type="password"],
        table input[type="datetime"],
        table input[type="datetime-local"],
        table input[type="date"],
        table input[type="month"],
        table input[type="time"],
        table input[type="week"],
        table input[type="number"],
        table input[type="email"],
        table input[type="url"],
        table input[type="search"],
        table input[type="tel"],
        table input[type="color"],
        table .uneditable-input
        { margin: 0; }

label { font-size: 13px; }
.table label { margin: 0; }
.labelBold { font-weight: bold; }
.contentCmsSeoCrossedContainer .active { background-color: #93D7FF; }

/************************
    PAGE DE CONNEXION
************************/
#containerLogin {
    width: 100%;
    height: 100%;
}

    #containerLogin .form-signin {
        position: fixed;
        width: 350px;
        height: 325px;
        padding: 19px 29px 0;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        #containerLogin .form-signin img {
            display: block;
            margin: 0 auto;
        }

        #containerLogin .form-signin h2 {
            font-size: 20px;
            font-weight: 300;
            border-top: 1px solid #dadada;
            padding: 30px 0 0;
            margin: 20px 0 5px;
        }

        #containerLogin .form-signin input[type="text"],
        #containerLogin .form-signin input[type="password"] {
            font-size: 15px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }

        #containerLogin .form-signin .checkbox { margin-bottom: 10px; }

    #containerLogin .form-signin .btn.btn-primary { width: 100%; }

    #containerLogin .version {
        position: relative;
        font-size: 12px;
        color: #777;
        text-align: center;
        bottom: -20px;
    }

    #containerLogin .form_field_error-message {
        color: #de4e42;
        font-size: 12px;
    }

    #containerLogin .skip {
        position: absolute;
        top: -30000px;
        left: -30000px;
    }

/***************************************
    MODAL
****************************************/

        .modal-open .modal:before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            border: 0;
            background: rgba(0,0,0,0.3);
            display: block;
            width: 100%;
            height: 100%;
        }

    .modal .modal-header .close {
        position: absolute;
        right: 20px;
    }

    .modal form {
        padding: 0;
        margin: 0;
    }

    #errorDialog .modal-dialog,
    #noErrorDialog .modal-dialog
    {
        max-width: initial;
        align-items: center;
        justify-content: center;
        margin: 60px 0 40px;
        max-height: calc(100% - 100px);
        overflow: hidden;
    }

        #errorDialog .modal-dialog .modal-content,
        #noErrorDialog .modal-dialog .modal-content
        {
            max-width: 90%;
            width: auto;
            min-width: 500px;
            max-height: calc(100vh - 60px);
            overflow: auto;
        }

/***************************************
    HEADER
****************************************/
header {
    position: sticky;
    flex: 0 1 auto;
    background: #fff;
    border-bottom: 1px solid #dadada;
    top: 0;
    z-index: 1;
}

    header .boRow {
        flex-flow: row nowrap;
        height: 54px;
        align-items: center;
    }

        header .boLogo {
            flex: 0 1 auto;
            align-self: auto;
            width: 75px;
            min-height: 45px;
        }

        header .boTitle {
            flex: 1 1 auto;
            align-self: auto;
            white-space: nowrap;
            padding-left: 5px;
        }

            /*menu burger*/
            header .boTitle #littleNav { cursor: pointer; }

                header .boTitle #littleNav:before { font-size: 14px; }

            header .boTitle h1 {
                display: inline-block;
                font-size: 25px;
                font-weight: 300;
                text-transform: uppercase;
                vertical-align: middle;
                padding: 0 0 0 20px;
                margin: 0;
            }

        header .boLogout {
            flex: 0 1 auto;
            align-self: auto;
            width: 150px;
            font-size: 14px;
            color: #555;
            text-align: right;
            margin: 0;
        }

            header .boLogout .btn-link {
                flex: 0 1 auto;
                font-size: 14px;
                color: #555;
                white-space: nowrap;
                background: none;
                border: none;
                margin: 15px 0;
            }

                    header .boLogout .btn-link:hover {
                        color: #3aaad6;
                        text-decoration: none;
                    }

                header .boLogout .btn-link i:before { font-size: 18px; }

                    @media (min-width: 576px) {
                        header .boLogout .btn-link i:before { font-size: 14px; }
                    }

/*************************************
    NAVIGATION LEFT
*************************************/
.navLeft {
    position: sticky;
    flex: 0 1 auto;
    width: 245px;
    height: calc(100vh + -50px);
    background: #222d32;
    padding: 0 0 20px;
    overflow-y: auto;
    transition: all 400ms ease;
    z-index: 1;
}

        .navLeft.littleSidebar { width: 48px; }

    .navLeft ul { padding: 0; }

    .navLeft #myTab {
        display: block;
        width: 100%;
        border: none;
    }

        .navLeft .nav-tabs .menu_group {
            display: block;
            font-size: 12px;
            font-weight: 600;
            color: #8fd0ea;
            text-transform: uppercase;
            background: #182023;
            border: none;
            padding: 13px 10px;
            cursor: default;
            transition: all 0.5s ease;
        }

                .navLeft .nav-tabs.little .menu_group { display: none; }

            .navLeft .nav-tabs li a {
                display: block;
                font-size: 13px;
                color: #b8c7ce;
                border: none;
                padding: 8px 8px 8px 60px;
                cursor: pointer;
            }

                    .navLeft .nav-tabs .collapse li a { padding: 8px 8px 8px 40px; }
                    .navLeft .nav-tabs > li > a { padding: 10px 15px 10px 30px; }
                    .navLeft .nav-tabs.little li a { padding: 10px 15px; }

                .navLeft .nav-tabs li a:hover { text-decoration: none; }

                        .navLeft .nav-tabs li a:hover,
                        .navLeft .nav-tabs li a:focus,
                        .navLeft .nav-tabs li.active a {
                            background: #35454c;
                            border: none;
                            color: #fff;
                        }

                    .navLeft .nav-tabs li a .flaticon:before {
                        font-size: 14px;
                        margin-right: 5px;
                    }

                        .navLeft.littleSidebar .nav-tabs li a .flaticon:before { margin-right: 0; }

                    .navLeft .nav-tabs li a .pictoRotate {
                        float: right;
                        margin: 0 5px 0 0;
                    }

                            .navLeft .nav-tabs li a .pictoRotate:before {
                                display: inline-block;
                                font-size: 8px;
                                margin: 0;
                                transform: rotate(90deg);
                                transition: all ease 0.5s;
                            }

                            .navLeft .nav-tabs li .collapsed .pictoRotate:before { transform: rotate(0); }

                .navLeft .nav-tabs .collapse { transition: all 0.35s ease; }

                    .navLeft .nav-tabs .collapse li a {
                        padding: 8px 8px 8px 40px;
                        text-transform: none;
                    }

                        .navLeft .nav-tabs .collapse .sousnav a { padding: 8px 8px 8px 60px; }

                            .navLeft.littleSidebar .nav-tabs .sousnav a {
                                font-size: 12px;
                                line-height: 12px;
                                padding: 8px;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }

                        .navLeft li a span {
                            transition: all 300ms ease;
                            opacity: 1;
                        }

                                .navLeft.littleSidebar li a span {
                                    opacity: 0;
                                    font-size: 0px;
                                    line-height: 0;
                                }

                            .navLeft.littleSidebar .nav-tabs li a i { transition: all 500ms ease; }

/*************************************
    INTER NAVIGATION
*************************************/
.blockNav {
    display: flex;
    width: 100%;
    border: none;
    margin: 0 0 20px;
    overflow: auto;
}

    .nav-tabsSecond {
        display: table;
        width: 100%;
        white-space: nowrap;
        border: none;
    }

        .nav-tabsSecond li {
            display: table-cell;
            background: #fff;
            border: none;
            border-top: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
        }

                    .nav-tabsSecond > li:first-child  { border-left: 1px solid #dadada; }
                    .nav-tabsSecond > li:last-child  { border-right: 1px solid #dadada; }

                .nav-tabsSecond li.active {
                    background: none;
                    border-bottom: none;
                }

            .nav-tabsSecond > li > a {
                display: block;
                font-size: 12px;
                color: #888;
                text-align: center;
                line-height: normal;
                background: none;
                border: solid transparent;
                border-width: 3px 0 0;
                padding: 10px 8px 8px;
                margin: 0;
            }

                        .nav-tabsSecond > li > .disabled {
                            opacity: .5;
                            cursor: default;
                        }

                    .nav-tabsSecond#TabReports > li > a { padding: 10px 30px 8px; }
                    .nav-tabsSecond#TabOrders > li > a { padding: 10px 30px 8px; }

                    .nav-tabsSecond > li > a:hover,
                    .nav-tabsSecond > li > a:focus,
                    .nav-tabsSecond > li.active > a,
                    .nav-tabsSecond > li.active > a:hover,
                    .nav-tabsSecond > li.active > a:focus {
                        background: none;
                        border: solid #dadada;
                        border-top: solid #f67466;
                        border-bottom: none;
                        border-width: 3px 0 0;
                        margin: 0;
                    }

                                .nav-tabsSecond > li > .disabled:hover,
                                .nav-tabsSecond > li > .disabled:focus {
                                    background: none;
                                    border-top: 3px solid transparent;
                                }

                            .nav-tabsSecond > li.active > a,
                            .nav-tabsSecond > li.active > a:hover,
                            .nav-tabsSecond > li.active > a:focus
                            { border-width: 3px 1px 0 1px; }

                .nav-tabsSecond > li a:focus span,
                .nav-tabsSecond > li a:hover span,
                .nav-tabsSecond > li.active a span,
                .nav-tabsSecond > li.active a:focus span,
                .nav-tabsSecond > li.active a:hover span
                { color: #f67466 }

                    .nav-tabsSecond > li .disabled:focus span,
                    .nav-tabsSecond > li .disabled:hover span
                    { color: inherit }

                .nav-tabsSecond > li.active:first-child a,
                .nav-tabsSecond > li.active:first-child a:focus,
                .nav-tabsSecond > li.active:first-child a:hover
                { border-left: none; }

                    .nav-tabsSecond > li.active:last-child a,
                    .nav-tabsSecond > li.active:last-child a:focus
                    .nav-tabsSecond > li.active:last-child a:hover
                    { border-right: none; }

                .nav-tabsSecond li a .flaticon {
                    display: block;
                    width: auto;
                    margin-bottom: 5px;
                }

                        .nav-tabsSecond li .disabled .flaticon { cursor: default }

                    .nav-tabsSecond li a .flaticon:before { font-size: 18px; }


                .nav-tabsSecond li a span { display: block }

.blockNav2 {
    display: flex;
    width: 100%;
    border: solid #dadada;
    border-width: 0 0 1px;
    margin: 0 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
}

    .nav-tabsThreeth {
        display: table;
        white-space: nowrap;
        border: none;
    }

        .nav-tabsThreeth li {
            position: relative;
            display: table-cell;
        }

            .nav-tabsThreeth > li > a {
                position: relative;
                display: block;
                color: #888;
                padding: 8px 15px;
                margin: 0;
            }

                .nav-tabsThreeth > li > a:hover,
                .nav-tabsThreeth > li > a:focus {
                    color: #f67466;
                    background: none;
                    border-color: transparent;
                }

                    .nav-tabsThreeth > li.active > a,
                    .nav-tabsThreeth > li.active > a:hover,
                    .nav-tabsThreeth > li.active > a:focus {
                        color: #f67466;
                        background: none;
                        border-color: transparent;
                    }

                        .nav-tabsThreeth > li.active > a:before,
                        .nav-tabsThreeth > li.active > a:hover:before,
                        .nav-tabsThreeth > li.active > a:focus:before {
                            position: absolute;
                            display: block;
                            content: '';
                            width: 100%;
                            height: 3px;
                            background: #f67466;
                            bottom: -1px;
                            left: 0;
                        }

/*************************************
    ARROW TOP
*************************************/
#backtotop {
    position: fixed;
    width: 40px;
    height: 40px;
    display: none;
    text-align: center;
    line-height: 36px;
    background: #fff;
    border-radius: 100px;
    padding: 0;
    right: 2%;
    bottom: 2%;
    z-index: 100;
    cursor: pointer;
}

    #backtotop .flaticon:before {
        color: #49afcd;
        font-size: 22px;
    }

/*************************************
    CÔTE DROIT COMMUN
*************************************/
.bowrapper {
    flex: 1 1 auto;
    width: 55px;
    height: calc(100vh + -50px);
    padding: 20px 15px 0;
    overflow: auto;
}

          @media (min-width: 1024px) {
              .bowrapper { padding: 20px 55px 0px; }
          }

        .bowrapper.large {
            -webkit-transition: all 300ms ease 150ms;
            -moz-transition: all 300ms ease 150ms;
            transition: all 300ms ease 150ms;
        }

    .bowrapper h2 {
        font-size: 20px;
        font-weight: 300;
        color: #3f3f3f;
        margin: 10px 0 30px;
    }

    .bowrapper h3 {
        display: inline-block;
        position: relative;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0;
    }

        .bowrapper .h3MT20 { margin-top: 20px; }
        .bowrapper .h3MB10 { margin-bottom: 10px; }

    #downloadStats.export-buttons-panel { margin-bottom: 10px; }
    .bowrapper .export-buttons-panel { margin-bottom: 10px; }

          @media (min-width: 1024px) {
              .bowrapper .export-buttons-panel { margin: 0; }
              .bowrapper .export-lead-buttons-panel { margin-bottom: 10px; }
          }

    /* BTN EDIT and SAVE */
    .bowrapper .editLink,
    .bowrapper .deleteLink,
    .bowrapper .saveLink,
    .bowrapper .cancelLink {
        float: right;
        font-weight: normal;
        color: #fff;
        vertical-align: middle;
        padding: 2px 17px;
        margin-right: 5px;
        cursor: pointer;
    }

    .bowrapper .saveLink,
    .bowrapper .cancelLink {
        margin-bottom: 10px;
    }

    .bowrapper .editError {
        float: right;
        font-weight: normal;
        color: #ff0000;
        vertical-align: middle;
        padding: 2px 17px;
        margin-left: 10px;
        cursor: pointer;
    }

    /* RETURN LINK */
    #blockBack { padding-bottom: 10px; }

        #blockBack a { color: #3f3f3f; }

            #blockBack a .flaticon { margin-right: 10px; }

                #blockBack a .flaticon:before { font-size: 11px; }

    /* CARD BLOCK */
    .bowrapper .card {
        background: #fff;
        border: 1px solid #dadada;
        border-radius: 5px;
        padding: 15px 20px;
        margin-bottom: 20px;
    }

        .bowrapper .card-head {
            position: relative;
            background: none;
            padding: 0 15px;
            margin-bottom: 0;
        }


            .bowrapper .card-head .flaticon {
                position: absolute;
                font-weight: normal;
                top: -2px;
                right: 15px;
                cursor: pointer;
            }

        .bowrapper .card-text.panel-content { margin: 20px 15px 0; }

                .bowrapper .card .into-panel-field { padding-bottom: 10px; }
                .bowrapper .card .into-panel-field:last-child { padding-bottom: 0; }

                .bowrapper .card.notification-panel .info-panel { min-height: 300px; }

                        .bowrapper .card .info-panel .edit-field,
                        .bowrapper .card .info-panel .card-text .edit-button,
                        .bowrapper .card .action-edit .card-head .edit-button,
                        .bowrapper .card .action-edit .card-head:not(.no-edit) .view,
                        .bowrapper .card .action-edit .free-text-field .view
                        { display: none; }

                        .bowrapper .card .action-edit .card-text .into-panel-field .edit-field,
                        .bowrapper .card .action-edit .card-head:not(.no-edit) .edit-field,
                        .bowrapper .card .action-edit .card-text .into-panel-field:not(.no-edit) .edit-button
                        { display: inline-block; }

                        .bowrapper .card address { margin-bottom: 0; }
                        .bowrapper .card .action-edit address.view { display: block; }

                        .bowrapper .card .edit-input {

                            width: 100%;
                            color: #ababab;
                            border-width: 0 0 1px 0;

                        }

                        .bowrapper .card .file-field .editAddressBook {
                            display: flex;
                            flex-flow: row nowrap;
                            align-items: flex-start;
                            padding: 20px 0;
                        }

                            .bowrapper .card .file-field .image-part {
                                flex: 0 1 auto;
                                display: inline-block;
                                width: 100px;
                                height: 100px;
                                vertical-align: top;
                            }

                                    .info-panel .image-part img { width: 100%; }

                                .bowrapper .card .file-field .image-part img { display: none; }

                            .bowrapper .card .file-field .button-part {
                                flex: 1 1 auto;
                                display: inline-block;
                                vertical-align: top;
                                margin-left: 20px;
                            }

                                    .bowrapper .card .file-field .btn-cancel  {
                                        color: #3aaad6;
                                        background-color: #fff;
                                        border-color: #3aaad6;
                                    }

                                    .bowrapper .card .file-field .button-upload {
                                        padding: 3px 60px;
                                    }

                                    .bowrapper .card .file-field .button-title,
                                    .bowrapper .card .file-field .button-upload {
                                        margin-bottom: 10px;
                                    }

                                    .bowrapper .card .file-field .button-title,
                                    .bowrapper .card .file-field .button-info
                                    { margin-left: 10px; }

                        .bowrapper .card .info-panel .button-panel {
                            display: none;
                            margin: 10px 15px 0;
                        }

                            .bowrapper .card .action-edit .button-panel { display: block; }

    /* PAGINATION */
    .pagination {
        flex-flow: row wrap;
        margin: 20px 0;
    }

        .pagination .linkTotal { padding: 5px 10px; }

        .pagination .page-item {
            display: inline-block;
            font-size: 12px;
        }

            .page-link {
                display: inline-block;
                min-width: 30px;
                height: 30px;
                color: #3aaad6;
                text-align: center;
                line-height: 28px;
                background-color: #fff;
                border: 1px solid #dadada;
                padding: 0;
            }

                    .page-item:last-child .page-link {
                        border-top-right-radius: 4px;
                        border-bottom-right-radius: 4px;
                    }

                    .page-link:hover {
                        color: #3aaad6;
                        background-color: #e9ecef;
                        border-color: #3aaad6;
                    }

                    .pagination .page-link:focus { box-shadow: none; }


                        .page-item .page-link.active {
                            color: #fff;
                            background-color: #3aaad6;
                            border-color: #3aaad6;
                        }

                        .page-item.disabled .page-link {
                            color: #aaa;
                            background-color: #fff;
                            border-color: #dadada;
                        }

                .pagination .page-link .flaticon:before { font-size: 12px; }

    /* number page*/
    .bowrapper .page-selector-text {
        text-align: right;
        margin-bottom: 10px;
    }

        .bowrapper .page-selector {
            display: inline-block;
            width: auto;
        }
            .bowrapper .page-selector select {
                width: auto;
                max-width: 100%;
            }

    /* WHITE CONTAINER*/
    .containerWhiteNoBorder {
        position: relative;
        background: #fff;
        border-radius: 5px;
        padding: 15px 30px;
        margin-bottom: 20px;
    }
        .containerWhiteNoBorder .borderBottom {
            border-bottom: 1px dashed #dadada;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }
    .containerWhite {
        position: relative;
        background: #fff;
        border: 1px solid #dadada;
        border-radius: 5px;
        padding: 15px 30px;
        margin-bottom: 20px;
    }

            .containerWhite.margB40 { margin-bottom: 40px; }

        .containerWhite .borderBottom {
            border-bottom: 1px dashed #dadada;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

                .containerWhite .borderBottom:last-child,
                .containerWhite .borderNone {
                    border: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

                .containerWhite .borderBottom.ip_tracking {
                    border: none;
                    padding-bottom: 0;
                }

            .containerWhite .fieldTitle {
                display: inline-block;
                font-weight: bold;
            }

                    @media (min-width: 992px) {
                        .containerWhite .fieldTitle, .containerWhite .fieldLink { margin-left: 50px; }
                        .change-container .containerWhite .fieldTitle, .containerWhite .fieldTitle.noMargL { margin-left: 0; }
                    }

            .containerWhite .fieldValue {
                display: block;
                padding-top: 10px;
            }

                    @media (min-width: 992px) {
                        .containerWhite .fieldValue { padding-top: 0; }
                    }

                .containerWhite input.fieldValue,
                .containerWhite textarea.fieldValue,
                .containerWhite select.fieldValue {
                    display: inline-block;
                    padding-top: 0;
                }

                    @media (min-width: 992px) {
                        .containerWhite input.fieldValue,
                        .containerWhite textarea.fieldValue,
                        .containerWhite select.fieldValue
                        { width: 300px; }

                        .containerWhite select.fieldMediumValue
                        { width: 180px; }

                        .containerWhite textarea.fieldValue.areaBig { width: 100%; }
                    }

                .containerWhite .fieldValue + .infoCss { margin-left: 10px; vertical-align: top; }
                .containerWhite .fieldValue .editableValue input { width:70% }
                .containerWhite .fieldValue .editableValue:last-child input { margin: 0; }

                    @media (min-width: 992px) {
                        .containerWhite .fieldValue .editableValue .inputEdit {
                            width: 40%;
                            height: 25px;
                            margin: 0;
                        }
                    }

    /* COMPANY PANEL*/
    .companyPanel {
        display: inline-block;
        background: #e8f1ff;
        border: 1px solid #8fd0ea;
        border-radius: 50px;
        padding: 10px 0;
        margin: 10px 0 30px 0;
    }

        .companyPanel .companyPanelChild {
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
            padding: 0 25px;
        }

            .companyPanel .companyPanelTitle {
                display: inline-block;
                font-weight: 600;
                color: #3f3f3f;
                margin: 0;
            }

            .companyPanel .companyPanelText {
                display: inline-block;
                color: #888;
                margin: 0;
            }

                .companyPanel .companyPanelText.commercial-status {
                    min-width: auto;
                    height: auto;
                    line-height: 20px;
                    background: none;
                    border: none;
                    padding: 0;
                    margin: 0;
                }

                .companyPanel .commercial-status-icon,
                .companyPanel .commercial-status-icon{
                    font-size: 31.5px;
                    font-family: inherit;
                    font-weight: bold;
                    margin: 5px 10px;
                }

    .companyPanelLoupe {
        display: inline-block;
        padding: 10px;
        vertical-align: middle;
    }

/*********************************************
    PENDING PAGE
*********************************************/
#pendingPage {padding-bottom: 55px;}

    #pendingPage #pendings {
        width: 100%;
        overflow: auto;
    }

    #pendingPage table .thKid { width: 90px; }
    #pendingPage table .thDate { width: 80px; }
    #pendingPage table .thPreviousDate { width: 170px; }
    #pendingPage table .thStatus { width: 175px; }
    #pendingPage table .thStatusClient { width: 113px; }

/*********************************************
    UPDATE COMPANY PAGE
*********************************************/
#updateCompanyPage {padding-bottom: 55px;}

        #updateCompanyPage .addField { color: #3aaad6; }
        #updateCompanyPage .modifiedField { color: #3b823b; }

        #updateCompanyPage .removedField {
            color: #bf1134;
            text-decoration: line-through;
        }

    #updateCompanyPage #updateField {
        position: relative;
        text-align: right;
    }

        #updateCompanyPage #updateField i { margin: 0 5px 0 7px; }

        #updateCompanyPage #lang-update-form {
            position: relative;
            display: inline-block;
            margin-left: 10px;
            margin-bottom: 0;
        }

        #newCompanyPage .btn.dropdown-toggle:after,
        #updateCompanyPage .btn.dropdown-toggle:after {
            position: absolute;
            right: 15px;
            top: 44%;
        }

            #updateCompanyPage #lang-update-form select { margin: 0; }
            #updateCompanyPage #lang-update-form .bootstrap-select.btn-group { margin-bottom: 0; }

            #updateCompanyPage .editableValue.richEditable textarea {
                height: auto;
            }
            #updateCompanyPage .editableValue.richEditable textarea ~ .wysihtml5-sandbox {
                height: auto !important;
                max-height: 100%;
            }

    #updateCompanyPage .blockUpdate { position: relative;  }

    #updateCompanyPage .blockUpdate ol li { list-style: decimal; }
    #updateCompanyPage .blockUpdate ul li { list-style: initial; }

    #updateCompanyPage .blockUpdate ol, #updateCompanyPage .blockUpdate ul  { padding: 0 40px; margin-top: 10px; }

    #updateCompanyPage #validationComment { height: 50px; }
    #updateCompanyPage .validationReasonBtn { margin-left: 10px; }
    #updateCompanyPage .validationReasonBtn .btn { margin-top: 8px; }

    #updateCompanyPage .messegeRed {
        font-size: 15px;
        color: #de4e42;
        text-align: center;
        background: #f1d2cf;
        border: 1px solid #de4e42;
        border-radius: 6px;
        padding: 7px 10px 10px;
        margin-top: 10px;
    }

    #updateCompanyPage .editableValue { position: relative; }

    #updateCompanyPage input.editableValue,
    #updateCompanyPage select.editableValue {
        width: 70%;
        margin-bottom: 5px;
    }

        #updateCompanyPage .editableValue select,
        #updateCompanyPage .editableValue input
        { margin: 5px; }

                #updateCompanyPage .editableValue ul.open {
                    position: absolute;
                    display: block;
                    width: 212px;
                    max-height: 160px;
                    background: #fff;
                    border: 1px solid #777;
                    box-shadow: 0 0 10px rgba(0,0,0,.25);
                    padding: 0;
                    margin: 0;
                    overflow: auto;
                    top: 21px;
                    left: 5px;
                    z-index: 50;
                }

            #updateCompanyPage .editableValue ul li {
                padding: 0px 2px 1px;
                word-break: break-word;
            }

                #updateCompanyPage .editableValue ul li a { color: #3f3f3f; }

/*********************************************
    NEW COMPANY PAGE
*********************************************/

#newCompanyPage {padding-bottom: 55px;}

    #newCompanyPage #lang-update-form { margin: 0; }
    #newCompanyPage #companyCode { margin: 0; }

    #newCompanyPage .activities-types { color: #999; }

        @media (min-width: 992px) {
            #newCompanyPage .activities-types { margin-left: 50px; }
        }

    #newCompanyPage #validationReason {
        height: 50px;
        margin: 0;
    }

        #newCompanyPage .validationReasonBtn .btn { margin-top: 8px; }

    #newCompanyPage .textareaEditable iframe { min-height: 100px; }

/*********************************************
    DATA DISPLAY CONFIGURATION PAGE
*********************************************/

#dataDisplayConfiguration {padding-bottom: 55px;}

    #dataDisplayConfigurationPage .number { width: 50px; }
    #dataDisplayConfigurationPage .data { width: 160px; }
    #dataDisplayConfigurationPage .visibility { width: 85px; }

/*********************************************
    DATA DISPLAY TRACKING PAGE
*********************************************/

#dataDisplayTracking {padding-bottom: 55px;}

    #dataDisplayTrackingPage .tdDate { width: 150px; }
    #dataDisplayTrackingPage .tdModify { width: 110px; }

/*********************************************
    COMPANIES/USERS ADVANCED SEARCH PAGE
*********************************************/
#advancedSearchPage {padding-bottom: 55px;}

    #advancedSearchPage .colTitleFilter { flex: 0 0 150px; }

        #advancedSearchPage .colTitleFilter h3 { padding-top: 5px; }

    #advancedSearchPage .selectMultiple {
        height: 100%;
        margin-bottom: 20px;
    }

            @media (min-width: 992px) {
                #advancedSearch .selectMultiple {
                    height: 400px;
                    margin: 0;
                }
            }

        #advancedSearchPage .date:first-child { padding-right: 5px; }
        #advancedSearchPage .date:last-child { padding-left: 5px; }

            @media (min-width: 992px) and (max-width: 1200px) {
                #advancedSearch .date:first-child { padding-right: 2px; }
                #advancedSearch .date:last-child { padding-left: 2px; }
            }

    #advancedSearchPage .checkbox > span { display: block; }

    #advancedSearchPage table .tdKid { width: 100px; }
    #advancedSearchPage table .tdPhone { width: 140px; }
    #advancedSearchPage table .tdDetail { width: 95px; }

/*********************************************
    COMPANIES/USERS COMPANY DETAILS
*********************************************/
#companyPage {padding-bottom: 55px;}

        #companyPage .companyImage {
            text-align: center;
            margin: 0 auto 20px;
        }

                @media (min-width: 992px) {
                    #companyPage .companyImage {
                        max-width: 135px;
                        margin: 0 auto;
                    }

                    #companyPage .companyImageText {
                        margin-left: 20px;
                    }
                }

            #companyPage .companyImage img {
                max-width: 100%;
                max-height: 100%;
            }

    #companyPage .waiting .flaticon:before { font-size: 30px; }

    #companyPage .TabProducts .activities-type {
        margin-left: 0;
        overflow: hidden;
    }

            @media (max-width: 992px) {
                #companyPage .TabProducts .activities-type { padding-left: 0; }
            }

        #companyPage .TabProducts .activities-type li {
            display: inline-block;
            text-transform: uppercase;
            padding: 5px 25px 5px 0;
        }

            #companyPage .TabProducts .activities-type li i { margin-right: 2px; }

                #companyPage .TabProducts li .flaticon {
                    position: relative;
                    top: -1px;
                }
                        #companyPage .TabProducts li .flaticon:before {font-size: 8px; }

                    #companyPage .TabProducts .flaticon.service { color: #a3d39c; }
                    #companyPage .TabProducts .flaticon.supplier { color: #f68e56; }
                    #companyPage .TabProducts .flaticon.distributor { color: #00aeef; }

                #companyPage .TabProducts .unknown { color: #d3e9f4; }

                    #companyPage .TabProducts .activities-type .flaticon:before { font-size: 10px; }

                #companyPage .TabProducts .score,
                #companyPage .TabProducts .score:hover {
                    background: #ddd !important;
                    color: #3f3f3f;
                    padding: 4px 12px 4px 11px;
                    text-decoration: none;
                    font-size: 14px;
                    font-weight: normal;
                    margin: 20px 0 0;
                    box-shadow: 0 2px 2px #b2afaf;
                }

        @media (max-width: 992px) {
            #companyPage .TabProducts .jstree-classic > ul { padding-left: 0; }
        }

    #companyPage .TabProducts .jstree-classic li { padding: 2px 0; }
        #companyPage .TabProducts .jstree-classic li .fieldValue { padding-top: 0; }
        #companyPage .TabProducts .jstree-classic li ul { padding-left: 30px; }

    @media (min-width: 992px) {
        #companyPage .activities { margin-left: 50px; }
    }

/*********************************************
    COMPANIES/USERS USER(S) DETAILS
*********************************************/
#collaboratorsPage {padding-bottom: 55px;}

    #collaboratorsPage #collaborators-form {
        width: 100%;
        overflow: auto;
    }

    #collaboratorsPage table .tdNkcAccess { width: 150px; }
    #collaboratorsPage table .tdEbolAccess { width: 150px; }
    #collaboratorsPage table .tdEbolCrmAccess { width: 212px; }
    #collaboratorsPage table .tdEbolSpecial { width: 182px; }
    #collaboratorsPage table .tdStatus { width: 110px; }

    #collaboratorsPage table .bypathSubscription {
        width: 15px;
        text-align: center;
    }
        #collaboratorsPage table .bypathSubscription .flaticon:before { font-size: 16px; }

    #collaboratorsPage table .checkGreen { width: 10px; }

        #collaboratorsPage table .checkGreen .flaticon:before { font-size: 16px; }

    #collaboratorsPage table select { width: 100%; }
    #collaboratorsPage .checkbox {text-align: center;}

/*********************************************
    COMPANIES/USERS SUBSCRIPTIONS
*********************************************/
#subscriptionsPage { padding-bottom: 55px;}

        #subscriptionsPage .containerWhite .row { align-items: center; }
        #subscriptionsPage .containerWhite .row.noAlign { align-items: flex-start; }
        #subscriptionsPage .containerWhite .row.b2b_multichannel { align-items: center; }

            #subscriptionsPage .containerWhite .row.noAlign .checkbox label { margin-top: 5px; }
            #subscriptionsPage .containerWhite .row.b2b_multichannel .checkbox label { margin-top: 0; }

            #subscriptionsPage .containerWhite .row .checkboxAlone label {
                width: 17px;
                padding: 0;
            }


    #subscriptionsPage .subscriptionBlock {
        width: 100%;
        overflow: auto;
    }
            @media (min-width: 992px) {
                #subscriptionsPage .containerWhite .fieldTitleSubscription { margin-left: 10px; }
            }

        #subscriptionsPage .containerWhite .b2b_multichannel .fieldTitleSubscription {
            font-weight: normal;
            margin-left: 50px;
        }

        #subscriptionsPage .containerWhite .fieldTitleAdvertising {
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
        }

            #subscriptionsPage .containerWhite .fieldTitleAdvertising span {
                display: block;
                flex: 1 1 auto;
            }

            #subscriptionsPage .containerWhite .fieldTitleAdvertising a {
                display: block;
                flex: 0 0 auto;
            }

        #subscriptionsPage .containerWhite .fieldTitleLight { font-weight: normal; margin-top: 6px }
        #subscriptionsPage .containerWhite .nbAccess { width: 90%; }

        #subscriptionsPage .containerWhite .parentSubscriptionsRemove {
            color: #888;
            margin-right: 10px;
            cursor: pointer;
        }

            #subscriptionsPage .containerWhite .parentSubscriptionsRemove .flaticon:before { font-size: 16px; }

        #subscriptionsPage .containerWhite.containerWhiteSubscription .checkbox label {
            height: 15px;
            margin: 0;
        }


        #subscriptionsPage .containerWhite .checkCmpCode {
            align-items: flex-end;
            padding: 0;
            margin: 0;
        }

                #subscriptionsPage .containerWhite .checkCmpCode1 { margin-top: 20px; }

            #subscriptionsPage .containerWhite .checkCmpCode .col {
                padding: 0;
                margin: 0;
            }

                #subscriptionsPage .containerWhite .checkCmpCode  input { width: 100%; }

                #subscriptionsPage .containerWhite .checkCmpCode  a{
                    position: relative;
                    border-radius: 0 50px 50px 0;
                    padding: 4px 20px 5px 10px;
                    margin-left: -1px;
                }

                #subscriptionsPage .containerWhite .checkCmpCode #updateAPICreditsNumber { border-radius: 50px; }

        #subscriptionsPage .containerWhite .remaining-box {
            position: relative;
            display: inline-block;
            min-width: 27px;
            height: 27px;
            text-align: center;
            background: #dadada;
            border: 1px solid #dadada;
            border-radius: 50px;
            padding: 3px 5px 3px 3px;
        }

            #subscriptionsPage .containerWhite .remaining-box .flaticon {
                position: absolute;
                color: #3aaad6;
                top: -15px;
                right: -15px;
            }

        #subscriptionsPage .containerWhite .btn-expiration {
            color: #3f3f3f;
            background: #f5f5f5;
            border-color: #dadada;
        }

            #subscriptionsPage .containerWhite .btn-expiration:hover,
            #subscriptionsPage .containerWhite .btn-expiration:focus
            { background: #e6e6e6; }

/************************************************
    CLASSIFICATIOS DE VOS ACTIVITES
************************************************/
#advertisingTop3 {padding-bottom: 55px;}

        #advertisingTop3 .activities-lists .field-form {
            display: table;
            width: 100%;
        }

            #advertisingTop3 .activities-lists .field-form .form_field-inputSearch {
                display: table-cell;
                vertical-align: middle;
            }

            #advertisingTop3 .activities-lists .field-form .form-btn {
                display: table-cell;
                width: 50px;
                vertical-align: middle;
            }

                #advertisingTop3 .activities-lists .btn-loupe {
                    border-radius: 0 50px 50px 0;
                    padding: 0 10px;
                }

                    #advertisingTop3 .activities-lists .btn-loupe .flaticon-search:before { font-size: 19px; }

                #advertisingTop3 .activities-lists .clickable {
                    margin-top: 7px;
                    display: inline-block;
                }

        #advertisingTop3 .activities-lists .list-content {
            height: 350px;
            background: #fff;
            border: 1px solid #dadada;
            border-radius: 6px;
            box-shadow: none;
            padding: 0 25px 0 20px;
            margin-top: 20px;
            overflow: auto;
        }

            #advertisingTop3 .activities-lists .list-content li {
                display: block;
                width: 100%;
                padding: 5px 0;
            }

                #advertisingTop3 .activities-lists  .list-content > li {
                    min-width: 400px;
                    padding: 5px 15px 5px 0;
                }

                    #advertisingTop3 .activities-lists .list-content .blockTable:hover { background: #eff6ff; }

                #advertisingTop3 .activities-lists .list-content .blockTable {
                    display: table;
                    width: 100%;
                }

                    #advertisingTop3 .activities-lists .list-content .blockCell { display: table-cell; }

                        #advertisingTop3 .activities-lists .list-content .blockCellLast {
                            width: 125px;
                            text-align: right;
                        }

                        #advertisingTop3 .activities-lists .showIcon {
                            width: 20px;
                            cursor: pointer;
                        }

                            #advertisingTop3 .activities-lists .showIcon:before {
                                position: relative;
                                display: inline-block;
                                width: 14px;
                                height: 14px;
                                font-size: 14px;
                                font-style: normal;
                                color: #888;
                                text-align: center;
                                line-height: 11px;
                                border: 1px solid #aaa;
                                border-radius: 3px;
                            }

                                #advertisingTop3 .activities-lists .iconMore:before { content: "+" }
                                #advertisingTop3 .activities-lists .iconMinus:before { content: "-" }

                        #advertisingTop3 .activities-lists .list-content li .flaticon-checked {
                            color: #5cb85c;
                            padding-right: 10px;
                        }

                        #advertisingTop3 .activities-lists .list-content li .children { padding-left: 20px; }


    #advertisingTop3 .advertisingTop3Table {
        width: 100%;
        overflow: auto;
    }

        #advertisementsPage .tdStatus .flaticon { margin: 0 5px 0 7px; }
        #advertisementsPage .tdActions .flaticon { margin: 0 5px 0 7px; }

            #advertisementsPage .tdActions a:nth-child(1) .flaticon { margin: 0 5px 0 0; }


/*********************************************
    COMPANIES/USERS/BOOSTER ACCOUNT STATISTICS
*********************************************/
#statisticsPage {padding-bottom: 55px;}

    #statisticsPage h4 {
        font-size: 13px;
        font-weight: bold;
        margin: 10px 0;
        cursor: pointer;
    }

    #statisticsPage table,
    #stats_results table{
        width: 100%;
        height: 30px;
        padding: 5px;
    }

        #statisticsPage table tr:nth-child(2n),
        #stats_results table tr:nth-child(2n) { background: #f9f9f9; }
        #statisticsPage table tr.selected,
        #stats_results table tr.selected { background: #8fd0ea; }

            #statisticsPage table td,
            #stats_results table td  {
                padding: 3px;
                cursor: pointer;
                font-size: 13px;
            }

                #statisticsPage table .noClick td { cursor: default; }

                #statisticsPage table .statisticCategory,
                #stats_results table .statisticCategory  {
                    font-weight: bold;
                    cursor: default;
                }

    #statisticsPage .table,
    #stats_results table {
        width: 100%;
        padding: 5px;
    }

        #statisticsPage .table .thead,
        #stats_results .table .thead {
            float: left;
            width: 70%;
        }

        #statisticsPage .table .tbody,
        #stats_results .table .tbody {
            float: left;
            width: 30%;
        }

        #stats_results .table .thead > div > div,
        #stats_results .table .tbody > div > div,
        #statisticsPage .table .thead > div > div,
        #statisticsPage .table .tbody > div > div {
            width: 100%;
            height: 30px;
            font-size: 13px;
            font-weight: normal;
            color: #333;
            text-align: left;
            vertical-align: middle;
            white-space: nowrap;
            text-overflow: ellipsis;
            background: transparent;
            padding: 5px;
            overflow: hidden;
        }

            #stats_results .table .thead > div > div:nth-child(2n),
            #stats_results .table .tbody > div > div:nth-child(2n),
            #statisticsPage .table .thead > div > div:nth-child(2n),
            #statisticsPage .table .tbody > div > div:nth-child(2n)
            { background: #f9f9f9; }

    #statisticsPage .colDetails,
    #stats_results .colViews  { order: 2; }

    #statisticsPage .colViews,
    #stats_results .colStatsGraphs { order: 3; }

    #statisticsPage .colStatsGraphs,
    #stats_results .colDetails  { order: 1; }

            @media (min-width: 1200px) {
                #statisticsPage .colDetails,
                #stats_results .colDetails {
                    order: 1;
                    max-height: 450px;
                    overflow-y: auto;
                }

                #statisticsPage .colViews,
                #stats_results .colViews {
                    order: 3;
                    max-height: 360px;
                    overflow-y: auto;
                }

                #statisticsPage .colStatsGraphs,
                #stats_results .colStatsGraphs
                { order: 2; }
            }

    #statisticsPage #statsArray,
    #statisticsPage #statsDetailsNumbers,
    #statisticsPage .blockTable,
    #statisticsPage .table-stats,
    #stats_results #boosterAccountStatisticsNumbers table,
    #statisticsPage #statsArray,
    #statisticsPage #visitorsDetailsNumbers table,{
        width: 100%;
        overflow-y: auto;
        max-height: 360px;
    }

    #statisticsPage .colBtnRight {
        order: 1;
        text-align: right;
    }

    #statisticsPage .colTitleH3 {
        order: 2;
        align-self: flex-end;
    }

            @media (min-width: 768px) {
                #statisticsPage .colBtnRight { order: 2; }
                #statisticsPage .colTitleH3 { order: 1; }
            }

            @media (max-width: 1158px) {
                #statisticsPage .colBtnRight .btn { margin-bottom: 10px; }
                #statisticsPage .colBtnRight .btn:last-child { margin-bottom: 0; }
            }

    #statisticsPage .colBtnRight2 {
        order: 1;
        text-align: right;
    }

    #statisticsPage .colTitleH3row { order: 2; }
    #statisticsPage .colMessage { order: 3; }

            @media (min-width: 768px) {
                #statisticsPage .colTitleH3row { order: 1; }
                #statisticsPage .colBtnRight2 { order: 3; }
                #statisticsPage .colMessage {
                    order: 2;
                    margin-bottom: 20px;
                }
            }

    #statisticsPage .divTable {
        width: 100%;
        overflow: auto;
    }

    #statisticsPage #tableMessages .message-row { white-space: nowrap; }

        #statisticsPage #tableMessages .messages-row-odd-1 { background: #fff; }
        #statisticsPage #tableMessages .messages-row-odd-1 + .message-description { background: #fff; }

            #statisticsPage #tableMessages td {
                border-width: 1px 0 0 0;
                padding: 10px;
            }

                    #statisticsPage #tableMessages .message-description td {
                        border-top: none;
                        padding: 0 5px;
                    }

                        #statisticsPage #tableMessages .message-description td .message-detail-container { padding: 15px; }

                    #statisticsPage #tableMessages .message-file { width: 30px; }
                    #statisticsPage #tableMessages .message-important { width: 30px; }

                #statisticsPage #tableMessages td label { margin: 0; }

                #statisticsPage #tableMessages .icon_off { color: #ccc; }

    #statisticsPage #ebolUsageStats .filters { margin-bottom: 20px; }
    #statisticsPage #ebolUsageStats .filters select {
        width: auto;
        max-width: 100%;
    }
    #statisticsPage #ebolUsageStats .filters input {
        width: auto;
        height: 33px;
        max-width: 100%;
    }
    #statisticsPage #ebolUsageStats .filters > span { margin: 0 5px; }
        #statisticsPage #ebolUsageStats .filters > span:first-child { margin-left: 0; }
    #statisticsPage #ebolUsageStats .filters .btn { margin-left: 10px; }

    #statisticsPage #ebolUsageStats .stats .accordion {
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 0;
    }

            #statisticsPage #ebolUsageStats .accordion:nth-child(even) { background: #f9f9f9; }
            #statisticsPage #ebolUsageStats .accordion:last-child { border: none; }

        #statisticsPage #ebolUsageStats .accordion .accordion-group {
            border: none;
            margin: 0;
        }

            #statisticsPage #ebolUsageStats .accordion-heading .accordion-toggle {
                display: inline-block;
                padding: 8px 15px;
                cursor: pointer;
            }

            #statisticsPage #ebolUsageStats .flaticon-skip-track:before { font-size: 10px; }

            #statisticsPage #ebolUsageStats .user-stat-total-count {
                display: none;
                padding: 8px 15px;
            }

            #statisticsPage #ebolUsageStats .accordion-inner { padding: 0 30px; }
    #stats_results #boosterAccountStatisticsNumbers  {height: 360px; overflow-y: scroll;}

/*********************************************
    COMPANIES/SA CRM
*********************************************/
#saUsageStats {}

    #saUsageStats .colBtnRight {
        order: 2;
        text-align: right;
    }

    #saUsageStats .colTitleH3 {
        order: 1;
        align-self: flex-end;
    }

/*********************************************
    COMPANIES/USERS PRODUCT
*********************************************/
#productsPage {padding-bottom: 55px;}

    #productsPage #productsNumber { margin: 20px 0; }

        #productsPage .colImage { margin-bottom: 20px; }

            #productsPage .colImage .kompassImage {
                display: inline-block;
                max-width: 135px;
                text-align: center;
            }

                #productsPage .colImage .kompassImage img {
                    max-width: 100%;
                    max-height: 100%;
                }

            #productsPage .colText .flaticon {
                position: absolute;
                right: 20px;
            }

            #productsPage .productTitle {
                font-size: 18px;
                font-weight: bold;
            }

            #productsPage .small {
                color: #777;
                font-weight: normal;
            }

            #productsPage .productDetails {
                width: 100%;
                margin-top: 20px;
                overflow: auto;
            }

                #productsPage table th {
                    white-space: nowrap;
                    vertical-align: top;
                    padding: 0 50px 10px 0;
                }

                #productsPage table td {
                    vertical-align: top;
                    padding: 0 0 10px;
                }

                #productsPage table td.padL40 { padding-left: 40px; }

    #productsPage .productActions {
          display: none;
          position: absolute;
          color: #62b29f;
          top: 20px;
          right: 20px;
      }

/*********************************************
    COMPANIES/USERS EXECUTIVES
*********************************************/
#executivesPage {padding-bottom: 55px;}

    #executivesPage .card-columns { column-count: 1; }

            @media (min-width: 576px) {
                #executivesPage .card-columns { column-count: 1; }
            }

            @media (min-width: 768px) {
                #executivesPage .card-columns { column-count: 2; }
            }

            @media (min-width: 992px) {
                #executivesPage .card-columns { column-count: 2; }
            }

            @media (min-width: 1200px) {
                #executivesPage .card-columns { column-count: 3; }
            }

        #executivesPage .dirigeant-list {
            position: relative;
            padding: 15px;
        }

            #executivesPage .dirigeant-list .cardTitle {
                width: 100%;
                flex-wrap: nowrap;
                align-items: center;
                margin-bottom: 20px;
            }

                #executivesPage .dirigeant-list .linkIcon {
                    position: absolute;
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    font-size: 18px;
                    font-weight: 500;
                    color: #888;
                    top: 5px;
                    right: 0;
                }

                    #executivesPage .dirigeant-list .linkIcon:focus,
                    #executivesPage .dirigeant-list .linkIcon:hover {
                        color: #0084ff;
                        text-decoration: none;
                    }

                #executivesPage .dirigeant-list .photo {
                    flex: 0 1 auto;
                    min-width: 80px;
                    width: 80px;
                    height: 100%;
                }

                    #executivesPage .dirigeant-list .photo img { max-width: 100%; }

                    #executivesPage .dirigeant-list .description > div { padding: 5px 0; }

                    #executivesPage .dirigeant-list .description .mail {
                        text-overflow: ellipsis;
                        word-wrap: break-word;
                    }

/*********************************************
    COMPANIES/USERS EXPORT HISTORY
*********************************************/
#exportHistoryPage {padding-bottom: 55px;}

    #exportHistoryPage .exportHistoryTable {
        width: 100%;
        overflow: auto;
    }

        #exportHistoryPage .exportHistoryTable .tdDate { width: 135px; }
        #exportHistoryPage .exportHistoryTable .tdExportateDate { width: 115px; }
        #exportHistoryPage .exportHistoryTable .tdStatus { width: 80px; }

/*********************************************
    COMPANIES/USERS EMAILINGS
*********************************************/
#emailingsPage {padding-bottom: 55px;}

    #emailingsPage .emailingsPageTable {
        width: 100%;
        overflow: auto;
    }

    #emailingsPage .td-0 { width: 130px; }
    #emailingsPage .td-2 { width: 80px; }
    #emailingsPage .td-3 { width: 80px; }
    #emailingsPage .tdStatus { width: 80px; }

    #emailingsPage .thUser { min-width: 140px; }
    #emailingsPage .thCriteria { min-width: 100px; }
    #emailingsPage .flaticon:before { font-size: 18px; }

/*********************************************
    COMPANIES/USERS SEO CONTENT
*********************************************/
#seoContentPage {padding-bottom: 55px;}

    #seoContentPage .language-selector  {
        display: inline-block;
        width: 200px;
        margin-bottom: 20px;
    }

    #seoContentPage .seoContentTable {
        width: 100%;
        overflow: auto;
    }

        #seoContentPage table th { padding: 10px; }
        #seoContentPage table td { padding: 10px; }

            #seoContentPage #seoContentTitle {
                display: inline-block;
                width: 100%;
                height: 50px;
                min-width: 300px;
                resize: none;
            }

            #seoContentPage #seoContentMetaDesc  {
                display: inline-block;
                width: 100%;
                height: 100px;
                min-width: 300px;
                resize: none;
            }

            #seoContentPage .content-rules { white-space: nowrap;}

/*********************************************
    COMPANIES/USERS TRACK CHANGES
*********************************************/
#trackCompanyPage {padding-bottom: 55px;}

    #trackCompanyPage .trackCompanyTable {
        width: 100%;
        overflow: auto;
    }

        #trackCompanyPage .tdDate { width: 135px; }
        #trackCompanyPage .tdModified { width: 100px; }

/*********************************************
    COMPANIES/USERS TRACK SESSIONS
*********************************************/
#trackSessionPage {padding-bottom: 55px;}

    #trackSessionPage .trackSessionTable {
        width: 100%;
        overflow: auto;
    }

        #trackSessionPage .tdUer { white-space: nowrap; }
        #trackSessionPage .tdLastActivity { white-space: nowrap; }
        #trackSessionPage .tdToken { white-space: nowrap; }

/*********************************************
    COMPANIES/USERS BOOSTER REPORTS
*********************************************/
#boosterReportPage {padding-bottom: 55px;}

    #boosterReportPage #monthSelector,#boosterReportPage #yearSelector {
        display: inline-block;
        width: 200px;
    }

    #boosterReportPage #email {
        display: inline-block;
        width: 200px;
    }

    @media (max-width: 622px) {
        #boosterReportPage select { margin-bottom: 10px; }
        #boosterReportPage input { margin-bottom: 10px; }
    }



/*********************************************
    COMPANIES/USERS EBOL STRATEGIES
*********************************************/
#ebolStrategiesPage {padding-bottom: 55px;}

    #ebolStrategiesPage .ebolStrategiesTable {
        width: 100%;
        overflow: auto;
    }

        #ebolStrategiesPage .tdDate { width: 110px; }
        #ebolStrategiesPage .tdNbCompany { width: 155px; }
        #ebolStrategiesPage .tdExport { width: 85px; }

            #ebolStrategiesPage input { width: 200px; }
            #ebolStrategiesPage .checkboxStrategy label:before { top: -5px; }
            #ebolStrategiesPage .checkboxStrategy label:after { top: -9px; }

/*********************************************
    COMPANIES/USERS EBOL CREDIT HISTORY
*********************************************/
#creditHistoryPage {padding-bottom: 55px;}

    #creditHistoryPage .filterCreditBlock input {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

        @media (max-width: 492px) {
            #creditHistoryPage .filterCreditBlock input { margin-bottom: 10px; }
        }

        @media (max-width: 475px) {
            #creditHistoryPage .credits-info-container { margin-bottom: 20px; }
        }

    #creditHistoryPage .creditHistoryTable {
        width: 100%;
        overflow: auto;
    }

        #creditHistoryPage .tdDate { width: 110px; }
        #creditHistoryPage .tdValue { width: 100px; }

/*********************************************
    COMPANIES/USERS EBOL NOTES
*********************************************/
#notesPage {padding-bottom: 55px;}

    #notesPage #noteTextarea {
        width: 100%;
        height: 250px;
        margin-bottom: 10px;
        resize: none;
    }

        #notesPage .info-note {
            font-style: italic;
            color: #a9a9a9;
            margin-left: 20px;
        }

            @media (max-width: 940px) {
                #notesPage .info-note { margin-bottom: 20px; }
            }

        #notesPage .company-search-box .company-code-box { margin: 20px 0; }

            @media (max-width: 940px) {
                #notesPage .info-note { margin-bottom: 20px; }
            }

        #notesPage .company-search-box .company-code-box .company-kid {
            width: auto;
            margin-right: 10px;
        }

            @media (max-width: 331px) {
                #notesPage .company-search-box .company-code-box .company-kid { margin-bottom: 20px; }
            }

        #notesPage .notesTable {
            width: 100%;
            overflow: auto;
        }

            #notesPage .notesTable .kid { width: 100px; }
            #notesPage .notesTable .phone { width: 150px; }
            #notesPage .notesTable .action { width: 80px; }

/*********************************************
    COMPANIES/USERS EDIT COLLABORATOR
*********************************************/
#editCollaboratorPage {padding-bottom: 55px;}

    #editCollaboratorPage .containerWhite .row { align-items: center; }

            @media (min-width: 992px) {
                #editCollaboratorPage .checkboxOne { margin-left: 40px; }
            }

    #editCollaboratorPage .blockError { margin-top: 10px; }

            @media (min-width: 992px) {
                #editCollaboratorPage .blockError { margin-left: 40px; }
            }

/*********************************************
    COMPANIES/USERS ORDERS HISTORY
*********************************************/
#ordersHistoryPage {padding-bottom: 55px;}

    #ordersHistoryPage .ordersHistoryTable {
        width: 100%;
        overflow: auto;
    }

    #ordersHistoryPage .orderLine { background: none; }
    #ordersHistoryPage .ordersHistoryTable ul { padding: 0; }

    #ordersHistoryPage .waitingPay {
        font-size: 11px;
        color: #f89406;
    }

    #ordersHistoryPage .paymentRefused {
        font-size: 11px;
        color: #e7312d;
    }

    #ordersHistoryPage .commercialCode {
        font-size: 12px;
        color: #888;
    }

        #ordersHistoryPage .tdOrder { white-space: nowrap; }
        #ordersHistoryPage .tdContent { width: 200px; }
        #ordersHistoryPage .tdTotal { width: 200px; }
        #ordersHistoryPage .tdDownload { width: 200px; }
        #ordersHistoryPage .tdDate { width: 100px; }

/*********************************************
    COMPANIES/USERS EMAILINGS
*********************************************/
#emailingProfilePage {padding-bottom: 55px;}

        @media (min-width: 572px) {
            #emailingProfilePage input { width: 300px; }
        }

/*********************************************
    COMPANIES/USERS USER GROUP
*********************************************/
#userGroupPage {padding-bottom: 55px;}

    #userGroupPage input.fieldValue { width: 100%; }
    #userGroupPage .checkboxUser label { height: 19px; }

    #userGroupPage .fieldValue + .flaticon {
        position: absolute;
        top: 0;
        right: -10px;
        z-index: 2;
    }

        @media (max-width: 992px) {
            #userGroupPage .btn-warning { margin-top: 20px; }
        }

    #userGroupPage .form_field_error-message {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

/*********************************************
    COMPANIES/USERS CREATE USER
*********************************************/
#createUserPage {padding-bottom: 55px;}

                @media (max-width: 768px) {
                    #createUserPage .civility  { margin-bottom: 10px; }
                    #createUserPage .divFirstName  { margin-bottom: 10px; }
                    #createUserPage .divPhone  { margin-bottom: 10px; }
                    #createUserPage .divEmail  { margin-bottom: 10px; }
                    #createUserPage .divFunction  { margin-bottom: 10px; }
                }

    #createUserPage .formFieldSelectKid  { padding-right: 0; }


    #createUserPage .formFieldCheckKid  { padding-left: 0; }

        #createUserPage .formFieldCheckKid #checkCmpCode  {
            border-radius: 0 50px 50px 0;
            padding: 4px 20px 5px 10px;
            margin-left: -1px;
        }

                @media (max-width: 768px) {
                    #createUserPage .formFieldCheckKid #checkCmpCode { margin-top: 27px; }
                }

            #createUserPage .formFieldCheckKid #checkCmpCode:before { font-size: 12px; }

/*********************************************
    COMPANIES/USERS CREATE RESELLER USER
*********************************************/
#createResellerUserPage {padding-bottom: 55px;}

    #createResellerUserPage #virtualZonesUrl {
        font-weight: 600;
        color: #fff;
    }

        #createResellerUserPage #virtualZonesUrl:focus,
        #createResellerUserPage #virtualZonesUrl:hover
        { text-decoration: underline; }

    @media (max-width: 768px) {
        #createResellerUserPage #countries  { margin-bottom: 10px; }
        #createResellerUserPage #login  { margin-bottom: 10px; }
        #createResellerUserPage #email  { margin-bottom: 10px; }
    }

/*********************************************
    COMPANIES/USERS BO USERS
*********************************************/
#boUsersPage {padding-bottom: 55px;}

    #boUsersPage #listBOUsers {
        width: 100%;
        overflow: auto;
    }

        #boUsersPage #listBOUsers td { white-space: nowrap; }

            #boUsersPage .listBOUsersHeader .flaticon:before {
                display: inline-block;
                font-size: 10px;
                padding: 0 1px;
            }

/*********************************************
    ORDERS
*********************************************/
#ordersPage {padding-bottom: 55px;}

    @media (max-width: 768px) {
        #ordersPage .countries  { margin-bottom: 20px; }
    }

    #ordersPage .ordersTable {
        width: 100%;
        overflow: auto;
    }

    #ordersPage td { white-space: nowrap; }

    #ordersPage .orderLine { background: none; }
    #ordersPage .ordersTable ul { padding: 0; }

    #ordersPage .waitingPay {
        font-size: 11px;
        color: #f89406;
    }

    #ordersPage .paymentRefused {
        font-size: 11px;
        color: #e7312d;
    }

    #ordersPage .commercialCode {
        font-size: 12px;
        color: #888;
    }

        #ordersPage .tdCountry { width: 65px; }
        #ordersPage .tdKid { width: 90px; }
        #ordersPage .tdCompany {
            text-overflow: ellipsis;
            overflow: hidden;
        }
        #ordersPage .tdContent { width: 100px; }
        #ordersPage .tdPrice { width: 110px; }
        #ordersPage .tdDownload { width: 120px; }
        #ordersPage .tdDate { width: 160px; }

/*ORDERS TRAKING*/
#ordersTrakingPage { padding-bottom: 55px; }


    #ordersTrakingPage .ordersTrakingTable {
        width: 100%;
        overflow: auto;
    }

        #ordersTrakingPage .tdDate { width: 135px; }
        #ordersTrakingPage .tdModified { width: 100px; }

/*********************************************
    PROMOTIONS / CONFIGURATION
*********************************************/
#promotionsPage {padding-bottom: 55px;}

    #promotionsPage #country-selector { margin: 3px 0 10px; }


    #promotionsPage .promotionsTable {
        width: 100%;
        overflow: auto;
    }

        #promotionsPage .tdId { width: 40px; }
        #promotionsPage .tdStatus { width: 200px; }
        #promotionsPage .tdDate { width: 220px; }

        #promotionsPage .tdAction {
            width: 150px;
            white-space: nowrap;
        }

/*********************************************
    PROMOTIONS / TRACKING
*********************************************/
#promotionsTrackingPage {padding-bottom: 55px;}

    #promotionsTrackingPage #country-selector {
        width: 300px;
        max-width: 100%;
    }


    #promotionsTrackingPage .promotionsTrackingTable {
        width: 100%;
        overflow: auto;
    }

        #promotionsTrackingPage .tdDate { width: 150px; }
        #promotionsTrackingPage .tdModified { width: 110px; }

            #promotionsTrackingPage .tdAction pre {
                display: block;
                font-size: 13px;
                line-height: 20px;
                word-break: break-all;
                word-wrap: break-word;
                white-space: pre;
                white-space: pre-wrap;
                background-color: #f5f5f5;
                border: 1px solid #dadada;
                padding: 9.5px;
                margin: 0 0 10px;
            }

/*********************************************
    EBOL COUNTRY BUNDLES
*********************************************/
#virtual-zone-container {padding-bottom: 55px;}

    #virtual-zone-container .ebolCountryBundlesTable {
        width: 100%;
        overflow: auto;
    }
        #virtual-zone-container .tdDelete { width: 80px; }

/*********************************************
    EBOL AREA BUNDLES
*********************************************/
#districts_bundles_container {padding-bottom: 55px;}

    #districts_bundles_container .bundles_countries select { width: 180px; }
    #districts_bundles_container .containerWhite.bundle { padding: 15px; }

        #districts_bundles_container .label-list {
            display: inline-block;
            width: 100%;
            font-size: 20px;
            text-align: center;
            margin: 0 0 10px 0;
        }

        #districts_bundles_container .bundle select {
            min-height: 300px;
            width: 100%;
        }

    #districts_bundles_container .select-list1 { padding-bottom: 50px; }

        @media (max-width: 768px) {
            #districts_bundles_container .select-list1 { padding-bottom: 0; }
        }

    #districts_bundles_container .buttons-list {
        align-self: center;
        padding-bottom: 50px;
    }

        @media (max-width: 768px) {
            #districts_bundles_container .buttons-list {
                padding-bottom: 0;
                transform: rotate(90deg);
            }
        }

/*********************************************
    RESELLES / VIRTUAL ZONES
*********************************************/
#virtual-zone-container {padding-bottom: 55px;}

    #virtual-zone-container .virtualZoneTable {
        width: 100%;
        overflow: auto;
    }

        #virtual-zone-container .tdCountry { width: 80px; }
        #virtual-zone-container .tdVirtualZone { width: 200px; }
        #virtual-zone-container .tdModifyTime { width: 150px; }
        #virtual-zone-container .tdAction { width: 80px; }

        @media (max-width: 768px) {
            #virtual-zone-container .buttons-list {transform: rotate(90deg); }
        }

/*********************************************
    RESELLES / VIRTUAL ZONES TRACKING
*********************************************/
#VirtualZoneTrack {padding-bottom: 55px;}

    #VirtualZoneTrack #country-selector { width: 250px; }

    #VirtualZoneTrack .VirtualZoneTrackTable {
        width: 100%;
        overflow: auto;
    }

        #VirtualZoneTrack .tdDateTime { width: 145px; }
        #VirtualZoneTrack .tdModify { width: 100px; }



/*********************************************
    CONTENT / CONFIGURATION CHOOSE
*********************************************/
#contentConfigurationChosePage {padding-bottom: 55px;}

/*********************************************
    CONTENT / CONFIGURATION
*********************************************/
#contentConfigurationPage {padding-bottom: 55px;}

    #contentConfigurationPage .contentConfigurationTable {
        width: 100%;
        overflow: auto;
    }

        #contentConfigurationPage .contentTagBtn {
            background: none;
            border: none;
            padding: 0;
        }

            #contentConfigurationPage .contentTagBtn .flaticon:before {
                font-size: 12px;
                margin-left: 5px;
            }

        #contentConfigurationPage .tdId { width: 40px; }
        #contentConfigurationPage .tdContentTag  { width: 90px; }
        #contentConfigurationPage .tdStatus { width: 170px; }
        #contentConfigurationPage .tdContentModifiedTime { width: 150px; }
        #contentConfigurationPage .tdActions { width: 225px; }

            #contentConfigurationPage .tdActions .flaticon { margin: 0 5px 0 7px; }
            #contentConfigurationPage .tdActions a:nth-child(2) .flaticon { margin: 0 5px 0 0; }

    #contentConfigurationPage ul {
        padding: 0;
        margin: 0;
    }

        #contentConfigurationPage ul .flaticon:before {
            margin: 0 5px;
            cursor: pointer;
        }

            #contentConfigurationPage ul .flaticon-add:before { font-size: 10px; }
            #contentConfigurationPage ul .flaticon-remove:before { font-size: 10px; }

            #contentConfigurationPage ul ul {
                padding: 0 0 0 15px;
                margin: 0;
            }

    /*CONTENT*/
    #contentConfigurationPage .containerWhite #displayName + .infoCss {
      display: inline-block;
      margin: 5px 0 0 0;
    }

    #contentConfigurationPage .containerWhite .fieldValue.content-textarea-style {
        height: 100px;
        resize: none;
    }


    #contentConfigurationPage .containerWhite #pageSourceCode textarea.fieldValue.areaBig {
        height: 400px;
        background: #fbfbfb;
    }

    #contentConfigurationPage .containerWhite img {
        max-width: 100%;
        max-height: 100%;
    }

    #contentConfigurationPage .containerWhite #resourcesFilesNames p { margin: 0; }

/*********************************************
    CONTENT / TRACKING
*********************************************/
#contentTrakingPage {padding-bottom: 55px;}

    #contentTrakingPage .contentTrakingTable {
        width: 100%;
        overflow: auto;
    }

        #contentTrakingPage .tdDateTime { width: 145px; }
        #contentTrakingPage .tdModify { width: 100px; }

/*********************************************
    CONTACT DETAILS / CONFIGURATION
*********************************************/
#contactDetailsConfPage {padding-bottom: 55px;}

    #contactDetailsConfPage .groupSelect select { width: 250px; }

/*********************************************
    CONTACT DETAILS / TRACKING
*********************************************/
#contactDetailsTrackingPage {padding-bottom: 55px;}

    #contactDetailsTrackingPage .groupSelect select { width: 250px; }

    #contactDetailsTrackingPage .contactDetailsTrackingTable {
        width: 100%;
        overflow: auto;
    }

        #contactDetailsTrackingPage .tdDateTime { width: 145px; }
        #contactDetailsTrackingPage .tdModify { width: 100px; }

            #contactDetailsTrackingPage .tdAction pre {
                display: block;
                font-size: 13px;
                line-height: 20px;
                word-break: break-all;
                word-wrap: break-word;
                white-space: pre;
                white-space: pre-wrap;
                background-color: #f5f5f5;
                border: 1px solid #dadada;
                padding: 9.5px;
                margin: 0 0 10px;
            }


/*********************************************
    MAILS TOOL
*********************************************/
#mailsToolPage {padding-bottom: 55px;}

    #mailsToolPage .groupSelect select { width: 250px; }

    #mailsToolPage .mailsToolTable {
        width: 100%;
        overflow: auto;
    }

        #mailsToolPage .tdNumber { width: 70px; }
        #mailsToolPage .tdAction { width: 85px; }

/*********************************************
    MONITORING
*********************************************/
#monitoringPage {padding-bottom: 55px;}

    #monitoringPage .info-note {
        font-style: italic;
        color: red;
        margin-left: 20px;
    }

    #monitoringPage .monitoringTable {
        width: 100%;
        overflow: auto;
    }

/*********************************************
    Solution HP
*********************************************/
#contentProductSolutionHpForm { padding-bottom: 55px; }

    #contentProductSolutionHpForm .fieldTitle { margin-left: 0; }

    #contentProductSolutionHpForm #iconPreviewName { text-align: center; }

    #contentProductSolutionHpForm #iconPreviewColor { text-align: center; }

            #contentProductSolutionHpForm #iconPreviewColor .flaticon:before { font-size: 65px; }

        #contentProductSolutionHpForm #iconPreviewColor .flaticonColor-f29488 { color: #f29488; }
        #contentProductSolutionHpForm #iconPreviewColor .flaticonColor-4faedf { color: #4faedf; }
        #contentProductSolutionHpForm #iconPreviewColor .flaticonColor-62b29f { color: #62b29f; }
        #contentProductSolutionHpForm #iconPreviewColor .flaticonColor-f1a561 { color: #f1a561; }
        #contentProductSolutionHpForm #iconPreviewColor .flaticonColor-115fa3 { color: #115fa3; }

/*********************************************
    Advertisement campaigns
*********************************************/
#advertisementsPage {padding-bottom: 55px;}

    #advertisementsPage .containerWhite .fieldTitle { margin-left: 0; }

    #advertisementsPage .containerWhite .form_field.upload img {
        width: 100%;
        max-width: 300px;
    }

    #advertisementsPage .containerWhite .form_field.upload .companyImageMegabanner { max-width: 680px; }

    #advertisementsPage .tooltip-icon {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        font-weight: bold;
        color: #3aaad6;
        vertical-align: middle;
        line-height: 20px;
        margin: 0;
        top: initial;
        cursor: pointer;
    }

        #advertisementsPage #advertisements_squareIntl .tooltip-icon {
            position: absolute;
            top: 2px;
            right: -7px;
        }

        #advertisementsPage .tooltip-icon .flaticon,
        #advertisementsPage .tooltip-icon .flaticon:before {
            display: inline-block;
            width: 20px;
            height: 20px;
        }

        #advertisementsPage .tdCompany .flaticon {
            display: inline-block;
            vertical-align: middle;
        }

        #advertisementsPage .tdCompany span { vertical-align: middle; }

    #advertisementsPage .advertisementsTable {
        width: 100%;
        overflow: auto;
    }

    #advertisementsPage .btn-expiration {
        color: #3f3f3f;
        background: #f5f5f5;
        border-color: #dadada;
    }

        #advertisementsPage .btn-expiration:hover,
        #advertisementsPage .btn-expiration:focus {
            background: #e6e6e6;
        }

/*********************************************
    INVOICING  FOLLOW UP
*********************************************/
#monitoringPage {padding-bottom: 55px;}


    #InvoicingFollowUpPage .InvoicingFollowUpTable2,
    #InvoicingFollowUpPage .InvoicingFollowUpTable {
        width: 100%;
        background: none;
    }

            #InvoicingFollowUpPage .InvoicingFollowUpTable { overflow: auto; }

        .InvoicingFollowUpTable table tr:nth-child(odd) { background: none; }

            .InvoicingFollowUpTable table th {
                text-align: center;
                border-right: 1px solid #dadada;
                padding: 5px;
            }

                .InvoicingFollowUpTable table th:last-child { border-right: none; }

            .InvoicingFollowUpTable table tr td {
                text-align: center;
                border-right: 1px solid #dadada;
                padding: 5px;
            }

                .InvoicingFollowUpTable table > tr > td { border-top: 1px solid #dadada; }
                .InvoicingFollowUpTable table > tr > td:first-child { text-align: left; }
                .InvoicingFollowUpTable table td:last-child { border-right: none; }

                .InvoicingFollowUpTable table .tdTitle { width: 75px; }
                .InvoicingFollowUpTable table .tdPrice {
                    font-weight: 600;
                    color: #3aaad6;
                }

    #InvoicingFollowUpPage .actions { margin: 20px 0 0; }

        #InvoicingFollowUpPage .actions form { display: inline-block; }

/*********************************************
    REPORTS / STATS
*********************************************/
#reportsStatsPage {padding-bottom: 55px;}

    #reportsStatsPage .tooltip-icon { position: relative; }
    #reportsStatsPage .fieldTitle.checkbox { font-weight: normal; }

    #reportsStatsPage .info-note {
        font-style: italic;
        color: #a9a9a9;
    }
        @media (max-width: 768px) {
            #reportsStatsPage .colMargB10 { margin-bottom: 10px; }
        }

    #reportsStatsPage .filters .checkbox span {
        display: inline-block;
        margin-right: 30px;
    }

    #reportsStatsPage .filters .radio span {
        display: inline-block;
        margin-right: 20px;
    }

    #reportsStatsPage .accordion {
        background: #fff;
        border-top: 1px solid #e5e5e5;
        margin-bottom: 0;
    }

        #reportsStatsPage .accordion:nth-child(odd) { background: #f9f9f9; }
        #reportsStatsPage .accordion:first-child { border: none; }

        #reportsStatsPage .accordion .accordion-group {
            border: none;
            margin: 0;
        }

            #reportsStatsPage .accordion .accordion-toggle {
                display: block;
                padding: 8px 0;
                cursor: pointer;
            }

                #reportsStatsPage .accordion .accordion-toggle .flaticon:before {
                    display: inline-block;
                    font-size: 10px;
                    margin: 0 5px;
                    transform: rotate(90deg);
                    transition: transform ease .2s;
                }

                #reportsStatsPage .accordion .accordion-toggle.collapsed .flaticon:before { transform: rotate(0); }

            #reportsStatsPage .accordion .user-stat-total-count { padding: 8px 5px 8px 0; }

            #reportsStatsPage .accordion .accordion-inner { border-top: none; }
            #reportsStatsPage .accordion .accordion-inner > .highcharts-container  > .highcharts-container  { margin: 0 auto; }

                #reportsStatsPage #collapse-company_view .highcharts-container { display: inline-block; }

                #reportsStatsPage #company_view_info_fi-highcharts-container {
                    text-align: center;
                    width: 220px;
                    vertical-align: top;
                    padding: 70px 0px;
                    float: right;
                }

                #reportsStatsPage#company_view_info_fi-highcharts-container .total-count {
                    font-weight: bold;
                    font-size: 18px;
                }

                #reportsStatsPage#company_view_by_country-highcharts-container { margin-right: 30px; }

                #reportsStatsPage .accordion-inner > .highcharts-container {
                    width: 100%;
                    overflow: auto;
                    padding: 20px 0;
                    margin: 0 auto;
                }

                #reportsStatsPage #stats_results > .highcharts-container {
                    width: 100%;
                    overflow: auto;
                }

                    #reportsStatsPage #stats_results > .highcharts-container > .highcharts-container { margin: 0 auto; }

                #reportsStatsPage .ebolUsageStats {
                    width: auto;
                    background: none;
                    margin: 30px 0 0 30px;
                }

                    #reportsStatsPage #ebolUsageStats .blockButton { max-width: 125px; }

                #reportsStatsPage #ebolUsageStats .info-note {
                    font-style: italic;
                    color: #a9a9a9;
                    margin-top: 10px;
                }

                    #reportsStatsPage .ebolUsageStats tr:nth-child(odd) { background: #fff; }

                        #reportsStatsPage .ebolUsageStats td {
                            border-bottom: 1px solid #dadada;
                            padding: 3px 30px;
                        }

                            #reportsStatsPage .ebolUsageStats tr:first-child td {
                                border-top: 1px solid #dadada;
                                padding-left: 0;
                            }

    #reportsStatsPage #classifStats #details-block .blockTable {
        width: 100%;
        overflow-y: auto;
        max-height: 360px;
    }

[data-toggle="collapse"] .fa:before { content: "\f139"; }
[data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; }

.cursor-pointer{
  cursor: pointer;
}
.edit-field-dialog .modal-header{
    display: block;
}

 .edit-field-dialog .modal-header .extra-info{
     width: fit-content;
 }

  .edit-field-dialog .modal-header .extra-info .label-value,.edit-field-dialog .modal-header .extra-info .label-name{
      margin: 5px;
  }

.scrollable-dialog{
    max-height: 400px;
    overflow-y:auto;
}


/************************************************
    CLASSIFICATIOS DE VOS ACTIVITES
************************************************/
#modifyClassifModal {padding-bottom: 55px;}

    #modifyClassifModal .activities-lists .field-form {
        display: table;
        width: 100%;
    }

        #modifyClassifModal .activities-lists .field-form .form_field-inputSearch {
            display: table-cell;
            vertical-align: middle;
        }

        #modifyClassifModal .activities-lists .field-form .form-btn {
            display: table-cell;
            width: 50px;
            vertical-align: middle;
        }

            #modifyClassifModal .activities-lists .btn-loupe {
                border-radius: 0 50px 50px 0;
                padding: 0 10px;
            }

                #modifyClassifModal .activities-lists .btn-loupe .flaticon-search:before { font-size: 19px; }

            #modifyClassifModal .activities-lists .clickable {
                margin-top: 7px;
                display: inline-block;
            }

    #modifyClassifModal .activities-lists .list-content {
        height: 350px;
        background: #fff;
        border: 1px solid #dadada;
        border-radius: 6px;
        box-shadow: none;
        padding: 0 25px 0 20px;
        margin-top: 20px;
        overflow: auto;
    }

        #modifyClassifModal .activities-lists .list-content li {
            display: block;
            width: 100%;
            padding: 5px 0;
        }

            #modifyClassifModal .activities-lists  .list-content > li {
                min-width: 400px;
                padding: 5px 15px 5px 0;
            }

                #modifyClassifModal .activities-lists .list-content .blockTable:hover { background: #eff6ff; }

            #modifyClassifModal .activities-lists .list-content .blockTable {
                display: table;
                width: 100%;
            }

                #modifyClassifModal .activities-lists .list-content .blockCell { display: table-cell; }

                    #modifyClassifModal .activities-lists .list-content .blockCellLast {
                        width: 125px;
                        text-align: right;
                    }

                    #modifyClassifModal .activities-lists .showIcon {
                        width: 20px;
                        cursor: pointer;
                    }

                        #modifyClassifModal .activities-lists .showIcon:before {
                            position: relative;
                            display: inline-block;
                            width: 14px;
                            height: 14px;
                            font-size: 14px;
                            font-style: normal;
                            color: #888;
                            text-align: center;
                            line-height: 11px;
                            border: 1px solid #aaa;
                            border-radius: 3px;
                        }

                            #modifyClassifModal .activities-lists .iconMore:before { content: "+" }
                            #modifyClassifModal .activities-lists .iconMinus:before { content: "-" }

                    #modifyClassifModal .activities-lists .list-content li .flaticon-checked {
                        color: #5cb85c;
                        padding-right: 10px;
                    }

                    #modifyClassifModal .activities-lists .list-content li .children { padding-left: 20px; }

#modifyClassifModal .modal-dialog {
    min-width: 800px;
}

#onlinePaymentForm textarea.fieldValue.areaBig {
    width: 70%;
    height: 150px;
}

#onlinePayments a.remove {
    color: #888;
    margin-right: 10px;
    cursor: pointer;
}

#onlinePayments a.remove .flaticon:before { font-size: 16px; }

#tutorialUrl,
#tutorialUrl1,
#tutorialUrl2,
#tutorialUrl3 {
    height: 180px;
}

#customerFilter {
    td {
        vertical-align: top;
    }
}

.externalData {
    display: inline-flex;

    .fieldTitle {
        margin-left: 5px;
    }
}
#externalDataKoinLimit {
    width: 70%;
    margin-right: 10px;
}
#externalDataKoinLimitPercent {
    width: 30%;
}