/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */


/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


/*general*/
/*disable bigbox icon*/
.bigboxicon {
    visibility: hidden;
}
/* fox for minified navigation bug */
.mobile-detected.fixed-navigation nav > ul {
	padding-right: 0px !important;
}

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

.mb-10 {
    margin-bottom: 10px!important;
}

.mb-15 {
    margin-bottom: 15px!important;
}

.mb-20 {
    margin-bottom: 20px!important;
}

#logo img {
    width: auto!important;
}

.centred {
    margin: 0 auto;
}

/*iFrame integration*/
.isIframe {
    margin: 0!important;
}

/*Widgets*/

.wh-400 {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px 10px 0px 10px;
}

/*fix popover*/
.popover-title {
    margin: 0!important;
    padding: 8px 14px!important;
}
.popover-content {
    padding: 9px 14px!important;
}

/*entity log popover*/
#entityLogModal .popover{
    max-width: 100%;
}
/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

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


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*BOOTSTRAP OVERRIDES*/

.popover-content {
    word-wrap: break-word;
}


/*Select2 cleanup*/

.select2-hidden-accessible {
    display: none !important;
    visibility: hidden !important;
}

.select2-search-choice-close {
    cursor: pointer!important;
}

/*
 * Charts
*/
highchart {
    display: block;
    width: 100%;
    max-width: 100%;
}

/*Content main grid*/

.content-grid-element {
    margin-bottom: 26px!important;
}

.model-cnt-bttn {
    width: 150px;
    margin-left: 10px;
    margin-top: 10px;
}


/*General fetch any content output*/

.general-json-output {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}


/*Inline editor*/

.editInput {
    width: 100%;
    height: 100%;
}

.action {
    text-align: center;
}


/*Config editor*/

.edited-row {
    background-color: #F8E585!important;
}


/*Template editor*/

.edit-area {
    width: 100%;
    min-height: 300px;
}


/*upload directive*/

.content-remove-btn {
    position: absolute;
    bottom: 10px;
    z-index: 5;
}

label.uploadButton input[type="file"] {
    position: fixed;
    top: -1000px;
}

.uploadButton {
    border: 1px solid #AAA;
    padding: 10px 15px;
    margin: 2px;
    background: white;
    display: inline-block;
}

.uploadButton:hover {
    background: #CCC;
}

.uploadButton :invalid+span {
    color: #A44;
}

.uploadButton :valid+span {
    color: #4A4;
}

#models-content-grid .well .col-md-4 {
    min-height: 150px;
}


/*Scrolable modal*/

.scrollable-modal-dialog {
    overflow-y: initial !important
}

.scrollable-modal-body {
    height: 500px;
    overflow-y: auto;
}

.image-wrap {
    padding-top: 2px;
}

.crop-image {
    width: 500px !important;
    height: auto;
    text-align: center;
}

.down {
    font-size: 10px;
}

.image-wrap .glyphicon {
    color: gray;
}

.image-wrap button {
    margin-top: 10px;
}

.image-wrap .row center {
    width: 50px;
}

.upload-btn {
    display: none;
}

.profile-picture {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: solid 1px lightgray;
}

.image-wrap input {
    display: none;
}

.modal-dialog .glyphicon {
    color: green;
    font-size: 20px;
}

.loader {
    position: fixed;
    top: 45%;
    left: 42%;
    border: 16px solid darkgray;
    border-radius: 50%;
    border-top: 16px solid gray;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    text-align: center;
    z-index:9;
}

.cropper {
    position: fixed;
    top: 25%;
    left: 40%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}


/*DEALER*/

.jarviswidget-color-blueDark .nav-tabs li:not(.active) a,
.jarviswidget-color-blueDark>header>.jarviswidget-ctrls a {
    color: #555!important;
}

.dealer-info-tab {
    font-size: 16px;
}

.dealer-info-tab.active a {
    background-color: #FBFBFB!important;
    -webkit-box-shadow: 0 -4px 0 #57889c!important;
    -moz-box-shadow: 0 -4px 0 #57889c!important;
    box-shadow: 0 -4px 0 #57889c!important;
}

.dealer-info-tab-content {
    background-color: #FBFBFB!important;
}

.dealer-brand-container {
    background-color: black;
    padding-top: 20%;
    padding-bottom: 20%;
}

