.clear {
    clear: both;
    content: "";
}

body {
    background-color: #fff;
    min-width: 850px;
}

.slim-header {
    /*background-color: #2354b4;*/
    /*background-color: #1f478e;*/
    background-color: #146ABB;
}

.signin-box {
    margin: 60px auto 60px auto;
}

.slim-mainpanel {
    /*min-height: 600px;*/
}

.header-guest-nav a {
    color: #fff;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    height: 100px;

    white-space: nowrap;
}

.header-guest-nav a:hover, .header-guest-nav a:focus {
    color: rgb(245, 162, 50);
}

.header-guest-nav div {
    display: inline-block;
}

.section-login {
    /*min-width: 290px;*/
    margin-right: 5px;
    white-space: nowrap;
}

.section-login div {
    display: block;
}

.section-login a {
    color: #fff;
    margin-left: 10px;
}

.btn-login {
    /*background-color: rgba(245, 162, 50, 0);*/
    background-color: #1462b1;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 1px;
    border-color: rgb(245, 162, 50);
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgb(245, 162, 50);

    font-weight: bold;
}

.btn-login:hover, .btn-login:focus {
    background-color: #1570c7;
    color: rgb(245, 162, 50);
}

.btn-register {
    background-color: rgb(245, 162, 50);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: rgb(245, 162, 50);
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgb(255, 255, 255);

    font-weight: bold;
}

.btn-register:hover, .btn-register:focus {
    color: #fff;
    background-color: rgb(228, 148, 50);
}

.btn-details {
    background-color: #146ABB;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(25, 57, 114);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 25px;
    color: rgb(255, 255, 255);

    font-weight: bold;
    text-transform: uppercase;
}

.btn-details:hover, .btn-details:focus {
    color: #fff;
    background-color: #1570c7;
    color: rgb(245, 162, 50);
}

.logotype {
    /*background-image: url("../img/metabot-logo-a.svg");
    background-repeat: repeat;*/
    /*background: #1f478e url("../img/metabot-logo-a.svg") no-repeat right 0.75rem center;*/
    background: #fff url("../img/metabot-logo-a.svg") no-repeat right 0.75rem center;
    background: url("../img/metabot-logo-b.svg") no-repeat right 0.75rem center;
    width: 200px;
    height: 75px;
}

.nav-link, a.logged-user {
    color: #fff;
}

.nav-tabs .nav-link {
    color: #1b84e7;
}

.nav-tabs .nav-link:hover {
    color: #115da4;
}

.logged-user img {
    /*border: 1px solid #1b84e7;*/
    /*border: 2px solid #F9A026;*/
    border: 1px solid #fff;
}

.slim-navbar .nav-link .icon {
    /*color: #fff;*/
}

/*.slim-navbar .nav-item.active .nav-link {
    background-color: #1f478e;
    background-image: linear-gradient(to right, #146ABB 0%, #146ABB 100%);
    background-repeat: repeat-x;
    border-width: 0;
    color: #fff;
}*/

