@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);

body {
    font-family: 'Lato','Helvetica Neue',Arial,Helvetica,sans-serif;
}

h1 {
    font-size: 1.5rem;  
    font-weight: bold;
}

h2 {
    font-size: 1.2rem;
    font-weight: bold;
}
h3{
    font-weight: bold;
}

h4 {
    font-weight: bold;
}

h5 {
    font-weight: normal;
}


.h2-kzn {
    background-color: #2b2d3d;
    color: white;
    padding-left: 10px;
    border-color: #cccccc;
    border-bottom: solid 1px;
}

.h3-kzn-underlined {
    border-bottom: solid 1px;
    width: 100%;
    border-color: #aaaaaa;
}

.kaizen-table {
    background-color: white;
    text-align: left;
    overflow-y: auto;
}

a {
    color: #000000;
}

.btn-icon-kzn {
    padding: 4px;
}

.no-border {
    border: none !important;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.text-action {
    text-decoration: underline;
    cursor: pointer;
}

.toggleIcon {
    cursor: pointer;
    height: 10px;
}


.warning-dialog {
    margin-top: 10px;
}

.text-grey {
    color: #999999;
}

.rz-sidebar {
    background-color: #2b2d3d;
}

.rz-panel-title {
    font-weight: bold;
}

.rz-panel-menu .rz-navigation-item {
    background-color: #2b2d3d;
    border-color: #34495e;
    font-weight: bold;
}

.rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: #34495e;
}

.rz-panel-menu .rz-navigation-item-wrapper:hover {
    background-color: #34495e;
}

.rz-progressbar-value {
    background-color: inherit;
}


.rz-progressbar-label {
    font-size:12px;
}
.rz-button {
    font-weight: bold;
}

.rz-button.btn-secondary {
    color: white;
    background-color: #2b2d3d;
}

.rz-selectbutton .rz-button.rz-state-active, .rz-selectbutton .rz-state-active.rz-paginator-element {
    background-color: #e2e3e6;
    border: none;
    color: #2b2d3d;
}

.kzn-value {
    font-weight:normal;
    font-size:22px;
}

.label-emphasis {
    position: absolute;
    font-size: 1.3rem;
    right: 2.5rem;
}

.perc-emphasis {
    font-style:italic;
    color: #a6a6a6;
}

.rz-spinner input[type='number'], .rz-spinner input[type='text'] {
    padding: 1px 24px 1px 0.5rem;
}

.rz-rating {
    display: inline-flex;
    font-size: 1rem;
    height: 1em;
}
.rz-rating .rzi-star {
    color: #ff6d41;
}
.rz-grid-header {
    font-weight: bold;
}

.rz-grid-filter .rz-grid-filter-label {
    font-weight: bold;
}
.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    font-size: 0.8rem;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    font-size: 0.8rem;
}

.rz-column-footer {
    font-size: 0.8rem;
}

.territory-summary {
    font-size: 0.8rem;
    font-weight: bold;
    vertical-align: middle;
}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 45%;
    position: relative;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

pre .str, code .str {
    color: #65B042;
}
/* string  - green */
pre .kwd, code .kwd {
    color: #E28964;
}
/* keyword - dark pink */
pre .com, code .com {
    color: #AEAEAE;
    font-style: italic;
}
/* comment - gray */
pre .typ, code .typ {
    color: #89bdff;
}
/* type - light blue */
pre .lit, code .lit {
    color: #3387CC;
}
/* literal - blue */
pre .pun, code .pun {
    color: #fff;
}
/* punctuation - white */
pre .pln, code .pln {
    color: #fff;
}
/* plaintext - white */
pre .tag, code .tag {
    color: #89bdff;
}
/* html/xml tag    - light blue */
pre .atn, code .atn {
    color: #bdb76b;
}
/* html/xml attribute name  - khaki */
pre .atv, code .atv {
    color: #65B042;
}
/* html/xml attribute value - green */
pre .dec, code .dec {
    color: #3387CC;
}
/* decimal - blue */

pre.prettyprint, code.prettyprint {
    background-color: #000;
    border-radius: 8px;
}

pre.prettyprint {
    width: 95%;
    margin: 1em auto;
    padding: 1em;
    white-space: pre-wrap;
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #AEAEAE;
}
/* IE indents via margin-left */
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}
/* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 {
}

@media print {
    pre .str, code .str {
        color: #060;
    }

    pre .kwd, code .kwd {
        color: #006;
        font-weight: bold;
    }

    pre .com, code .com {
        color: #600;
        font-style: italic;
    }

    pre .typ, code .typ {
        color: #404;
        font-weight: bold;
    }

    pre .lit, code .lit {
        color: #044;
    }

    pre .pun, code .pun {
        color: #440;
    }

    pre .pln, code .pln {
        color: #000;
    }

    pre .tag, code .tag {
        color: #006;
        font-weight: bold;
    }

    pre .atn, code .atn {
        color: #404;
    }

    pre .atv, code .atv {
        color: #060;
    }
}