.dealer-info-container-hidden {
    margin-top: 20px;
}

.dealer-logo-wrap {
    width: 250px;
    height: auto;
}

.dealer-info-row {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.dealer-info-box {
    border: 1px solid #CAC9C9;
    min-height: 300px;
}

.dealer-info-box .row {
    padding-top: 5px;
}

.dealer-info-title {
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 20px;
}

.dealer-info-row-title {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}

.dealer-info-row-title .title-wrap {
    display: table;
    height: 32px;
}

.dealer-info-row-title .title-wrap p {
    display: table-cell;
    vertical-align: middle;
    line-height: 16px;
   /* overflow: hidden;*/
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dealer-info-row-value {
    font-size: 13px;
    text-align: left;
}

.dealer-info-row-value .checkbox {
    margin-top: 4px!important;
}

.checkbox-default {
    margin-top: 0!important;
}

.dealer-info-row-value .ng-invalid-email {
    background-color: #F8E0E0 !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjM4OTYzQkI5N0E4MTFFNzlDM0ZFRDkxMDEzODczMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjM4OTYzQkM5N0E4MTFFNzlDM0ZFRDkxMDEzODczMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMzg5NjNCOTk3QTgxMUU3OUMzRkVEOTEwMTM4NzMzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMzg5NjNCQTk3QTgxMUU3OUMzRkVEOTEwMTM4NzMzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuE1FUEAAAdCSURBVHjaxFpZcxRV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')!important;
    background-size: 15px 15px!important;
    background-repeat: no-repeat!important;
    background-position: right 5px center!important;
}

.parent-dealer-info br {
    display: none;
}

.parent-dealer-info dt {
    white-space: normal;
}

@media only screen and (max-width: 1700px) {
    .parent-dealer-info br {
        display: block;
    }
    .parent-dealer-info dt {
        width: auto;
    }
    .parent-dealer-info dd {
        margin-left: 0;
    }
}

.dealer-logo img {
    max-width: 100%;
    max-height: 150px;
    height: auto;
}

.dealer-title-logo {
    height: 20px;
}

.dealer-logo-placeholder {
    background-color: #A4A4A4;
    font-size: 50px;
    padding: 10% 20%;
}

.efit-warning {
    color: red;
    font-style: italic;
}

.dealer-brand-logo {
    max-height: 140px;
    max-width: 90%;
}

.brand-edit-button-container {
    padding-top: 20px;
    position: relative;
    bottom: 5px;
    width: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
}

.brand-edit-button-container a {
    white-space: normal!important;
}

.dealer-edit-button-container {
    /*  padding-top: 20px;
    position: absolute;
    bottom: 10px;
    width: 90%;
    display:table; */
}

.brand-logo-button-container {
    width: 100%;
    min-height: 150px;
    border-width: 2px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.dealer-brand-last-update {
    padding-top: 10px;
    font-size: 11px;
}

.active-brand {
    border: 2px solid #5b835b;
}

.search-brand {
    height: 28px;
    margin-top: 2px;
    margin-right: 2px;
    border: 1px solid #C2C2C2;
    padding: 5px;
    line-height: 19px;
}


/* Make an input blend into its parent */

input.inline-edit {
    /* Eliminate borders and padding */
    border: 1p solid #BDBDBD;
    padding: 0;
    margin: 0;
    /* Inherit the parent element's typography */
    font: inherit;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-align: inherit;
    /* Seems to help alignment in headers */
    vertical-align: top;
    width: 100%;
}


/* Add interaction cues on hover and focus */

input.inline-edit:hover,
input.inline-edit:focus {
    /* Change the background to a light yellow */
    /* A subtle transition never hurts */
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ie-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

input.invalid-input {
    background-color: #F8E0E0!important;
    border-color: #A90329!important;
}

select.invalid-input {
    background-color: #F8E0E0!important;
    border-color: #A90329!important;
}

label.invalid-input {
    padding-top: 5px;
    color: red;
    font-style: italic;
}

/*radio button fix*/

.jcrop-keymgr {
    opacity: 0;
}

.groups-label {
    padding: 6px;
}

.filters-label {
    padding: 6px;
}

.bottom-buffer {
    margin-bottom: 5px;
}

.btn-pdfreport-export .fa-spinner.ng-hide-add-active {
    display: none !important;
}

/* USER PROFILE */

.profile-pic {
    text-align: center;
}

.profile-pic img {
    left: 0;
    max-width: 130px;
}

.picture-buttons {
    margin-top: 5px;
}

.jcrop-centered {
    display: inline-block!important;
}

.crop-image-wrapper {
    text-align: center;
}

.save-button {
    margin-top: 5px;
}

.cancel-button {
    margin-top: 5px;
}

.last-login {
    text-align: center;
    font-size: 12px;
}

.last-login-box {
    margin: 15px auto 0 auto;
    width: 80px;
    border-top: 1px solid #454545;
    padding-top: 15px;
}

.last-login p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    text-align: left;
}

.last-login p span {
    background-color: #3276b1;
    font-size: 13px;
    padding: 3px 7px;
    margin-top: 3px;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.silent-login-spinner{
    text-align: center;
    padding: 30px;
}

.wizard2fa {
    padding:40px;
    background-color: #fff;
}
.wizard2fa h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 30px;
}
.wizard2fa h2 i {
    margin-right:10px;
}

.wizard2fa .step1-2fa {
    background: rgba(0, 154, 255, 0.05);
    border: 1px solid rgba(0, 154, 255, 0.3);
    border-radius: 6px;
}

.wizard2fa .step1-2fa strong{
    margin-top: 10px;
    display: block;
}

.wizard2fa .step-2fa {
    margin-top: 20px;
    padding: 10px;
}

    .wizard2fa .step-2fa h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

.wizard2fa .info-2fa{
    background: rgba(0, 154, 255, 0.05);
    border: 1px solid rgba(0, 154, 255, 0.3);
    border-radius: 6px;
    padding: 10px;
    display: flex;
}

.wizard2fa .info-2fa img {
    width: 20px;
    margin-right: 10px;
}

.wizard2fa .info-2fa h3 i {
    margin-right:10px;
}

.qr-code-wrapper{
    text-align: center;
    margin-top: 30px;
    padding: 10px;
    background-color: #F1F2F5;
}
.qr-code-wrapper img{
    max-width: 200px;
}

.two-fa-settings{
    margin: 20px;
}

.right-form {
    margin-top: 46px;
}

.last-sync {
    font-size: 13px;
}

.last-sync-date {
    background-color: #3276b1;
    font-size: 13px;
    padding: 3px 7px;
    display: inline-block;
    color: #fff;
}

.custom-legend {
    height: 30px;
}

.header-image {
    width: 100%;
}

.save-widget {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    float: right;
}

.profile-title {
    padding-left: 25px;
}

.user-conn-status-btn {
    width: 120px;
}

.new-user-roles legend {
    margin-bottom: 10px;
}

.new-user-tab-icon {
    height: 20px;
}

.signature canvas {}

.signature-title {
    padding-left:14px;
    color:#666;
}

/* .new-user-brands input[type=checkbox] {
    display:none;
    }

.new-user-brands input[type=checkbox] + label
{
border: 2px solid #fff;
display:inline-block;
padding: 5px;
margin-bottom: 30px;
}

.new-user-brands input[type=checkbox]:hover + label
{
border: 2px solid #A2A2A2;
}

.new-user-brands input[type=checkbox]:checked + label
{
border: 2px solid #A2A2A2;
} */

.new-user-brands {
    height: 100px;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #A2A2A2;
}

.new-user-brands {
    text-align: center;
    position: relative;
}

.new-user-brands .checkbox {
    z-index: 1;
}

.new-user-brands img {
    width: 90px;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
}

.validation-warning-box {
    border: 1px solid red;
}

.validation-warning-text {
    color: red;
}

.user-save-notif {
    float: right;
    font-size: 15px;
    padding-right: 20px;
}

/* Functional roles matrix */
.roles-matrix{
    display:block;
}
.roles-matrix.fix-head>tbody {
    display:block;
    overflow-y: scroll;
    height: 600px;
}
.roles-matrix th{
    width: 70px;
    text-align: left;
}


.roles-matrix{
    width:100%;
}

.roles-matrix tbody td{
    width:70px;
    height: 56px!important;
    text-align: center;
}

.roles-matrix tbody .first-column{
    text-align: left!important;
    padding-left: 30px;
    width:300px!important;
    vertical-align: middle;
    padding-right:50px;
}
.roles-matrix .border-right{
    border-right: black 1px solid;
}

.roles-matrix tbody .border-bottom{
    border-bottom: black 1px solid;
}
.roles-matrix .stretch-data {
    padding-right:63px !important;
}

.fleet-role-row{
    border-top-color: #0b58a2;
    border-top-style: solid;
    border-top-width: 3px;
}
.fleet-role-row ~ .fleet-role-row{
    border-color: inherit;
    border-top-style: inherit;
    border-top-width: inherit;
}
.used_cars-role-row{
    border-top-color: #0b58a2;
    border-top-style: solid;
    border-top-width: 3px;
}
.used_cars-role-row ~ .used_cars-role-row{
    border-color: inherit;
    border-top-style: inherit;
    border-top-width: inherit;
}
.reifen_manager-role-row{
    border-top-color: #0b58a2;
    border-top-style: solid;
    border-top-width: 3px;
}
.reifen_manager-role-row ~ .reifen_manager-role-row{
    border-color: inherit;
    border-top-style: inherit;
    border-top-width: inherit;
}

.service-role-row{
    border-top-color: #0b58a2;
    border-top-style: solid;
    border-top-width: 3px;
}
.service-role-row ~ .service-role-row{
    border-color: inherit;
    border-top-style: inherit;
    border-top-width: inherit;
}

.b2b-role-row{
    border-top-color: #0b58a2;
    border-top-style: solid;
    border-top-width: 3px;
}
.b2b-role-row ~ .b2b-role-row{
    border-color: inherit;
    border-top-style: inherit;
    border-top-width: inherit;
}

/*Roles matrix prepared for fixed header and column plugin */
.roles-matrix-fixed{
}

.roles-matrix-fixed th{
    width: 70px;
    text-align: left;
    z-index: 1000;
}


.roles-matrix-fixed{
    width:100%;
}

.roles-matrix-fixed tbody td{
    width:70px;
    height: 56px!important;
    text-align: center;
}

.roles-matrix-fixed tbody .first-column{
    text-align: left!important;
    padding-left: 30px;
    width:300px!important;
    vertical-align: middle;
    padding-right:50px;
    border-right: black 1px solid;
    z-index: 900;
}

.roles-matrix-fixed tbody .border-bottom{
    border-bottom: black 1px solid;
}
.roles-matrix-fixed .stretch-data {
    padding-right:63px !important;
}

.tag-role{
    white-space: initial !important;
    word-wrap:break-all !important;
    overflow-wrap:break-word;
    width:100%;
}
/* .checkbox.checkbox-single label {
    width: 0;
    height: 16px;
    visibility: hidden;
  }
  .checkbox.checkbox-single label:before, .checkbox.checkbox-single label:after {
    visibility: visible;
  } */


.role-matrix-icon {
    width: auto;
    max-height: 20px;
    max-width: 50px;
}


/*  */
.roles-matrix tr.header
{
    cursor:pointer;
}
.header .sign:after{
  content:"+";
  display:inline-block;
}
.header.expand .sign:after{
  content:"-";
 }
/*  */
/* Color of invalid field */

#account-form input.ng-invalid {
    background: #F6CECE!important;
}

#webData input.ng-invalid {
    background: #F6CECE!important;
}

.disabled-input {
    background: #D8D8D8!important;
}


/* one item */

.config-column:first-child:nth-last-child(1) {
    width: 100%;
}


/* two items */

.config-column:first-child:nth-last-child(2),
.config-column:first-child:nth-last-child(2)~.config-column {
    width: 50%;
}


/* three items */

.config-column:first-child:nth-last-child(3),
.config-column:first-child:nth-last-child(3)~.config-column {
    width: 33.3333%;
}


/* four items */

.config-column:first-child:nth-last-child(4),
.config-column:first-child:nth-last-child(4)~.config-column {
    width: 25%;
}


/* five items */

.config-column:first-child:nth-last-child(5),
.config-column:first-child:nth-last-child(5)~.config-column {
    width: 20%;
}


/*Scrollable table body*/

table.table-scroll {
    display: flex;
    /*display: inline-flex;*/
    flex-flow: column;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
}

table.table-scroll>thead,
table.table-scroll>tfoot {
    /* head takes the height it requires,
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: calc(100% - 1.3em);
}

table.table-scroll>tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}

table.table-scroll>tbody>tr {
    width: 100%;
}

table.table-scroll>thead,
table.table-scroll>tfoot,
table.table-scroll>tbody>tr {
    display: table;
    table-layout: fixed;
}


/* RESPONSIVE DATATABLES  */

table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
    background: url('../img/plus.png') no-repeat 5px center;
    padding-left: 32px;
    cursor: pointer;
}

table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander {
    background: url('../img/minus.png') no-repeat 5px center;
}

table.has-columns-hidden>tbody>tr.row-detail>td {
    background: #eee;
}

table.has-columns-hidden>tbody>tr.row-detail>td>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table.has-columns-hidden>tbody>tr.row-detail>td>ul>li>span.columnTitle {
    font-weight: bold;
}

.search-field {
    font-weight: 600;
    font-size: 16px;
}


/* ICONS INFO*/

.icon-datatable {
    padding: 2px;
    font-size: 10px;
    float: right;
}

.icon-info-popup {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 12px!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #57889c;
    border-color: #4e7a8c;
    color: #fff;
    padding: 2px 4px;
}

.icon-info-popup:hover {
    color: #fff;
}

.info-padding {
    margin: 0 15px;
    padding: 20px;
    background-color: #eee;
}

.icon-info-profile {
    float: right;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}


/* WORKING DAYS POPUP */

#hoursModal .modal-dialog {
    margin-top: 75px!important;
}