.slim-navbar .nav-item.active .nav-link {
    background-color: #1f478e;
    background-image: linear-gradient(to right, #146ABB 0%, #146ABB 100%);
    background-repeat: repeat-x;
    border-width: 0;
    color: #fff;
}

.slim-navbar .nav-link {
    /*background-color: #1f478e;
    background-image: linear-gradient(to right, #146ABB 0%, #146ABB 100%);
    background-repeat: repeat-x;
    border-width: 0;
    color: #fff;*/
}

/*
@media (min-width: 1200px) {
    .slim-navbar .nav-item {
        flex:1 1 auto !important;
        position:relative !important;
    }

    .slim-navbar .nav-item.with-sub > a::after {
          margin-left: 8px !important;
    }

    .slim-navbar .nav-link .icon {
      margin-right: 8px !important;
    }

    .slim-navbar .nav-link .square-8 {
          margin-left: 5px !important;
    }

    .slim-navbar .nav-link span:not(.square-8) {
          display: block !important;
    }

    .slim-navbar .sub-item {
        width: 200px !important;
    }

    .slim-navbar .sub-item .sub-with-sub ul {
            padding-left: 0 !important;
            position: absolute !important;
            top: 0 !important;
            right: -200px !important;
            width: 200px !important;
            background-color: #fff !important;
            border: 1px solid #ced4da !important;
            padding: 10px 0 !important;
            box-shadow: 0 2px 3px rgba(108, 117, 125, 0.16) !important;
    }
}
*/

/*
@media (min-width: 1200px) {
    [dir="rtl"] .slim-navbar .nav-link .icon {
      margin-right: 0;
      margin-left: 8px; }

    [dir="rtl"] .slim-navbar .nav-link .square-8 {
        margin-left: 0;
        margin-right: 5px; }

    [dir="rtl"] .slim-navbar .sub-item .sub-with-sub ul {
        padding-right: 0;
        right: auto;
        left: -200px; }

    .slim-mainpanel {
      min-height: calc(100vh - 263px); }

    .slim-sticky-header .slim-navbar .sub-item {
        max-height: none;
        overflow-y: inherit; }

    .slim-footer .container-fluid {
      padding-left: 25px;
      padding-right: 25px; }
}
*/

.slim-pageheader {
    flex-direction: row;
}

.slim-pageheader a {
    /*color: #1f478e;*/
    /*color: #F9A026;*/
}

h6.slim-pagetitle {
    /*color: #146ABB;*/
}

.btn-primary {
    color: #fff;
    background-color: #1570c7;
    border-color: #146abb;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1b84e7;
    border-color: #1b84e7;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 132, 231, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #1b84e7;
    border-color: #1b84e7;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #146abb;
    border-color: #1363b0;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 132, 231, 0.5);
}

.lang-switcher a:hover, .lang-switcher a:focus {
    color: rgb(245, 162, 50);
}

.alert {
    word-break: break-all;
}

/* -------------------------------------- */
/* ############### FOOTER ############### */
/* -------------------------------------- */
.slim-footer {
  border-top: 1px solid #ced4da;
  background-color: #e3e7eb;
  margin-top: 30px;
  padding: 15px 0; }
  @media (min-width: 992px) {
    .slim-footer {
      margin-top: 50px;
      padding: 0; } }
  .slim-footer .container,
  .slim-footer .container-fluid {
    font-size: 13px;
    text-align: center; }
    @media (min-width: 768px) {
      .slim-footer .container,
      .slim-footer .container-fluid {
        height: 135px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left; } }
    .slim-footer .container p,
    .slim-footer .container-fluid p {
      margin-bottom: 0; }
      .slim-footer .container p:last-child,
      .slim-footer .container-fluid p:last-child {
        margin-top: 5px; }
  @media (min-width: 992px) {
    .slim-footer .container-fluid {
      padding-left: 25px;
      padding-right: 25px; } }

.slim-footer {
    border-top: 1px solid #434343;
    background-color: #333;
}

.slim-footer a {
    color: rgb(183, 199, 205);
    text-decoration: underline;
}

.slim-footer p {
    color: #fff;
}

.above-content-right-side {

}

textarea.autosize {
	resize: none;
}

.pay-buttons-group {
    text-align: center;
    margin-top: 20px;
}

.form_validation_error_msg {
    color: red;
    font-weight: 700;
    margin: 5px 0 0;
    text-align: center;
    font-size: 18px;
}

.word-break {
    word-break: break-word;
}

.word-break-all {
    word-break: break-all;
}

/*.tooltip .tooltip-inner {
    background-color: #1455a7;
    color: #fff;
}*/

.tooltip.show {
    opacity: 0.9;
}
img.small-tooltip-desc {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: -2px;
}

table.table>tbody>tr>td>table.condition-script-code {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
}

.condition-script-code pre {
    /*font-family: Consolas,monospace,"Courier New",monaco,"Liberation Mono",SFMono-Regular,Menlo;
    padding: 5px;
    margin: 0;
    background-color: #F6F6F6;*/

    font-size: 12px;
    margin-bottom: 0;
}

.content-with-pre pre {
    font-size: 14px;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    background-color: inherit;
}

@media (min-width: 992px) {
    .modal-wrapper.resizeable-horizontal .modal-dialog {
        overflow: hidden !important;
        resize: horizontal !important;
        max-width: none !important;
        max-height: none !important;
    }
}

div.CodeMirror {
    border: 1px solid #ced4da;
}

.nowrap {
    white-space: nowrap;
}

.background-transparent {
    background-color: transparent !important;
}

.col-shrink-to-fit {
    width: 0.1%;
}

.wd-160 {
    width: 160px;
}

.wd-175 {
    width: 175px;
}

.cube-outline {
    -webkit-mask-image: url("../img/cube-s-outline.svg");
    mask-image: url("../img/cube-s-outline.svg");

    height: 1em;
    width: 1em;

    background-color: #1B84E7;
}

.code-working-outline {
    -webkit-mask-image: url("../img/code-working-outline.svg");
    mask-image: url("../img/code-working-outline.svg");

    height: 1em;
    width: 1em;

    background-color: #1b84e7;
}

.auto-form .field-label {
    /*font-weight: bold;*/
}

.tooltip .tooltip-inner {
    /*max-width: 75% !important;*/
    /*text-align: left;*/

    font-size: 14px;
    background-color: #eaedf6;
    color: black;
    padding: 15px;
    border: 1px solid #dee2e6;
}

.access_level_small_title {
    color: #9c9c9c;
}

/* ************************************************************************************** */
/* FILTERS */
/* LEADS FILTERS / CONCTANT CENTER FILTERS */
/* ************************************************************************************** */
.page-leads .select2-row-for1, .select2-row-for2,
.page-cc .select2-row-for1, .select2-row-for2
{
    padding-bottom: 5px;
}

.page-leads .select2-row-for1 label, .select2-row-for2 label,
.page-cc .select2-row-for1 label, .select2-row-for2 label
{
    margin-top: 3px;
}

.page-leads .select2-selection, .select2-search__field,
.page-cc .select2-selection, .select2-search__field
{
    cursor: pointer;
}
.page-leads .select2-selection__choice,
.page-cc .select2-selection__choice
{
    background-color: #1b84e7 !important;
}

.page-leads .select2-selection__choice__remove,
.page-cc .select2-selection__choice__remove {
    /* symbol × */
    color: red !important;
    position: static !important;
    opacity: 1.0 !important;
    margin-right: 4px !important;
}

/* https://github.com/select2/select2/issues/4756 */
.page-leads .select2-container .select2-selection--multiple,
.page-cc .select2-container .select2-selection--multiple {
    height: auto!important;
    margin: 0;
    padding: 0;
    line-height: inherit;
    border-radius: 0;
}
.page-leads .select2-container .select2-search--inline .select2-search__field,
.page-cc .select2-container .select2-search--inline .select2-search__field {
    /*margin:0;*/
    /*margin: 2px 0 0 0;*/
    padding:0;
    min-height:0;
}
.page-leads .select2-container .select2-search--inline,
.page-cc .select2-container .select2-search--inline {
    line-height:inherit;
}

/*
.page-leads .select2-container,
.page-cc .select2-container
    height: 30px
}
.page-leads .select2-selection,
.page-cc .select2-selection
{
    height: 30px
}
*/

/* https://stackoverflow.com/questions/46363341/select2-is-not-showing-arrow-down-icon */
.page-leads .select2-selection--multiple:before,
.page-cc .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

/*
.page-leads .select2-label,
.page-cc .select2-label {
    width: 180px;
}

.page-leads .select2-row-for1 select,
.page-cc .select2-row-for1 select {
    min-width: 75%;
    max-width: 75%;
}

.page-leads .select2-row-for2 select,
.page-cc .select2-row-for2 select {
    min-width: 29%;
    max-width: 29%;
}
*/

.page-leads .lead-muted,
.page-lead-messages .lead-muted,
.page-cc .lead-muted
{
    background-color: #cb473c !important;
    border-color: #bf5b53 !important;
}

.page-leads input#createdFrom,
.page-leads input#createdTo,
.page-leads input#activityFrom,
.page-leads input#activityTo,
.page-leads input#lastActivityFrom,
.page-leads input#lastActivityTo,
.page-cc input#createdFrom,
.page-cc input#createdTo,
.page-cc input#lastActivityFrom,
.page-cc input#lastActivityTo
{
    height: 30px;
    padding: 4px;
}

.ellipsis-div {
    max-width: 23rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-li {
    list-style-position:inside;
    max-width: 22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ************************************************************************************** */
/* End of: FILTERS */
/* ************************************************************************************** */

.modal-dialog #btn-ok-2 {
    margin-top: 5px;
}
.modal-dialog #btn-ok {
    margin-top: 5px;
}
.modal-dialog #btn-cancel {
    margin-top: 5px;
}

/* ------------------------------------------------------ */
/* ############### TEMPLATE NAVBAR STYLES ############### */
/* ------------------------------------------------------ */
@media (max-width: 1200px) {
    .slim-navbar .nav-item {
        flex: 1 1 0;
        text-align: center;
        position: static;
    }

    .slim-navbar .nav-link span:not(.square-8) {
        display: none;
    }
}

.no-border {
    border: 0 !important;
}