/*
 * 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
 */

body.smart-style-6 #logo-group>span#logo:before {
    content: "Spica Time&Space";
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    margin-top: 1px;
    display: block
}

body.smart-style-2 #logo img {
    width: 140px;
    padding-left: 4px;
}

body.smart-style-2 #logoVTime {
    position: absolute;
    padding-top: 1px;
    font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;;
    font-size: 17px;
}

body.smart-style-2 #header {
    /* background-color: #979797;
    background-image: linear-gradient(to bottom,#979797,#868686);
    height: 54px; */
    box-shadow: 0px 0px 6px 1px rgb(167, 167, 167);
    background-color: #f3f3f3;
}

body.smart-style-3 #header {
    background-color: #F2F2F2;
    background-image: linear-gradient(to bottom,#F2F2F2,#BDBDBD);
}

.smart-style-3 .btn-header>:first-child>a #logo-group span#activity, .smart-style-3 .btn-header>:first-child>a, 
.smart-style-3 #logo-group span#activity, .smart-style-3 .btn-header>:first-child>a {
    background-color: #6E6E6E;
    background-image: linear-gradient(to bottom,#6E6E6E,#585858);
    border: 1px solid #848484;
    text-shadow: #585858 0 -1px;
}

.smart-style-3 .dropdown-menu {
    border-radius: 0;
    border-bottom: 2px solid #ADADAD;
    background: #FFF;
}

.open>.dropdown-menu {
    animation-name: none;
}

#ribbon {
    border-bottom:1px solid #F2F2F2;
    font-size: 0.9rem;
}

.graph-employee-name:hover {
    cursor: pointer;
    text-decoration: underline;
}

.smart-style-2 nav ul ul li>a {
    padding-left: 53px;
}

/* PrimeNg tree icon color. */
.ui-treenode-icon {
    color: #424242;
}

#headerActions .hidden-menu #hide-menu>:first-child>a i{
    background-color: initial;
    color: initial;
}

.beradcrumb{
    font-size: 1.2em;
}

.loadingImage{
    position: absolute;
    position: absolute;
    top:4px;
    bottom: 155px;
    left: 30px;
    right: 0px;
    margin: auto;
}

.smart-style-2 nav ul li.active{
    border-left: 3px solid rgb(39, 39, 39);
    margin-left: -15px;
    padding-left: 12px;
}


/* DX overrides */
app-dashboard .dx-datagrid-pager {
    border-top: 1px solid #ddd;
}


/* non-compact */

/* .dx-non-compact .menu-items {
    padding: 6px 8px;
}

.dx-non-compact .dx-dropdownbutton-action.dx-button .dx-button-content {
    padding-right: 10px;
    padding-left: 10px;
}

.dx-non-compact .dx-button-has-text .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-non-compact .dx-button-has-icon .dx-button-content {
    padding: 8px;
}

.dx-non-compact .dx-texteditor-input {
    padding: 7px 9px 8px;
} */

/* .dx-non-compact .dx-widget {
    font-size: 12px;
    line-height: 1.35715;    
} */

/* line-height: 1.58334;     */

/* .dx-non-compact .dx-tag-content {
    margin: 4px 0 0 4px;
    padding: 3px 25px 4px 6px;
    min-width: 40px;
} */