.working-days {
    margin-top: 20px;
    font-size: 16px;
}

.remove-btn {
    color: #fff;
    margin-top: 23px;
    padding-top: 3px;
}

.remove-btn i {
    color: #fff!important;
}

.days-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 5px;
}

.activeDay,
.activeDay:hover {
    background-color: #1f496d;
    border-color: #10263a;
}

.clockpicker-popover {
    z-index: 9999!important;
}

.working-title {
    padding-bottom: 25px;
}

.tab-content {
    background-color: #fff;
    padding: 10px;
}
.tab-content-footer {
    background-color: #fff;
    padding: 10px;
}
#addrTab1 {
    margin-top: 15px;
}

.working-day {
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
}

.working-day-label {
    text-transform: uppercase;
    min-width: 80px;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
}

.working-label {
    margin-right: 2px;
}

.days-title {
    display: inline-block;
    margin-bottom: 10px;
}

.wh-exception-buttons{
    margin-top: 34px;
}

.wh-exception-types{
    width: 80%;
}

.wh-tbl-group-names{
    font-weight: bold;
    color: #666;
    margin-bottom: 3px;
    border-bottom: 1px solid #ddd;
}

.wh-tbl-slot-row{
    display: block;
}

#header {
    height: 70px;
}

#left-panel {
    padding-top: 70px;
}

.fixed-ribbon #ribbon {
    top: 70px;
}

.fixed-header #main {
    margin-top: 71px;
}

#logo-group {
    width: 60%!important;
}

#logo {
    width: auto!important;
}

.partner-profile {
    float: left;
    font-size: 19px;
    padding-top: 23px;
    max-width:580px;
    line-height:0.9 !important;
}

.dealer-header-info {
    font-size: 14px!important;
}

.prevent-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}



/* Fix IE scrollbar appearing over content and disappearing */

html {
    -ms-overflow-style: scrollbar;
}

 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #E3E3E3;
}

 ::-moz-placeholder {
    /* Firefox 19+ */
    color: #E3E3E3;
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #aaa!important;
}

 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #aaa!important;
}


/* SWITCH ELEMENTS */

.input-placeholder {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    padding: 6px 11px 6px 10px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.checkbox-placeholder-wrap {
    margin-bottom: 2px;
}

.checkbox-placeholder {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    width: 17px;
    height: 17px;
    text-align: center;
    margin-top: 7px;
}

.checkbox-placeholder-wrap .checkbox-placeholder {
    display: inline-block;
}

.required-empty {
    border-color: #a90329!important;
}

.required-open {
    border-color: #a90329!important;
}

.uppercase {
    text-transform: uppercase;
}

.popup-red {
    color: #a90329;
}

#infoModal img,
.info-padding img {
    width: 100%;
}

.additional-wrap {
    margin-top: 30px;
}

.tags-wrap {
    border: 1px solid #BDBDBD;
    padding: 5px;
    margin-bottom: 5px;
}

.header-user {
    font-weight: 600;
    display: inline-flex;
    padding-right: 10px;
    padding-top: 15px;
}

.header-right {
    padding-top: 10px;
}

.uppercase-first {
    padding-left: 0px;
    text-transform: uppercase;
}

.table-logo-main {
    float: left;
    width: 100%;
}

.table-logo-main .btn {
    margin-bottom: 3px;
}

.table-logo-wrap {
    float: left;
    width: 70px;
    padding-bottom: 3px;
    height: 50px;
    position: relative;
}

.table-logo {
    /* float: left;
    margin-bottom: 5px; */
    max-width: 50px;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    /*position: absolute;*/
}

.large-table-logo .table-logo {
    max-height: 30px;
    width: auto!important;
}

.margin-top-25 {
    margin-top: 25px!important;
}

.profile-pic>img {
    background-color: #fff;
}

.margin-10
{
    margin: 10px !important;
}

/* SUPPORT FORM */

.support-button {
    position: fixed;
    bottom: 0;
    left: 0;
}

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

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

.margin-top-5 {
    margin-top: 5px!important;
}

.cursor-pointer {
    cursor: pointer;
}

aside nav>ul>li>a {
    padding: 10px 8px 10px 8px;
}

aside nav>ul>li>a>i {
    min-width: 25px;
}

.dealer-form-section button.state-disabled,
.dealer-form-section input.state-disabled input,
.dealer-form-section radio.state-disabled,
.dealer-form-section select.state-disabled,
.dealer-form-section textarea.state-disabled,
.dealer-form-section toggle.state-disabled {
    opacity: 1!important;
}

.state-disabled select:disabled {
    background-color: #e8e8e8!important;
    border-color: #e8e8e8!important;
}
.check-function .disabled-input-wrap {
    opacity: 0.6 !important;
    cursor: default !important
}
.new-user-brands .disabled-input-wrap {
    opacity: 0.6 !important;
    cursor: default !important
}
.disabled-input-wrap .inline-edit {
    background-color: #e8e8e8!important;
    border-color: #e8e8e8!important;
}

.disabled-input-wrap2 input, .disabled-input-wrap2 select, .disabled-input-wrap2 textarea{
    background-color: #e8e8e8!important;
    border-color: #e8e8e8!important;
}

.select2-container .select2-choice {
    height: 30px;
    line-height: 30px;
}

.invisible {
    display: none;
}

.visible {
    display: inline;
}

.fixed-navigation nav {
    overflow-x: hidden;
}

.width-100 {
    float: left;
    width: 100%;
}

.dealer-buttons {
    margin-top: 8px;
}

.page-title {
    float: left;
    padding-left: 20px;
}

.dealers-count {
    margin-left: 25px!important;
}

#sparks li h5 {
    margin: 0;
}

.dealers-count>.sparks-info {
    overflow: visible !important;
}

.form-control.timepicker-inside.ng-invalid{
    background-color: #F6CECE!important
}

/* TABS */

.product-content .product-image {
    min-height: 115px!important;
    text-align: center;
    font-size: 34px;
    padding-top: 20px;
}

.product-content .description {
    padding-bottom: 0;
}

.product-content .product-deatil {
    padding-bottom: 8px;
    padding-top: 8px;
}

.product-content .product-deatil h5 {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 600;
}

.product-content .product-deatil h5 span {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
}

.tabs-upload {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #fff;
    margin-top: 20px;
    margin-right: -11px;
    margin-left: -11px;
}

#file-upload,
#file-upload-1,
#file-upload-2,
#file-upload-3 {
    display: none;
}

.selected-list {
    margin-right: 5px;
    font-size: 11px;
}

.custom-file-upload {
    font-size: 12px!important;
}

.doc-date {
    font-size: 12px;
}

.dealers-filter {
    position: absolute;
    top: 6px;
    z-index: 500;
    left: 260px;
}

.dealers-filter select {
    height: 30px;
    padding: 4px 12px;
}

.subcategory-title {
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #CAC9C9
}

.field-padding {
    padding-top: 20px;
}

.col-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.col-container>[class*='col-'] {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.textarea-resizable textarea {
    min-height: 200px;
}

.img-brand {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.dealer-info-box input.ng-invalid {
    background: #F6CECE!important;
}

.dealer-info-box select.ng-invalid {
    background: #F6CECE!important;
}

.dealer-info-box select.ng-invalid + i{
    background: #F6CECE!important;
    box-shadow: 0 0 0 9px #F6CECE!important;
}

#new-account-form input.ng-invalid {
    background: #F6CECE!important;
}

.login-error {
    font-weight: 600;
    font-size: 18px;
    background: #F6CECE!important;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.highlighted input {
    background-color: green!important;
}

.textarea-resizable textarea {
    min-height: 200px;
}

.panel {
    background-color: transparent;
    border-color: #CAC9C9!important;
    box-shadow: none;
}

.panel-body {
    padding: 15px 0;
}

.smart-accordion-default.panel-group .panel-title a {
    font-size: 19px;
    font-weight: 400;
}

.title-margin {
    margin-top: 30px!important;
}

.columnTitle {
    width: 20%;
}

.columnValue {
    width: 80%;
}

.has-columns-hidden li {
    float: left;
    width: 100%;
    margin-bottom: 3px;
}

.hide-mobile {
    display: blocK
}

.show-mobile {
    display: none;
}

.custom-row {
    padding-left: 65px;
}

.brand-icon {
    position: absolute;
    max-width: 80px;
    left: 15px;
    max-height: 50px;
}

.brand-select-button {
    margin-right: 5px;
}

.maintenance-wrap h2{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}
.maintenance-wrap p{
    font-size: 17px;
}
.maintenance-hidden{
    position: absolute;
    top: bottom;
    left: 0;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 999;
}
.button-show-job {
}
.role-item{
    list-style-type: none;
    text-align:center;
    padding: 5px;
}
.show-role {
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    font-size:11px;
    border: 1px solid #e5e5e5;
    margin:1px;
}
.roles-header-section{
    margin:0px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid grey;
    padding-bottom: 10px;
    border-bottom: 1px solid #A2A2A2;
}
.role-styling {
    padding:15px;
    margin:15px;
    background: #ddd;
}
.brand-section {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}
.brand-section h2 {
    margin-bottom: 10px;
}
.brand-section li.active>a{
    background-color: #E4E4E4!important;
    border: 1px solid #E4E4E4!important;
}
.brand-section .tab-content{
    background-color: #E4E4E4!important;
}
.brand-section .tab-content .tags-wrap{
    background-color: #fff!important;
}

.page-footer{
    bottom: -1px!important;
}
.ui-datepicker td .ui-state-active{
    background-color: #428bca;
    color: #fff;
}
.hidden-dealers .dataTables_filter{
    display: none;
}

.search-dealer-input{
    margin-bottom: 20px;
}


/* SIGNATURE IMAGE UPLOAD START*/
.signature-image-wrap {
    padding-top: 2px;
    padding-left: 14px;
    padding-right: 14px;
}

.signature-image-wrap .glyphicon {
    color: gray;
}

.signature-image-wrap button {
    margin-top: 10px;
}

.signature-image-wrap .row center {
    width: 50px;
}
.signature-image-wrap input {
    display: none;
}
.signature-image{
    border: 1px solid #ccc;
}
.signature-image img{
    max-width: 100%;
}

.signature-image-placeholder{
    color: #ccc;
}

/* SIGNATURE IMAGE UPLOAD END */

/* DAR RULES */
 .btn-new-darRule{
    position:absolute;
    top: 5px;
    left:5px;
    z-index:9;
 }
 .btn-new-darRule:active{
    position:absolute;
    top: 5px;
    left:5px;
    z-index:9;
 }

 .select2 .dar .select2-arrow{
     background: none !important;
 }
 .list-cdb .modal{
     pointer-events: none;
 }
 .list-cdb .modal-content{
     pointer-events: all !important;
 }
 #list-wrapper{
    overflow-y: scroll;
    height:100px;
}
.filter-select{
    min-width:150px;
}
.filter-row .form-group {
    padding-bottom:20px;
}
.form-dar-row .form-group{
    padding-bottom:20px;
}
.select2-container-multi .select2-search-choice-close:hover{
    background: none !important;
}
#exportDealersButton{
    margin-bottom:5px;
}


.dealer-relation-modal{
    min-width: 700px;
    width: 50%;
}

#dealer-relation-table{
    table-layout: fixed;
    width: 100%;
}

#dealer-relation-table td.relation-first-column{
    text-overflow: ellipsis;
    overflow: hidden;
}

#dealer-relation-table th.relation-second-column{
    width: 15%;
    min-width: 100px;
}
#dealer-relation-table th.relation-third-column{
    width: 15%;
    min-width: 100px;
}

@media only screen and (max-width: 1480px) {
    .filter-row .col-lg-2{
        width:33.32%;
    }
}
.analytics-dar-number{
    text-align:center;
    font-size:25px;
}
/* DAR RULES END */

/* MAP START*/
.efd-google-map-wrap{
    padding: 0px!important;
}
#efd-google-map {
     height: 300px;
 }

/*ACL List*/

.acl-badge{
    margin-left: 5px;
}

#aclModalMatrix .modal-dialog{
    width: 70%!important;
}

#aclModalMerged .modal-dialog{
    width: 70%!important;
}

/*Reporting*/

#reportTable th select {
    height: 22px;
}
#reportTable_filter {
    display: none;
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) and (max-width: 1290px) {
    .partner-profile {
        color: #E4E4E4;
        position: absolute;
        right: 10px;
        top: 81px;
        font-size: 13px;
        background: #27323a;
        padding-top: 0px;
        padding-left: 20px;
        height: 0px !important;
    }
}
@media only screen and (max-width: 1200px) {
    .partner-profile {
        color: #E4E4E4;
        position: absolute;
        right: 10px;
        top: 81px;
        font-size: 13px;
        background: #27323a;
        padding-top: 0px;
        padding-left: 20px;
        height: 0px !important;
    }
    .header-right {
        padding-top: 10px;
        position: absolute;
        right: 10px;
    }
    #sparks li {
        padding: 0 5px;
    }
    .sparks-info {
        min-width: 60px;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .partner-profile .additional-header-info {
        display: none;
    }
    #sparks li:last-child {
        padding-right: 3px;
    }
    .profile-pic {
        float: none;
    }


}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {

}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 600px) {

    .partner-profile .dealer-header-info {
        display: none;
    }
    .header-user {
        display: none;
    }
    #sparks {
        margin-left: 0!important;
        width: 100%;
    }
    .sparks-info {
        float: left;
        margin-left: 20px;
    }
    .dealer-info-box {
        margin-bottom: 10px!important;
    }
    .sparks-info {
        min-width: 50px;
    }
    .dealers-filter {
        position: absolute;
        top: 6px;
        z-index: 500;
        left: 220px;
    }
    .hide-mobile {
        display: none;
    }
    .show-mobile {
        display: block;
        font-size: 13px;
        font-weight: bold;
        color: #666;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .partner-profile {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .dealer-info-box .form-row {
        width: 50%;
    }
}

@media only screen and (max-width: 1200px) {
    .dealer-info-box .form-row {
        width: 100%;
    }
}

/*Breadcrumbs Arrows*/

.wizard
{
    display: flex;
    margin: 50px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.wizard .item
{
    width: 100%;
    margin-left: 0.25%;
    position: relative;
    display: inline-block;
}

.wizard .item a
{
    display: block;
    width: 100%;
    height: 60px;
    padding: 20px 30px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    overflow: hidden;
    background: #005ba9;
    cursor: pointer;
    clear: both;
}

.wizard .item label
{
    display: block;
    width: 100%;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    border: 5px solid #005ba9;
    cursor: pointer;
    clear: both;
}

.wizard a:hover
{
    text-decoration: none;
}

.wizard .item:first-child
{
    margin-left: 0;
}

.wizard:not(.left-arrow) a:before
{
    width: 0;
    height: 0;
    border-top: 30px inset transparent;
    border-bottom: 30px inset transparent;
    border-left: 30px solid #FFFFFF;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard:not(.left-arrow) a:after
{
    width: 0;
    height: 0;
    border-top: 30px inset transparent;
    border-bottom: 30px inset transparent;
    border-left: 30px solid #005ba9;
    position: absolute;
    content: "";
    top: 0;
    right: -30px;
    z-index: 2;
}

.wizard .item:first-child a:before/*,
.wizard .item:last-child a:after*/
{
    border: none;
}

.smart-form .btn.inside-form {
    height: 31px;
    margin: 10px 10px 10px 0;
    padding: 0 22px;
    font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.smart-form .inline-group.user-langs {
    margin-right: 0;
}

.smart-form .inline-group.user-langs.required-open {
    border-style: solid;
    border-width: 1px;
    margin-right: 0;
}