@font-face {
	font-family: 'Aileron';
	src: url('../fonts/Aileron-Light.eot');
	src: url('../fonts/Aileron-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Aileron-Light.woff') format('woff'),
		url('../fonts/Aileron-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

html {
    box-sizing: border-box;
    font-family: Calibri,Arial;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    overflow-y:hidden;
   
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

@-ms-viewport {
    width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: Calibri, Roboto, "Helvetica Neue", Arial, sans-serif;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    color: #151b1e;
    background-color: #efefef;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: bold;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #20a8d8;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #167495;
        text-decoration: underline;
    }

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

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

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #536c79;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: left;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

.edtdelorder{list-style:none; padding:0px; margin:0px; width:4%; float:right;}
    .edtdelorder li.editlst { height: 40px;    text-align: center;     background: #00b0f0; border-top-right-radius: 5px; color:#ffffff; cursor:pointer;}
    .edtdelorder li.dellst{height: 40px;    text-align: center;     background: #bfbfbf; color:#ffffff; cursor:pointer;   }
progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: normal;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 5px;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.09375rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #536c79;
}

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #e4e5e6;
    border: 1px solid #ddd;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #536c79;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f0f3f5;
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #fff;
    background-color: #151b1e;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
    }

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #151b1e;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

    @media (min-width: 576px) {
        .container {
            max-width: 540px;
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {
        .container {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1140px;
        }
    }

    @media (max-width: 1141px) {
        .box_container_col {
            border-right: 0px solid #e1e1e1 !important;
        }
    }

    .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        float: left;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0rem;
    background-color: transparent;
}

    .table th,
    .table td {
        padding: 0.45rem;
        vertical-align: middle;
        border-top: 0px solid #c2cfd6;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #42a5f5;
    }

    .table tbody + tbody {
        border-top: 2px solid #c2cfd6;
    }

    .table .table {
        background-color: #e4e5e6;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #c2cfd6;
}

    .table-bordered th,
    .table-bordered td {
        border: 0px solid #c2cfd6;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #c1e7f4;
}

.table-hover .table-primary:hover {
    background-color: #abdff0;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #abdff0;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #e6ebee;
}

.table-hover .table-secondary:hover {
    background-color: #d7dfe4;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #d7dfe4;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #cdedd8;
}

.table-hover .table-success:hover {
    background-color: #bae6c9;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #bae6c9;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #d3eef6;
}

.table-hover .table-info:hover {
    background-color: #bee6f2;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #bee6f2;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #fdd6d6;
}

.table-hover .table-danger:hover {
    background-color: #fcbebe;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #fcbebe;
    }

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ecf1f1;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ecf1f1;
    }

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c3c7c9;
}

.table-hover .table-dark:hover {
    background-color: #b6babd;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b6babd;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.thead-inverse th {
    color: #e4e5e6;
    background-color: #151b1e;
}

.thead-default th {
    color: #3e515b;
    background-color: #c2cfd6;
}

.table-inverse {
    color: #e4e5e6;
    background-color: #151b1e;
}

    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th {
        border-color: #252f35;
    }

    .table-inverse.table-bordered {
        border: 0;
    }

    .table-inverse.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-inverse.table-hover tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.075);
    }

@media (max-width: 3000px) {
    .table-responsive {
        margin-bottom: 10px;
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive.table-bordered {
            border: 0;
        }
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25;
    color: #3e515b;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #c2cfd6;
    border-radius: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #3e515b;
        background-color: #fff;
        border-color: #8ad4ee;
        outline: none;
    }

    .form-control::placeholder {
        color: #536c79;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e3e9ec;
        opacity: 1;
        cursor: not-allowed;
    }

/*select.form-control:not([size]):not([multiple]) {
  height: calc(2.09375rem - 2px); }*/

select.form-control:focus::-ms-value {
    color: #3e515b;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
}

.col-form-label {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    margin-bottom: 0;
}

.col-form-label-lg {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem - 1px * 2);
    padding-bottom: calc(0.25rem - 1px * 2);
    font-size: 0.875rem;
}

.col-form-legend {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
}

.form-control-plaintext {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
    .input-group-sm > .form-control-plaintext.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
    .input-group-lg > .form-control-plaintext.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-plaintext.btn {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: calc(2.3125rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
}

    .form-check.disabled .form-check-label {
        color: #536c79;
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -1.25rem;
}

    .form-check-input:only-child {
        position: static;
    }

.form-check-inline {
    display: inline-block;
}

    .form-check-inline .form-check-label {
        vertical-align: middle;
    }

    .form-check-inline + .form-check-inline {
        margin-left: 0.75rem;
    }

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    font-size: .875rem;
    color: #f86c6b;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    width: 250px;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(248, 108, 107, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
    border-color: #4dbd74;
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
    .custom-select:valid:focus,
    .custom-select.is-valid:focus {
        box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
    }

    .was-validated .form-control:valid ~ .invalid-feedback,
    .was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback,
    .form-control.is-valid ~ .invalid-tooltip, .was-validated
    .custom-select:valid ~ .invalid-feedback,
    .was-validated
    .custom-select:valid ~ .invalid-tooltip,
    .custom-select.is-valid ~ .invalid-feedback,
    .custom-select.is-valid ~ .invalid-tooltip {
        display: block;
    }

.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
    color: #4dbd74;
}

.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
    background-color: rgba(77, 189, 116, 0.25);
}

.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
    color: #4dbd74;
}

.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
    border-color: #4dbd74;
}

    .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
    box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
    border-color: #f86c6b;
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
    .custom-select:invalid:focus,
    .custom-select.is-invalid:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
    }

    .was-validated .form-control:invalid ~ .invalid-feedback,
    .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip, .was-validated
    .custom-select:invalid ~ .invalid-feedback,
    .was-validated
    .custom-select:invalid ~ .invalid-tooltip,
    .custom-select.is-invalid ~ .invalid-feedback,
    .custom-select.is-invalid ~ .invalid-tooltip {
        display: block;
    }

.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
    color: #f86c6b;
}

.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
    background-color: rgba(248, 108, 107, 0.25);
}

.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
    color: #f86c6b;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
    border-color: #f86c6b;
}

    .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .form-check-label {
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: 0.25rem;
        vertical-align: text-bottom;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
}

    .btn:focus, .btn:hover {
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 3px rgba(32, 168, 216, 0.25);
    }

    .btn.disabled, .btn:disabled {
        opacity: .65;
    }

    .btn:active, .btn.active {
        background-image: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #42a5f5;
    border-color: #42a5f5;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #3092e1;
        border-color: #3092e1;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 3px rgba(32, 168, 216, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #20a8d8;
        border-color: #20a8d8;
    }

    .btn-primary:active, .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #1b8eb7;
        background-image: none;
        border-color: #1985ac;
    }

.btn-secondary {
    color: #fff;
    background-color: #a4a4a4;
    border-color: #a4a4a4;
}

    .btn-secondary:hover {
        color: #fff !important;
        background-color: #8f8d8d;
        border-color: #8f8d8d;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 3px rgba(164, 183, 193, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: #a4b7c1;
        border-color: #a4b7c1;
    }

    .btn-secondary:active, .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: #8da5b2;
        background-image: none;
        border-color: #869fac;
    }

.btn-success {
    color: #fff;
    background-color: #4dbd74;
    border-color: #4dbd74;
}

    .btn-success:hover {
        color: #fff;
        background-color: #3ea662;
        border-color: #3a9d5d;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 3px rgba(77, 189, 116, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #4dbd74;
        border-color: #4dbd74;
    }

    .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: #3ea662;
        background-image: none;
        border-color: #3a9d5d;
    }

.btn-info {
    color: #111;
    background-color: #63c2de;
    border-color: #63c2de;
}

    .btn-info:hover {
        color: #111;
        background-color: #43b6d7;
        border-color: #39b2d5;
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 3px rgba(99, 194, 222, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #63c2de;
        border-color: #63c2de;
    }

    .btn-info:active, .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        background-color: #43b6d7;
        background-image: none;
        border-color: #39b2d5;
    }

.btn-warning {
    color: #111;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #111;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        background-color: #e0a800;
        background-image: none;
        border-color: #d39e00;
    }

.btn-danger {
    color: #fff;
    background-color: #e22009 !important;
    border-color: #e22009 !important;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #f64846;
        border-color: #f63c3a;
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 3px rgba(248, 108, 107, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: #f86c6b;
        border-color: #f86c6b;
    }

    .btn-danger:active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        background-color: #f64846;
        background-image: none;
        border-color: #f63c3a;
    }

.btn-light {
    color: #111;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

    .btn-light:hover {
        color: #111;
        background-color: #d9e1e6;
        border-color: #d1dbe1;
    }

    .btn-light:focus, .btn-light.focus {
        box-shadow: 0 0 0 3px rgba(240, 243, 245, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        background-color: #f0f3f5;
        border-color: #f0f3f5;
    }

    .btn-light:active, .btn-light.active,
    .show > .btn-light.dropdown-toggle {
        background-color: #d9e1e6;
        background-image: none;
        border-color: #d1dbe1;
    }

.btn-dark {
    color: #fff;
    background-color: #29363d;
    border-color: #29363d;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #1a2226;
        border-color: #151b1f;
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 3px rgba(41, 54, 61, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        background-color: #29363d;
        border-color: #29363d;
    }

    .btn-dark:active, .btn-dark.active,
    .show > .btn-dark.dropdown-toggle {
        background-color: #1a2226;
        background-image: none;
        border-color: #151b1f;
    }

.btn-outline-primary {
    color: #20a8d8;
    background-color: transparent;
    background-image: none;
    border-color: #20a8d8;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #20a8d8;
        border-color: #20a8d8;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 3px rgba(32, 168, 216, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #20a8d8;
        background-color: transparent;
    }

    .btn-outline-primary:active, .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #20a8d8;
        border-color: #20a8d8;
    }

.btn-outline-secondary {
    color: #a4b7c1;
    background-color: transparent;
    background-image: none;
    border-color: #a4b7c1;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #a4b7c1;
        border-color: #a4b7c1;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 3px rgba(164, 183, 193, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #a4b7c1;
        background-color: transparent;
    }

    .btn-outline-secondary:active, .btn-outline-secondary.active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #a4b7c1;
        border-color: #a4b7c1;
    }

.btn-outline-success {
    color: #4dbd74;
    background-color: transparent;
    background-image: none;
    border-color: #4dbd74;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #4dbd74;
        border-color: #4dbd74;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 3px rgba(77, 189, 116, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #4dbd74;
        background-color: transparent;
    }

    .btn-outline-success:active, .btn-outline-success.active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #4dbd74;
        border-color: #4dbd74;
    }

.btn-outline-info {
    color: #63c2de;
    background-color: transparent;
    background-image: none;
    border-color: #63c2de;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #63c2de;
        border-color: #63c2de;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 3px rgba(99, 194, 222, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #63c2de;
        background-color: transparent;
    }

    .btn-outline-info:active, .btn-outline-info.active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #63c2de;
        border-color: #63c2de;
    }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-outline-warning:active, .btn-outline-warning.active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #ffc107;
        border-color: #ffc107;
    }

.btn-outline-danger {
    color: #f86c6b;
    background-color: transparent;
    background-image: none;
    border-color: #f86c6b;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #f86c6b;
        border-color: #f86c6b;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 3px rgba(248, 108, 107, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #f86c6b;
        background-color: transparent;
    }

    .btn-outline-danger:active, .btn-outline-danger.active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #f86c6b;
        border-color: #f86c6b;
    }

.btn-outline-light {
    color: #f0f3f5;
    background-color: transparent;
    background-image: none;
    border-color: #f0f3f5;
}

    .btn-outline-light:hover {
        color: #fff;
        background-color: #f0f3f5;
        border-color: #f0f3f5;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 3px rgba(240, 243, 245, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f0f3f5;
        background-color: transparent;
    }

    .btn-outline-light:active, .btn-outline-light.active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #fff;
        background-color: #f0f3f5;
        border-color: #f0f3f5;
    }

.btn-outline-dark {
    color: #29363d;
    background-color: transparent;
    background-image: none;
    border-color: #29363d;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #29363d;
        border-color: #29363d;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 3px rgba(41, 54, 61, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #29363d;
        background-color: transparent;
    }

    .btn-outline-dark:active, .btn-outline-dark.active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #29363d;
        border-color: #29363d;
    }

.btn-link {
    font-weight: normal;
    color: #20a8d8;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
        background-color: transparent;
    }

        .btn-link, .btn-link:focus, .btn-link:active {
            border-color: transparent;
            box-shadow: none;
        }

            .btn-link:hover {
                border-color: transparent;
            }

            .btn-link:focus, .btn-link:hover {
                color: #167495;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link:disabled {
                color: #536c79;
            }

                .btn-link:disabled:focus, .btn-link:disabled:hover {
                    text-decoration: none;
                }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1.4;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.show {
        opacity: 1;
    }

.collapse {
    display: none;
    line-height: normal;
}

    .collapse.show {
        display: block;
    }

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle::after {
      display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
     color:#a5a5a5
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    /*margin: 1.5rem 0 0 9.2rem;*/
    margin: 2.3rem 0 0 0.6rem;
    font-size: 0.875rem;
    color: #151b1e;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c2cfd6;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #f0f3f5;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: normal;
    color: #151b1e;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #0b0e0f;
        text-decoration: none;
        background-color: #f0f3f5;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #20a8d8;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #536c79;
        background-color: transparent;
    }

.show > a {
    outline: 0;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #536c79;
    white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 0 1 auto;
        margin-bottom: 0;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 2;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group,
    .btn-group-vertical .btn + .btn,
    .btn-group-vertical .btn + .btn-group,
    .btn-group-vertical .btn-group + .btn,
    .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

.btn + .dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .btn + .dropdown-toggle-split::after {
        margin-left: 0;
    }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    width: 100%;
}

    .input-group .form-control {
        position: relative;
        z-index: 1;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: flex;
        align-items: center;
    }

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.25;
    color: #3e515b;
    text-align: center;
    background-color: #f0f3f5;
    border: 1px solid #c2cfd6;
}

    .input-group-addon.form-control-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

    .input-group-addon.form-control-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group-addon:not(:last-child) {
        border-right: 1px solid #c2cfd6;
    }

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
            z-index: 3;
        }

    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

        .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
        .input-group-btn:not(:first-child) > .btn-group:focus,
        .input-group-btn:not(:first-child) > .btn-group:active,
        .input-group-btn:not(:first-child) > .btn-group:hover {
            z-index: 3;
        }

.custom-control {
    position: relative;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #fff;
        background-color: #20a8d8;
    }

    .custom-control-input:focus ~ .custom-control-indicator {
        box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 3px #20a8d8;
    }

    .custom-control-input:active ~ .custom-control-indicator {
        color: #fff;
        background-color: #b6e4f4;
    }

    .custom-control-input:disabled ~ .custom-control-indicator {
        background-color: #c2cfd6;
    }

    .custom-control-input:disabled ~ .custom-control-description {
        color: #536c79;
    }

.custom-control-indicator {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #20a8d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
    display: flex;
    flex-direction: column;
}

    .custom-controls-stacked .custom-control {
        margin-bottom: 0.25rem;
    }

        .custom-controls-stacked .custom-control + .custom-control {
            margin-left: 0;
        }

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.09375rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.25;
    color: #3e515b;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #c2cfd6;
    border-radius: 0;
    appearance: none;
}

    .custom-select:focus {
        border-color: #8ad4ee;
        outline: none;
    }

        .custom-select:focus::-ms-value {
            color: #3e515b;
            background-color: #fff;
        }

    .custom-select:disabled {
        color: #536c79;
        background-color: #c2cfd6;
    }

    .custom-select::-ms-expand {
        opacity: 0;
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0;
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #3e515b;
    pointer-events: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #c2cfd6;
}

    .custom-file-control:lang(en):empty::after {
        content: "Choose file...";
    }

    .custom-file-control::before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: 0.5rem 1rem;
        line-height: 1.5;
        color: #3e515b;
        background-color: #c2cfd6;
        border: 1px solid #c2cfd6;
    }

    .custom-file-control:lang(en)::before {
        content: "Browse";
    }

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link, .navbar .dropdown-toggle {
    display: block;
    padding: 0.5rem 1rem;
}

    .nav-link:focus, .navbar .dropdown-toggle:focus, .nav-link:hover, .navbar .dropdown-toggle:hover {
        text-decoration: none;
    }

    .nav-link.disabled, .navbar .disabled.dropdown-toggle {
        color: #536c79;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
        text-align: center;
    }

    .nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle {
        border: 1px solid transparent;
    }

        .nav-tabs .nav-link:focus, .nav-tabs .navbar .dropdown-toggle:focus, .navbar .nav-tabs .dropdown-toggle:focus, .nav-tabs .nav-link:hover, .nav-tabs .navbar .dropdown-toggle:hover, .navbar .nav-tabs .dropdown-toggle:hover {
            border-color: #c2cfd6 #c2cfd6 #ddd;
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .navbar .disabled.dropdown-toggle, .navbar .nav-tabs .disabled.dropdown-toggle {
            color: #536c79;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle,
        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-item.show .navbar .dropdown-toggle, .navbar
        .nav-tabs .nav-item.show .dropdown-toggle {
            color: #3e515b;
            background-color: #e4e5e6;
            border-color: #ddd #ddd #e4e5e6;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
    }

.nav-pills .nav-link.active, .nav-pills .navbar .active.dropdown-toggle, .navbar .nav-pills .active.dropdown-toggle,
.show > .nav-pills .nav-link,
.show > .nav-pills .navbar .dropdown-toggle, .navbar
.show > .nav-pills .dropdown-toggle {
    color: #fff;
    background-color: #20a8d8;
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.21875rem;
    padding-bottom: 0.21875rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    align-items: center;
}

.navbar-toggler {
    /*padding: 0.25rem 0.75rem;*/
    width: 40px;
    height: 35px;
    margin: -2px 0px 0px -1px;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    background: #b53e3e url(../img/top_menu_icon.png) no-repeat 10px;
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-sm .navbar-nav .dropdown-toggle {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-md .navbar-nav .dropdown-toggle {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-lg .navbar-nav .dropdown-toggle {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}
@media (max-width: 1226px) {
    .saf_w_100_1 {
        flex: 100%;
        max-width: 100%;
    }

}
    @media (max-width: 1199px) {
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            padding-right: 0;
            padding-left: 0;
        }

        .saf_w_100 {
            flex: 100%;
            max-width: 100%;
        }

       


        .saf-col-pre {
            flex: 50%;
            max-width: 50%;
        }
    }

    @media (max-width: 1240px) {


        .saf_w_100 {
            flex: 100% !important;
            max-width: 100% !important;
        }
    }

    @media (max-width: 1323px) {


        .w100p {
            flex: 100% !important;
            max-width: 100% !important;
        }
    }

    @media only screen and (min-width:1241px) and (max-width:1345px) {
        .client_region_f19 {
            font-size: 19px !important;
        }
    }

    @media (max-width: 1305px) {


        .saf_w_100_5 {
            flex: 100%;
            max-width: 100%;
        }

        .saf_w_100_5_left {
            float: left !important;
        }
    }

    @media (max-width: 1214px) {

        .saf_w_100_2 {
            flex: 100%;
            max-width: 100%;
        }
    }


    @media (max-width: 969px) {


        .saf_w_100_3 {
            flex: 100%;
            max-width: 100%;
        }
    }

    @media (min-width: 1200px) {
        .navbar-expand-xl {
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .navbar-expand-xl .navbar-nav {
                flex-direction: row;
            }

                .navbar-expand-xl .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                    right: 0;
                    left: auto;
                }

                .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-xl .navbar-nav .dropdown-toggle {
                    padding-right: .5rem;
                    padding-left: .5rem;
                }

            .navbar-expand-xl > .container,
            .navbar-expand-xl > .container-fluid {
                flex-wrap: nowrap;
            }

            .navbar-expand-xl .navbar-collapse {
                display: flex !important;
            }

            .navbar-expand-xl .navbar-toggler {
                display: none;
            }
    }

    .navbar-expand {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand > .container,
        .navbar-expand > .container-fluid {
            padding-right: 0;
            padding-left: 0;
        }

        .navbar-expand .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand .navbar-nav .dropdown-toggle {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand > .container,
        .navbar-expand > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand .navbar-toggler {
            display: none;
        }

    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
            color: rgba(0, 0, 0, 0.9);
        }

    .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-light .navbar-nav .dropdown-toggle {
        color: rgba(0, 0, 0, 0.5);
    }

        .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-light .navbar-nav .dropdown-toggle:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-light .navbar-nav .dropdown-toggle:hover {
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .navbar .disabled.dropdown-toggle, .navbar .navbar-light .navbar-nav .disabled.dropdown-toggle {
            color: rgba(0, 0, 0, 0.3);
        }

        .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .navbar .show > .dropdown-toggle, .navbar .navbar-light .navbar-nav .show > .dropdown-toggle,
        .navbar-light .navbar-nav .active > .nav-link,
        .navbar-light .navbar-nav .navbar .active > .dropdown-toggle, .navbar
        .navbar-light .navbar-nav .active > .dropdown-toggle,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .navbar .show.dropdown-toggle, .navbar
        .navbar-light .navbar-nav .show.dropdown-toggle,
        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .navbar .active.dropdown-toggle, .navbar
        .navbar-light .navbar-nav .active.dropdown-toggle {
            color: rgba(0, 0, 0, 0.9);
        }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.1);
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-light .navbar-text {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-dark .navbar-brand {
        color: white;
    }

        .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
            color: white;
        }

    .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-dark .navbar-nav .dropdown-toggle {
        color: rgba(255, 255, 255, 0.5);
    }

        .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-dark .navbar-nav .dropdown-toggle:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-dark .navbar-nav .dropdown-toggle:hover {
            color: rgba(255, 255, 255, 0.75);
        }

        .navbar-dark .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav .navbar .disabled.dropdown-toggle, .navbar .navbar-dark .navbar-nav .disabled.dropdown-toggle {
            color: rgba(255, 255, 255, 0.25);
        }

        .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .navbar .show > .dropdown-toggle, .navbar .navbar-dark .navbar-nav .show > .dropdown-toggle,
        .navbar-dark .navbar-nav .active > .nav-link,
        .navbar-dark .navbar-nav .navbar .active > .dropdown-toggle, .navbar
        .navbar-dark .navbar-nav .active > .dropdown-toggle,
        .navbar-dark .navbar-nav .nav-link.show,
        .navbar-dark .navbar-nav .navbar .show.dropdown-toggle, .navbar
        .navbar-dark .navbar-nav .show.dropdown-toggle,
        .navbar-dark .navbar-nav .nav-link.active,
        .navbar-dark .navbar-nav .navbar .active.dropdown-toggle, .navbar
        .navbar-dark .navbar-nav .active.dropdown-toggle {
            color: white;
        }

    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-dark .navbar-text {
        color: rgba(255, 255, 255, 0.5);
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid #ececec;
        /*margin-top:5px;*/
    }

    .card-body, .card-block {
        flex: 1 1 auto;
        padding: 0.7rem 0.7rem 0 0.7rem;
    }

    .card-title {
        /*margin-bottom: 0.75rem;*/ font-size: 1.5rem;
        padding-top: 5px;
        font-weight: bold;
    }

    h4.card-title {
        margin: 3px 0px 8px 0px;
    }

    .card-subtitle {
        margin-top: -0.375rem;
        margin-bottom: 0;
    }

    .card-text:last-child {
        margin-bottom: 0;
    }

    .card-link:hover {
        text-decoration: none;
    }

    .card-link + .card-link {
        margin-left: 1.25rem;
    }

    .card-header {
        padding: 0rem 0.7rem;
        margin-bottom: 0;
        background-color: #4ac6ff;
        border: 1px solid #4ac6ff;
        color: #ffffff;
        font-weight: bold;
        font-size: 18px;
    }

    .card-footer {
        padding: 0.75rem 1.25rem;
        background-color: #f0f3f5;
        border-top: 1px solid #c2cfd6;
    }

    .card-header-tabs {
        margin-right: -0.625rem;
        margin-bottom: -0.75rem;
        margin-left: -0.625rem;
        border-bottom: 0;
    }

    .card-header-pills {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
    }

    .card-img {
        width: 100%;
    }

    .card-img-top {
        width: 100%;
    }

    .card-img-bottom {
        width: 100%;
    }

    @media (min-width: 576px) {
        .card-deck {
            display: flex;
            flex-flow: row wrap;
            margin-right: -15px;
            margin-left: -15px;
        }

            .card-deck .card {
                display: flex;
                flex: 1 0 0%;
                flex-direction: column;
                margin-right: 15px;
                margin-left: 15px;
            }
    }

    @media (min-width: 576px) {
        .card-group {
            display: flex;
            flex-flow: row wrap;
        }

            .card-group .card {
                flex: 1 0 0%;
            }

                .card-group .card + .card {
                    margin-left: 0;
                    border-left: 0;
                }
    }

    .card-columns .card {
        margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
        .card-columns {
            column-count: 3;
            column-gap: 1.25rem;
        }

            .card-columns .card {
                display: inline-block;
                width: 100%;
            }
    }

    .breadcrumb {
        padding: 1.3rem 1.5rem;
        margin-bottom: 1rem;
        list-style: none;
        /*background-color: #fff;*/
    }

        .breadcrumb::after {
            display: block;
            clear: both;
            content: "";
        }

    .breadcrumb-item {
        float: left;
    }

        .breadcrumb-item a {
            color: #4a4a4a;
        }

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.5rem;
            padding-left: 0.5rem;
            color: #4a4a4a;
            content: "/";
        }

        .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: underline;
        }

        .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: none;
        }

        .breadcrumb-item.active {
            color: #009cff;
        }

    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
    }

        .page-item:first-child .page-link, .pagination-datatables li:first-child .page-link, .pagination li:first-child .page-link, .page-item:first-child .pagination-datatables li a, .pagination-datatables li .page-item:first-child a, .pagination-datatables li:first-child a, .page-item:first-child .pagination li a, .pagination li .page-item:first-child a, .pagination li:first-child a {
            margin-left: 0;
        }

        .page-item.active .page-link, .pagination-datatables li.active .page-link, .pagination li.active .page-link, .page-item.active .pagination-datatables li a, .pagination-datatables li .page-item.active a, .pagination-datatables li.active a, .page-item.active .pagination li a, .pagination li .page-item.active a, .pagination li.active a {
            z-index: 2;
            color: #fff;
            background-color: #20a8d8;
            border-color: #20a8d8;
        }

        .page-item.disabled .page-link, .pagination-datatables li.disabled .page-link, .pagination li.disabled .page-link, .page-item.disabled .pagination-datatables li a, .pagination-datatables li .page-item.disabled a, .pagination-datatables li.disabled a, .page-item.disabled .pagination li a, .pagination li .page-item.disabled a, .pagination li.disabled a {
            color: #536c79;
            pointer-events: none;
            background-color: #fff;
            border-color: #ddd;
        }

        .page-link, .pagination-datatables li a, .pagination li a {
            position: relative;
            display: block;
            padding: 0.5rem 0.7rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #20a8d8;
            background-color: #fff;
            border: 1px solid #ddd;
        }

            .page-link:focus, .pagination-datatables li a:focus, .pagination li a:focus, .page-link:hover, .pagination-datatables li a:hover, .pagination li a:hover {
                color: #167495;
                text-decoration: none;
                background-color: #c2cfd6;
                border-color: #ddd;
            }

        .pagination-lg .page-link, .pagination-lg .pagination-datatables li a, .pagination-datatables li .pagination-lg a, .pagination-lg .pagination li a, .pagination li .pagination-lg a {
            padding: 0.75rem 1.5rem;
            font-size: 1.25rem;
            line-height: 1.5;
        }

        .pagination-sm .page-link, .pagination-sm .pagination-datatables li a, .pagination-datatables li .pagination-sm a, .pagination-sm .pagination li a, .pagination li .pagination-sm a {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            line-height: 1.5;
        }

    .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .badge:empty {
            display: none;
        }

    .btn .badge {
        position: relative;
        top: -1px;
    }

    .badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
    }

    .badge-primary {
        color: #fff;
        background-color: #20a8d8 !important;
    }

        .badge-primary[href]:focus, .badge-primary[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #1985ac;
        }

    .badge-secondary {
        color: #111;
        background-color: #a4b7c1 !important;
    }

        .badge-secondary[href]:focus, .badge-secondary[href]:hover {
            color: #111;
            text-decoration: none;
            background-color: #869fac;
        }

    .badge-success {
        color: #fff;
        background-color: #4dbd74 !important;
    }

        .badge-success[href]:focus, .badge-success[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #3a9d5d;
        }

    .badge-info {
        color: #111;
        background-color: #63c2de;
    }

        .badge-info[href]:focus, .badge-info[href]:hover {
            color: #111;
            text-decoration: none;
            background-color: #39b2d5;
        }

    .badge-warning {
        color: #111;
        background-color: #ffc107 !important;
    }

        .badge-warning[href]:focus, .badge-warning[href]:hover {
            color: #111;
            text-decoration: none;
            background-color: #d39e00;
        }

    .badge-danger {
        color: #fff;
        background-color: #f86c6b !important;
    }

        .badge-danger[href]:focus, .badge-danger[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #f63c3a;
        }

    .badge-light {
        color: #111;
        background-color: #f0f3f5;
    }

        .badge-light[href]:focus, .badge-light[href]:hover {
            color: #111;
            text-decoration: none;
            background-color: #d1dbe1;
        }

    .badge-dark {
        color: #fff;
        background-color: #29363d;
    }

        .badge-dark[href]:focus, .badge-dark[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #151b1f;
        }

    .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #c2cfd6;
    }

    @media (min-width: 576px) {
        .jumbotron {
            padding: 4rem 2rem;
        }
    }

    .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .alert {
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
    }

    .alert-heading {
        color: inherit;
    }

    .alert-link {
        font-weight: bold;
    }

    .alert-dismissible .close {
        position: relative;
        top: -0.75rem;
        right: -1.25rem;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

    .alert-primary {
        color: #115770;
        background-color: #d2eef7;
        border-color: #c1e7f4;
    }

        .alert-primary hr {
            border-top-color: #abdff0;
        }

        .alert-primary .alert-link {
            color: #0a3544;
        }

    .alert-secondary {
        color: #555f64;
        background-color: #edf1f3;
        border-color: #e6ebee;
    }

        .alert-secondary hr {
            border-top-color: #d7dfe4;
        }

        .alert-secondary .alert-link {
            color: #3e4548;
        }

    .alert-success {
        color: #28623c;
        background-color: #dbf2e3;
        border-color: #cdedd8;
    }

        .alert-success hr {
            border-top-color: #bae6c9;
        }

        .alert-success .alert-link {
            color: #193e26;
        }

    .alert-info {
        color: #336573;
        background-color: #e0f3f8;
        border-color: #d3eef6;
    }

        .alert-info hr {
            border-top-color: #bee6f2;
        }

        .alert-info .alert-link {
            color: #234650;
        }

    .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

        .alert-warning hr {
            border-top-color: #ffe8a1;
        }

        .alert-warning .alert-link {
            color: #533f03;
        }

    .alert-danger {
        color: #813838;
        background-color: #fee2e1;
        border-color: #fdd6d6;
    }

        .alert-danger hr {
            border-top-color: #fcbebe;
        }

        .alert-danger .alert-link {
            color: #5d2929;
        }

    .alert-light {
        color: #7d7e7f;
        background-color: #fcfdfd;
        border-color: #fbfcfc;
    }

        .alert-light hr {
            border-top-color: #ecf1f1;
        }

        .alert-light .alert-link {
            color: #646565;
        }

    .alert-dark {
        color: #151c20;
        background-color: #d4d7d8;
        border-color: #c3c7c9;
    }

        .alert-dark hr {
            border-top-color: #b6babd;
        }

        .alert-dark .alert-link {
            color: #010101;
        }

    @keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }

        to {
            background-position: 0 0;
        }
    }

    .progress {
        display: flex;
        overflow: hidden;
        font-size: 0.75rem;
        line-height: 1rem;
        text-align: center;
        background-color: #f0f3f5;
    }

    .progress-bar {
        height: 1rem;
        line-height: 1rem;
        color: #fff;
        background-color: #20a8d8;
        transition: width 0.6s ease;
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    .progress-bar-animated {
        animation: progress-bar-stripes 1s linear infinite;
    }

    .media {
        display: flex;
        align-items: flex-start;
    }

    .media-body {
        flex: 1;
    }

    .list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
    }

    .list-group-item-action {
        width: 100%;
        color: #3e515b;
        text-align: inherit;
    }

        .list-group-item-action:focus, .list-group-item-action:hover {
            color: #3e515b;
            text-decoration: none;
            background-color: #f0f3f5;
        }

        .list-group-item-action:active {
            color: #151b1e;
            background-color: #c2cfd6;
        }

    .list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.125);
    }

        .list-group-item:last-child {
            margin-bottom: 0;
        }

        .list-group-item:focus, .list-group-item:hover {
            text-decoration: none;
        }

        .list-group-item.disabled, .list-group-item:disabled {
            color: #536c79;
            background-color: #fff;
        }

        .list-group-item.active {
            z-index: 2;
            color: #fff;
            background-color: #20a8d8;
            border-color: #20a8d8;
        }

    .list-group-flush .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .list-group-flush:first-child .list-group-item:first-child {
        border-top: 0;
    }

    .list-group-flush:last-child .list-group-item:last-child {
        border-bottom: 0;
    }

    .list-group-item-primary {
        color: #115770;
        background-color: #c1e7f4;
    }

    a.list-group-item-primary,
    button.list-group-item-primary {
        color: #115770;
    }

        a.list-group-item-primary:focus, a.list-group-item-primary:hover,
        button.list-group-item-primary:focus,
        button.list-group-item-primary:hover {
            color: #115770;
            background-color: #abdff0;
        }

        a.list-group-item-primary.active,
        button.list-group-item-primary.active {
            color: #fff;
            background-color: #115770;
            border-color: #115770;
        }

    .list-group-item-secondary {
        color: #555f64;
        background-color: #e6ebee;
    }

    a.list-group-item-secondary,
    button.list-group-item-secondary {
        color: #555f64;
    }

        a.list-group-item-secondary:focus, a.list-group-item-secondary:hover,
        button.list-group-item-secondary:focus,
        button.list-group-item-secondary:hover {
            color: #555f64;
            background-color: #d7dfe4;
        }

        a.list-group-item-secondary.active,
        button.list-group-item-secondary.active {
            color: #fff;
            background-color: #555f64;
            border-color: #555f64;
        }

    .list-group-item-success {
        color: #28623c;
        background-color: #cdedd8;
    }

    a.list-group-item-success,
    button.list-group-item-success {
        color: #28623c;
    }

        a.list-group-item-success:focus, a.list-group-item-success:hover,
        button.list-group-item-success:focus,
        button.list-group-item-success:hover {
            color: #28623c;
            background-color: #bae6c9;
        }

        a.list-group-item-success.active,
        button.list-group-item-success.active {
            color: #fff;
            background-color: #28623c;
            border-color: #28623c;
        }

    .list-group-item-info {
        color: #336573;
        background-color: #d3eef6;
    }

    a.list-group-item-info,
    button.list-group-item-info {
        color: #336573;
    }

        a.list-group-item-info:focus, a.list-group-item-info:hover,
        button.list-group-item-info:focus,
        button.list-group-item-info:hover {
            color: #336573;
            background-color: #bee6f2;
        }

        a.list-group-item-info.active,
        button.list-group-item-info.active {
            color: #fff;
            background-color: #336573;
            border-color: #336573;
        }

    .list-group-item-warning {
        color: #856404;
        background-color: #ffeeba;
    }

    a.list-group-item-warning,
    button.list-group-item-warning {
        color: #856404;
    }

        a.list-group-item-warning:focus, a.list-group-item-warning:hover,
        button.list-group-item-warning:focus,
        button.list-group-item-warning:hover {
            color: #856404;
            background-color: #ffe8a1;
        }

        a.list-group-item-warning.active,
        button.list-group-item-warning.active {
            color: #fff;
            background-color: #856404;
            border-color: #856404;
        }

    .list-group-item-danger {
        color: #813838;
        background-color: #fdd6d6;
    }

    a.list-group-item-danger,
    button.list-group-item-danger {
        color: #813838;
    }

        a.list-group-item-danger:focus, a.list-group-item-danger:hover,
        button.list-group-item-danger:focus,
        button.list-group-item-danger:hover {
            color: #813838;
            background-color: #fcbebe;
        }

        a.list-group-item-danger.active,
        button.list-group-item-danger.active {
            color: #fff;
            background-color: #813838;
            border-color: #813838;
        }

    .list-group-item-light {
        color: #7d7e7f;
        background-color: #fbfcfc;
    }

    a.list-group-item-light,
    button.list-group-item-light {
        color: #7d7e7f;
    }

        a.list-group-item-light:focus, a.list-group-item-light:hover,
        button.list-group-item-light:focus,
        button.list-group-item-light:hover {
            color: #7d7e7f;
            background-color: #ecf1f1;
        }

        a.list-group-item-light.active,
        button.list-group-item-light.active {
            color: #fff;
            background-color: #7d7e7f;
            border-color: #7d7e7f;
        }

    .list-group-item-dark {
        color: #151c20;
        background-color: #c3c7c9;
    }

    a.list-group-item-dark,
    button.list-group-item-dark {
        color: #151c20;
    }

        a.list-group-item-dark:focus, a.list-group-item-dark:hover,
        button.list-group-item-dark:focus,
        button.list-group-item-dark:hover {
            color: #151c20;
            background-color: #b6babd;
        }

        a.list-group-item-dark.active,
        button.list-group-item-dark.active {
            color: #fff;
            background-color: #151c20;
            border-color: #151c20;
        }

    .close {
        float: right;
        font-size: 1.3125rem;
        font-weight: bold;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

        .close:focus, .close:hover {
            color: #000;
            text-decoration: none;
            opacity: .75;
        }

    button.close {
        padding: 0;
        background: transparent;
        border: 0;
        outline: none !important;
        -webkit-appearance: none;
    }

    .modal-open {
        overflow: hidden;
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
    }

        .modal.fade .modal-dialog {
            transition: transform 0.3s ease-out;
            transform: translate(0, -25%);
        }

        .modal.show .modal-dialog {
            transform: translate(0, 0);
        }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }

        .modal-backdrop.fade {
            opacity: 0;
        }

        .modal-backdrop.show {
            opacity: 0.5;
        }

    .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 3px 15px;
        border-bottom: 1px solid #c2cfd6;
    }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 15px;
        padding-top: 28px !important;
    }

    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 15px;
        border-top: 0px solid #c2cfd6;
    }

        .modal-footer > :not(:first-child) {
            margin-left: .25rem;
        }

        .modal-footer > :not(:last-child) {
            margin-right: .25rem;
        }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 500px;
            margin: 30px auto;
        }

        .modal-sm {
            max-width: 300px;
        }
    }

    @media (min-width: 992px) {
        .modal-lg {
            max-width: 800px;
        }
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        opacity: 0;
    }

        .tooltip.show {
            opacity: 0.9;
        }

        .tooltip .arrow {
            position: absolute;
            display: block;
            width: 5px;
            height: 5px;
        }

        .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
            padding: 5px 0;
        }

            .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
                bottom: 0;
            }

                .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
                    margin-left: -3px;
                    content: "";
                    border-width: 5px 5px 0;
                    border-top-color: #000;
                }

        .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
            padding: 0 5px;
        }

            .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
                left: 0;
            }

                .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
                    margin-top: -3px;
                    content: "";
                    border-width: 5px 5px 5px 0;
                    border-right-color: #000;
                }

        .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
            padding: 5px 0;
        }

            .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
                top: 0;
            }

                .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
                    margin-left: -3px;
                    content: "";
                    border-width: 0 5px 5px;
                    border-bottom-color: #000;
                }

        .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
            padding: 0 5px;
        }

            .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
                right: 0;
            }

                .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
                    right: 0;
                    margin-top: -3px;
                    content: "";
                    border-width: 5px 0 5px 5px;
                    border-left-color: #000;
                }

        .tooltip .arrow::before {
            position: absolute;
            border-color: transparent;
            border-style: solid;
        }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        background-color: #000;
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 276px;
        padding: 1px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }

        .popover .arrow {
            position: absolute;
            display: block;
            width: 10px;
            height: 5px;
        }

            .popover .arrow::before,
            .popover .arrow::after {
                position: absolute;
                display: block;
                border-color: transparent;
                border-style: solid;
            }

            .popover .arrow::before {
                content: "";
                border-width: 11px;
            }

            .popover .arrow::after {
                content: "";
                border-width: 11px;
            }

        .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
            margin-bottom: 10px;
        }

            .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
                bottom: 0;
            }

                .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
                .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
                    border-bottom-width: 0;
                }

                .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
                    bottom: -11px;
                    margin-left: -6px;
                    border-top-color: rgba(0, 0, 0, 0.25);
                }

                .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
                    bottom: -10px;
                    margin-left: -6px;
                    border-top-color: #fff;
                }

        .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
            margin-left: 10px;
        }

            .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
                left: 0;
            }

                .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
                .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
                    margin-top: -8px;
                    border-left-width: 0;
                }

                .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
                    left: -11px;
                    border-right-color: rgba(0, 0, 0, 0.25);
                }

                .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
                    left: -10px;
                    border-right-color: #fff;
                }

        .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
            margin-top: 10px;
        }

            .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
                top: 0;
            }

                .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
                .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
                    margin-left: -7px;
                    border-top-width: 0;
                }

                .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
                    top: -11px;
                    border-bottom-color: rgba(0, 0, 0, 0.25);
                }

                .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
                    top: -10px;
                    border-bottom-color: #fff;
                }

            .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
                position: absolute;
                top: 0;
                left: 50%;
                display: block;
                width: 20px;
                margin-left: -10px;
                content: "";
                border-bottom: 1px solid #f7f7f7;
            }

        .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
            margin-right: 10px;
        }

            .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
                right: 0;
            }

                .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
                .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
                    margin-top: -8px;
                    border-right-width: 0;
                }

                .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
                    right: -11px;
                    border-left-color: rgba(0, 0, 0, 0.25);
                }

                .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
                    right: -10px;
                    border-left-color: #fff;
                }

    .popover-header {
        padding: 8px 14px;
        margin-bottom: 0;
        font-size: 0.875rem;
        color: inherit;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
    }

        .popover-header:empty {
            display: none;
        }

    .popover-body {
        padding: 9px 14px;
        color: #151b1e;
    }

    .carousel {
        position: relative;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-item {
        position: relative;
        display: none;
        align-items: center;
        width: 100%;
        transition: transform 0.6s ease;
        backface-visibility: hidden;
        perspective: 1000px;
    }

        .carousel-item.active,
        .carousel-item-next,
        .carousel-item-prev {
            display: block;
        }

    .carousel-item-next,
    .carousel-item-prev {
        position: absolute;
        top: 0;
    }

        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            transform: translateX(0);
        }

    @supports (transform-style: preserve-3d) {
        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-item-next,
    .active.carousel-item-right {
        transform: translateX(100%);
    }

    @supports (transform-style: preserve-3d) {
        .carousel-item-next,
        .active.carousel-item-right {
            transform: translate3d(100%, 0, 0);
        }
    }

    .carousel-item-prev,
    .active.carousel-item-left {
        transform: translateX(-100%);
    }

    @supports (transform-style: preserve-3d) {
        .carousel-item-prev,
        .active.carousel-item-left {
            transform: translate3d(-100%, 0, 0);
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: 0.5;
    }

        .carousel-control-prev:focus, .carousel-control-prev:hover,
        .carousel-control-next:focus,
        .carousel-control-next:hover {
            color: #fff;
            text-decoration: none;
            outline: 0;
            opacity: .9;
        }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent no-repeat center center;
        background-size: 100% 100%;
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 0;
        z-index: 15;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

        .carousel-indicators li {
            position: relative;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .carousel-indicators li::before {
                position: absolute;
                top: -10px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 10px;
                content: "";
            }

            .carousel-indicators li::after {
                position: absolute;
                bottom: -10px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 10px;
                content: "";
            }

        .carousel-indicators .active {
            background-color: #fff;
        }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .align-baseline {
        vertical-align: baseline !important;
    }

    .align-top {
        vertical-align: top !important;
    }

    .align-middle {
        vertical-align: middle !important;
    }

    .align-bottom {
        vertical-align: bottom !important;
    }

    .align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .align-text-top {
        vertical-align: text-top !important;
    }

    .bg-primary {
        background-color: #20a8d8 !important;
    }

    a.bg-primary:focus, a.bg-primary:hover {
        background-color: #1985ac !important;
    }

    .bg-secondary {
        background-color: #a4b7c1 !important;
    }

    a.bg-secondary:focus, a.bg-secondary:hover {
        background-color: #869fac !important;
    }

    .bg-success {
        background-color: #4dbd74 !important;
    }

    a.bg-success:focus, a.bg-success:hover {
        background-color: #3a9d5d !important;
    }

    .bg-info {
        background-color: #63c2de !important;
    }

    a.bg-info:focus, a.bg-info:hover {
        background-color: #39b2d5 !important;
    }

    .bg-warning {
        background-color: #ffc107 !important;
    }

    a.bg-warning:focus, a.bg-warning:hover {
        background-color: #d39e00 !important;
    }

    .bg-danger {
        background-color: #f86c6b !important;
    }

    a.bg-danger:focus, a.bg-danger:hover {
        background-color: #f63c3a !important;
    }

    .bg-light {
        background-color: #f0f3f5 !important;
    }

    a.bg-light:focus, a.bg-light:hover {
        background-color: #d1dbe1 !important;
    }

    .bg-dark {
        background-color: #29363d !important;
    }

    a.bg-dark:focus, a.bg-dark:hover {
        background-color: #151b1f !important;
    }

    .bg-white {
        background-color: #fff !important;
    }

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

    .border {
        border: 1px solid #c2cfd6 !important;
    }

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

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

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

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

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

    .border-primary {
        border-color: #20a8d8 !important;
    }

    .border-secondary {
        border-color: #a4b7c1 !important;
    }

    .border-success {
        border-color: #4dbd74 !important;
    }

    .border-info {
        border-color: #63c2de !important;
    }

    .border-warning {
        border-color: #ffc107 !important;
    }

    .border-danger {
        border-color: #f86c6b !important;
    }

    .border-light {
        border-color: #f0f3f5 !important;
    }

    .border-dark {
        border-color: #29363d !important;
    }

    .border-white {
        border-color: #fff !important;
    }

    .rounded {
        border-radius: 0.25rem !important;
    }

    .rounded-top {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .rounded-right {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .rounded-bottom {
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .rounded-left {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .rounded-circle {
        border-radius: 50%;
    }

    .rounded-0 {
        border-radius: 0;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

    .d-none {
        display: none !important;
    }

    .d-inline {
        display: inline !important;
    }

    .d-inline-block {
        display: inline-block !important;
    }

    .d-block {
        display: block !important;
    }

    .d-table {
        display: table !important;
    }

    .d-table-cell {
        display: table-cell !important;
    }

    .d-flex {
        display: flex !important;
    }

    .d-inline-flex {
        display: inline-flex !important;
    }

    @media (min-width: 576px) {
        .d-sm-none {
            display: none !important;
        }

        .d-sm-inline {
            display: inline !important;
        }

        .d-sm-inline-block {
            display: inline-block !important;
        }

        .d-sm-block {
            display: block !important;
        }

        .d-sm-table {
            display: table !important;
        }

        .d-sm-table-cell {
            display: table-cell !important;
        }

        .d-sm-flex {
            display: flex !important;
        }

        .d-sm-inline-flex {
            display: inline-flex !important;
        }
    }

    @media (min-width: 768px) {
        .d-md-none {
            display: none !important;
        }

        .d-md-inline {
            display: inline !important;
        }

        .d-md-inline-block {
            display: inline-block !important;
        }

        .d-md-block {
            display: block !important;
        }

        .d-md-table {
            display: table !important;
        }

        .d-md-table-cell {
            display: table-cell !important;
        }

        .d-md-flex {
            display: flex !important;
        }

        .d-md-inline-flex {
            display: inline-flex !important;
        }
    }

    @media (min-width: 992px) {
        .d-lg-none {
            display: none !important;
        }

        .d-lg-inline {
            display: inline !important;
        }

        .d-lg-inline-block {
            display: inline-block !important;
        }

        .d-lg-block {
            display: block !important;
        }

        .d-lg-table {
            display: table !important;
        }

        .d-lg-table-cell {
            display: table-cell !important;
        }

        .d-lg-flex {
            display: flex !important;
        }

        .d-lg-inline-flex {
            display: inline-flex !important;
        }
    }

    @media (min-width: 1200px) {
        .d-xl-none {
            display: none !important;
        }

        .d-xl-inline {
            display: inline !important;
        }

        .d-xl-inline-block {
            display: inline-block !important;
        }

        .d-xl-block {
            display: block !important;
        }

        .d-xl-table {
            display: table !important;
        }

        .d-xl-table-cell {
            display: table-cell !important;
        }

        .d-xl-flex {
            display: flex !important;
        }

        .d-xl-inline-flex {
            display: inline-flex !important;
        }
    }

    .d-print-block {
        display: none !important;
    }

    @media print {
        .d-print-block {
            display: block !important;
        }
    }

    .d-print-inline {
        display: none !important;
    }

    @media print {
        .d-print-inline {
            display: inline !important;
        }
    }

    .d-print-inline-block {
        display: none !important;
    }

    @media print {
        .d-print-inline-block {
            display: inline-block !important;
        }
    }

    @media print {
        .d-print-none {
            display: none !important;
        }
    }

    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

        .embed-responsive::before {
            display: block;
            content: "";
        }

        .embed-responsive .embed-responsive-item,
        .embed-responsive iframe,
        .embed-responsive embed,
        .embed-responsive object,
        .embed-responsive video {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

    .embed-responsive-21by9::before {
        padding-top: 42.85714%;
    }

    .embed-responsive-16by9::before {
        padding-top: 56.25%;
    }

    .embed-responsive-4by3::before {
        padding-top: 75%;
    }

    .embed-responsive-1by1::before {
        padding-top: 100%;
    }

    .flex-row {
        flex-direction: row !important;
    }

    .flex-column {
        flex-direction: column !important;
    }

    .flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-wrap {
        flex-wrap: wrap !important;
    }

    .flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-start {
        justify-content: flex-start !important;
    }

    .justify-content-end {
        justify-content: flex-end !important;
    }

    .justify-content-center {
        justify-content: center !important;
    }

    .justify-content-between {
        justify-content: space-between !important;
    }

    .justify-content-around {
        justify-content: space-around !important;
    }

    .align-items-start {
        align-items: flex-start !important;
    }

    .align-items-end {
        align-items: flex-end !important;
    }

    .align-items-center {
        align-items: center !important;
    }

    .align-items-baseline {
        align-items: baseline !important;
    }

    .align-items-stretch {
        align-items: stretch !important;
    }

    .align-content-start {
        align-content: flex-start !important;
    }

    .align-content-end {
        align-content: flex-end !important;
    }

    .align-content-center {
        align-content: center !important;
    }

    .align-content-between {
        align-content: space-between !important;
    }

    .align-content-around {
        align-content: space-around !important;
    }

    .align-content-stretch {
        align-content: stretch !important;
    }

    .align-self-auto {
        align-self: auto !important;
    }

    .align-self-start {
        align-self: flex-start !important;
    }

    .align-self-end {
        align-self: flex-end !important;
    }

    .align-self-center {
        align-self: center !important;
    }

    .align-self-baseline {
        align-self: baseline !important;
    }

    .align-self-stretch {
        align-self: stretch !important;
    }

    @media (min-width: 576px) {
        .flex-sm-row {
            flex-direction: row !important;
        }

        .flex-sm-column {
            flex-direction: column !important;
        }

        .flex-sm-row-reverse {
            flex-direction: row-reverse !important;
        }

        .flex-sm-column-reverse {
            flex-direction: column-reverse !important;
        }

        .flex-sm-wrap {
            flex-wrap: wrap !important;
        }

        .flex-sm-nowrap {
            flex-wrap: nowrap !important;
        }

        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .justify-content-sm-start {
            justify-content: flex-start !important;
        }

        .justify-content-sm-end {
            justify-content: flex-end !important;
        }

        .justify-content-sm-center {
            justify-content: center !important;
        }

        .justify-content-sm-between {
            justify-content: space-between !important;
        }

        .justify-content-sm-around {
            justify-content: space-around !important;
        }

        .align-items-sm-start {
            align-items: flex-start !important;
        }

        .align-items-sm-end {
            align-items: flex-end !important;
        }

        .align-items-sm-center {
            align-items: center !important;
        }

        .align-items-sm-baseline {
            align-items: baseline !important;
        }

        .align-items-sm-stretch {
            align-items: stretch !important;
        }

        .align-content-sm-start {
            align-content: flex-start !important;
        }

        .align-content-sm-end {
            align-content: flex-end !important;
        }

        .align-content-sm-center {
            align-content: center !important;
        }

        .align-content-sm-between {
            align-content: space-between !important;
        }

        .align-content-sm-around {
            align-content: space-around !important;
        }

        .align-content-sm-stretch {
            align-content: stretch !important;
        }

        .align-self-sm-auto {
            align-self: auto !important;
        }

        .align-self-sm-start {
            align-self: flex-start !important;
        }

        .align-self-sm-end {
            align-self: flex-end !important;
        }

        .align-self-sm-center {
            align-self: center !important;
        }

        .align-self-sm-baseline {
            align-self: baseline !important;
        }

        .align-self-sm-stretch {
            align-self: stretch !important;
        }
    }

    @media (min-width: 768px) {
        .flex-md-row {
            flex-direction: row !important;
        }

        .flex-md-column {
            flex-direction: column !important;
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse !important;
        }

        .flex-md-column-reverse {
            flex-direction: column-reverse !important;
        }

        .flex-md-wrap {
            flex-wrap: wrap !important;
        }

        .flex-md-nowrap {
            flex-wrap: nowrap !important;
        }

        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .justify-content-md-start {
            justify-content: flex-start !important;
        }

        .justify-content-md-end {
            justify-content: flex-end !important;
        }

        .justify-content-md-center {
            justify-content: center !important;
        }

        .justify-content-md-between {
            justify-content: space-between !important;
        }

        .justify-content-md-around {
            justify-content: space-around !important;
        }

        .align-items-md-start {
            align-items: flex-start !important;
        }

        .align-items-md-end {
            align-items: flex-end !important;
        }

        .align-items-md-center {
            align-items: center !important;
        }

        .align-items-md-baseline {
            align-items: baseline !important;
        }

        .align-items-md-stretch {
            align-items: stretch !important;
        }

        .align-content-md-start {
            align-content: flex-start !important;
        }

        .align-content-md-end {
            align-content: flex-end !important;
        }

        .align-content-md-center {
            align-content: center !important;
        }

        .align-content-md-between {
            align-content: space-between !important;
        }

        .align-content-md-around {
            align-content: space-around !important;
        }

        .align-content-md-stretch {
            align-content: stretch !important;
        }

        .align-self-md-auto {
            align-self: auto !important;
        }

        .align-self-md-start {
            align-self: flex-start !important;
        }

        .align-self-md-end {
            align-self: flex-end !important;
        }

        .align-self-md-center {
            align-self: center !important;
        }

        .align-self-md-baseline {
            align-self: baseline !important;
        }

        .align-self-md-stretch {
            align-self: stretch !important;
        }
    }

    @media (min-width: 992px) {
        .flex-lg-row {
            flex-direction: row !important;
        }

        .flex-lg-column {
            flex-direction: column !important;
        }

        .flex-lg-row-reverse {
            flex-direction: row-reverse !important;
        }

        .flex-lg-column-reverse {
            flex-direction: column-reverse !important;
        }

        .flex-lg-wrap {
            flex-wrap: wrap !important;
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap !important;
        }

        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .justify-content-lg-start {
            justify-content: flex-start !important;
        }

        .justify-content-lg-end {
            justify-content: flex-end !important;
        }

        .justify-content-lg-center {
            justify-content: center !important;
        }

        .justify-content-lg-between {
            justify-content: space-between !important;
        }

        .justify-content-lg-around {
            justify-content: space-around !important;
        }

        .align-items-lg-start {
            align-items: flex-start !important;
        }

        .align-items-lg-end {
            align-items: flex-end !important;
        }

        .align-items-lg-center {
            align-items: center !important;
        }

        .align-items-lg-baseline {
            align-items: baseline !important;
        }

        .align-items-lg-stretch {
            align-items: stretch !important;
        }

        .align-content-lg-start {
            align-content: flex-start !important;
        }

        .align-content-lg-end {
            align-content: flex-end !important;
        }

        .align-content-lg-center {
            align-content: center !important;
        }

        .align-content-lg-between {
            align-content: space-between !important;
        }

        .align-content-lg-around {
            align-content: space-around !important;
        }

        .align-content-lg-stretch {
            align-content: stretch !important;
        }

        .align-self-lg-auto {
            align-self: auto !important;
        }

        .align-self-lg-start {
            align-self: flex-start !important;
        }

        .align-self-lg-end {
            align-self: flex-end !important;
        }

        .align-self-lg-center {
            align-self: center !important;
        }

        .align-self-lg-baseline {
            align-self: baseline !important;
        }

        .align-self-lg-stretch {
            align-self: stretch !important;
        }
    }

    @media (min-width: 1200px) {
        .flex-xl-row {
            flex-direction: row !important;
        }

        .flex-xl-column {
            flex-direction: column !important;
        }

        .flex-xl-row-reverse {
            flex-direction: row-reverse !important;
        }

        .flex-xl-column-reverse {
            flex-direction: column-reverse !important;
        }

        .flex-xl-wrap {
            flex-wrap: wrap !important;
        }

        .flex-xl-nowrap {
            flex-wrap: nowrap !important;
        }

        .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .justify-content-xl-start {
            justify-content: flex-start !important;
        }

        .justify-content-xl-end {
            justify-content: flex-end !important;
        }

        .justify-content-xl-center {
            justify-content: center !important;
        }

        .justify-content-xl-between {
            justify-content: space-between !important;
        }

        .justify-content-xl-around {
            justify-content: space-around !important;
        }

        .align-items-xl-start {
            align-items: flex-start !important;
        }

        .align-items-xl-end {
            align-items: flex-end !important;
        }

        .align-items-xl-center {
            align-items: center !important;
        }

        .align-items-xl-baseline {
            align-items: baseline !important;
        }

        .align-items-xl-stretch {
            align-items: stretch !important;
        }

        .align-content-xl-start {
            align-content: flex-start !important;
        }

        .align-content-xl-end {
            align-content: flex-end !important;
        }

        .align-content-xl-center {
            align-content: center !important;
        }

        .align-content-xl-between {
            align-content: space-between !important;
        }

        .align-content-xl-around {
            align-content: space-around !important;
        }

        .align-content-xl-stretch {
            align-content: stretch !important;
        }

        .align-self-xl-auto {
            align-self: auto !important;
        }

        .align-self-xl-start {
            align-self: flex-start !important;
        }

        .align-self-xl-end {
            align-self: flex-end !important;
        }

        .align-self-xl-center {
            align-self: center !important;
        }

        .align-self-xl-baseline {
            align-self: baseline !important;
        }

        .align-self-xl-stretch {
            align-self: stretch !important;
        }
    }

    .float-left {
        float: left !important;
    }

    .float-right {
        float: right !important;
    }

    .float-none {
        float: none !important;
    }

    @media (min-width: 576px) {
        .float-sm-left {
            float: left !important;
        }

        .float-sm-right {
            float: right !important;
        }

        .float-sm-none {
            float: none !important;
        }
    }

    @media (min-width: 768px) {
        .float-md-left {
            float: left !important;
        }

        .float-md-right {
            float: right !important;
        }

        .float-md-none {
            float: none !important;
        }
    }

    @media (min-width: 992px) {
        .float-lg-left {
            float: left !important;
        }

        .float-lg-right {
            float: right !important;
        }

        .float-lg-none {
            float: none !important;
        }
    }

    @media (min-width: 1200px) {
        .float-xl-left {
            float: left !important;
        }

        .float-xl-right {
            float: right !important;
        }

        .float-xl-none {
            float: none !important;
        }
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    @supports (position: sticky) {
        .sticky-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        clip-path: inset(50%);
        border: 0;
    }

    .sr-only-focusable:active, .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
        clip-path: none;
    }

    .w-25 {
        width: 25% !important;
    }

    .w-50 {
        width: 50% !important;
    }

    .w-75 {
        width: 75% !important;
    }

    .w-100 {
        width: 100% !important;
    }

    .h-25 {
        height: 25% !important;
    }

    .h-50 {
        height: 50% !important;
    }

    .h-75 {
        height: 75% !important;
    }

    .h-100 {
        height: 100% !important;
    }

    .mw-100 {
        max-width: 100% !important;
    }

    .mh-100 {
        max-height: 100% !important;
    }

    .m-0 {
        margin: 0 !important;
    }

    .mt-0 {
        margin-top: 0 !important;
    }

    .mr-0 {
        margin-right: 0 !important;
    }

    .mb-0 {
        margin-bottom: 0 !important;
    }

    .ml-0 {
        margin-left: 0 !important;
    }

    .mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-1 {
        margin: 0.25rem !important;
    }

    .mt-1 {
        margin-top: 0.25rem !important;
    }

    .mr-1 {
        margin-right: 0.25rem !important;
    }

    .mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-1 {
        margin-left: 0.25rem !important;
    }

    .mx-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-2 {
        margin: 0.5rem !important;
    }

    .mt-2 {
        margin-top: 0.5rem !important;
    }

    .mr-2 {
        margin-right: 0.5rem !important;
    }

    .mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-2 {
        margin-left: 0.5rem !important;
    }

    .mx-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-3 {
        margin: 1rem !important;
    }

    .mt-3 {
        margin-top: 1rem !important;
    }

    .mr-3 {
        margin-right: 1rem !important;
    }

    .mb-3 {
        margin-bottom: 1rem !important;
    }

    .ml-3 {
        margin-left: 1rem !important;
    }

    .mx-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-4 {
        margin: 1.5rem !important;
    }

    .mt-4 {
        margin-top: 0.5rem !important;
    }

    .mr-4 {
        margin-right: 1.5rem !important;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-4 {
        margin-left: 1.5rem !important;
    }

    .mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-5 {
        margin: 3rem !important;
    }

    .mt-5 {
        margin-top: 3rem !important;
    }

    .mr-5 {
        margin-right: 3rem !important;
    }

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

    .ml-5 {
        margin-left: 3rem !important;
    }

    .mx-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-0 {
        padding: 0 !important;
    }

    .pt-0 {
        padding-top: 0 !important;
    }

    .pr-0 {
        padding-right: 0 !important;
    }

    .pb-0 {
        padding-bottom: 0 !important;
    }

    .pl-0 {
        padding-left: 0 !important;
    }

    .px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-1 {
        padding: 0.25rem !important;
    }

    .pt-1 {
        padding-top: 0.25rem !important;
    }

    .pr-1 {
        padding-right: 0.25rem !important;
    }

    .pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-1 {
        padding-left: 0.25rem !important;
    }

    .px-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    .pt-2 {
        padding-top: 0.5rem !important;
    }

    .pr-2 {
        padding-right: 0.5rem !important;
    }

    .pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-2 {
        padding-left: 0.5rem !important;
    }

    .px-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-3 {
        padding: 1rem !important;
    }

    .pt-3 {
        padding-top: 1rem !important;
    }

    .pr-3 {
        padding-right: 1rem !important;
    }

    .pb-3 {
        padding-bottom: 1rem !important;
    }

    .pl-3 {
        padding-left: 1rem !important;
    }

    .px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-4 {
        padding: 1.5rem !important;
    }

    .pt-4 {
        padding-top: 1.5rem !important;
    }

    .pr-4 {
        padding-right: 1.5rem !important;
    }

    .pb-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-4 {
        padding-left: 1.5rem !important;
    }

    .px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-5 {
        padding: 3rem !important;
    }

    .pt-5 {
        padding-top: 3rem !important;
    }

    .pr-5 {
        padding-right: 3rem !important;
    }

    .pb-5 {
        padding-bottom: 3rem !important;
    }

    .pl-5 {
        padding-left: 3rem !important;
    }

    .px-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-auto {
        margin: auto !important;
    }

    .mt-auto {
        margin-top: auto !important;
    }

    .mr-auto {
        margin-right: auto !important;
    }

    .mb-auto {
        margin-bottom: auto !important;
    }

    .ml-auto {
        margin-left: auto !important;
    }

    .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    @media (min-width: 576px) {
        .m-sm-0 {
            margin: 0 !important;
        }

        .mt-sm-0 {
            margin-top: 0 !important;
        }

        .mr-sm-0 {
            margin-right: 0 !important;
        }

        .mb-sm-0 {
            margin-bottom: 0 !important;
        }

        .ml-sm-0 {
            margin-left: 0 !important;
        }

        .mx-sm-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .my-sm-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .m-sm-1 {
            margin: 0.25rem !important;
        }

        .mt-sm-1 {
            margin-top: 0.25rem !important;
        }

        .mr-sm-1 {
            margin-right: 0.25rem !important;
        }

        .mb-sm-1 {
            margin-bottom: 0.25rem !important;
        }

        .ml-sm-1 {
            margin-left: 0.25rem !important;
        }

        .mx-sm-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }

        .my-sm-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }

        .m-sm-2 {
            margin: 0.5rem !important;
        }

        .mt-sm-2 {
            margin-top: 0.5rem !important;
        }

        .mr-sm-2 {
            margin-right: 0.5rem !important;
        }

        .mb-sm-2 {
            margin-bottom: 0.5rem !important;
        }

        .ml-sm-2 {
            margin-left: 0.5rem !important;
        }

        .mx-sm-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }

        .my-sm-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        .m-sm-3 {
            margin: 1rem !important;
        }

        .mt-sm-3 {
            margin-top: 1rem !important;
        }

        .mr-sm-3 {
            margin-right: 1rem !important;
        }

        .mb-sm-3 {
            margin-bottom: 1rem !important;
        }

        .ml-sm-3 {
            margin-left: 1rem !important;
        }

        .mx-sm-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }

        .my-sm-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .m-sm-4 {
            margin: 1.5rem !important;
        }

        .mt-sm-4 {
            margin-top: 1.5rem !important;
        }

        .mr-sm-4 {
            margin-right: 1.5rem !important;
        }

        .mb-sm-4 {
            margin-bottom: 1.5rem !important;
        }

        .ml-sm-4 {
            margin-left: 1.5rem !important;
        }

        .mx-sm-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }

        .my-sm-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }

        .m-sm-5 {
            margin: 3rem !important;
        }

        .mt-sm-5 {
            margin-top: 3rem !important;
        }

        .mr-sm-5 {
            margin-right: 3rem !important;
        }

        .mb-sm-5 {
            margin-bottom: 3rem !important;
        }

        .ml-sm-5 {
            margin-left: 3rem !important;
        }

        .mx-sm-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }

        .my-sm-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }

        .p-sm-0 {
            padding: 0 !important;
        }

        .pt-sm-0 {
            padding-top: 0 !important;
        }

        .pr-sm-0 {
            padding-right: 0 !important;
        }

        .pb-sm-0 {
            padding-bottom: 0 !important;
        }

        .pl-sm-0 {
            padding-left: 0 !important;
        }

        .px-sm-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .py-sm-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .p-sm-1 {
            padding: 0.25rem !important;
        }

        .pt-sm-1 {
            padding-top: 0.25rem !important;
        }

        .pr-sm-1 {
            padding-right: 0.25rem !important;
        }

        .pb-sm-1 {
            padding-bottom: 0.25rem !important;
        }

        .pl-sm-1 {
            padding-left: 0.25rem !important;
        }

        .px-sm-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .py-sm-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .p-sm-2 {
            padding: 0.5rem !important;
        }

        .pt-sm-2 {
            padding-top: 0.5rem !important;
        }

        .pr-sm-2 {
            padding-right: 0.5rem !important;
        }

        .pb-sm-2 {
            padding-bottom: 0.5rem !important;
        }

        .pl-sm-2 {
            padding-left: 0.5rem !important;
        }

        .px-sm-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .py-sm-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .p-sm-3 {
            padding: 1rem !important;
        }

        .pt-sm-3 {
            padding-top: 1rem !important;
        }

        .pr-sm-3 {
            padding-right: 1rem !important;
        }

        .pb-sm-3 {
            padding-bottom: 1rem !important;
        }

        .pl-sm-3 {
            padding-left: 1rem !important;
        }

        .px-sm-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .py-sm-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .p-sm-4 {
            padding: 1.5rem !important;
        }

        .pt-sm-4 {
            padding-top: 1.5rem !important;
        }

        .pr-sm-4 {
            padding-right: 1.5rem !important;
        }

        .pb-sm-4 {
            padding-bottom: 1.5rem !important;
        }

        .pl-sm-4 {
            padding-left: 1.5rem !important;
        }

        .px-sm-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .py-sm-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .p-sm-5 {
            padding: 3rem !important;
        }

        .pt-sm-5 {
            padding-top: 3rem !important;
        }

        .pr-sm-5 {
            padding-right: 3rem !important;
        }

        .pb-sm-5 {
            padding-bottom: 3rem !important;
        }

        .pl-sm-5 {
            padding-left: 3rem !important;
        }

        .px-sm-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .py-sm-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .m-sm-auto {
            margin: auto !important;
        }

        .mt-sm-auto {
            margin-top: auto !important;
        }

        .mr-sm-auto {
            margin-right: auto !important;
        }

        .mb-sm-auto {
            margin-bottom: auto !important;
        }

        .ml-sm-auto {
            margin-left: auto !important;
        }

        .mx-sm-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .my-sm-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
    }

    @media (min-width: 768px) {
        .m-md-0 {
            margin: 0 !important;
        }

        .mt-md-0 {
            margin-top: 0 !important;
        }

        .mr-md-0 {
            margin-right: 0 !important;
        }

        .mb-md-0 {
            margin-bottom: 0 !important;
        }

        .ml-md-0 {
            margin-left: 0 !important;
        }

        .mx-md-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .my-md-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .m-md-1 {
            margin: 0.25rem !important;
        }

        .mt-md-1 {
            margin-top: 0.25rem !important;
        }

        .mr-md-1 {
            margin-right: 0.25rem !important;
        }

        .mb-md-1 {
            margin-bottom: 0.25rem !important;
        }

        .ml-md-1 {
            margin-left: 0.25rem !important;
        }

        .mx-md-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }

        .my-md-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }

        .m-md-2 {
            margin: 0.5rem !important;
        }

        .mt-md-2 {
            margin-top: 0.5rem !important;
        }

        .mr-md-2 {
            margin-right: 0.5rem !important;
        }

        .mb-md-2 {
            margin-bottom: 0.5rem !important;
        }

        .ml-md-2 {
            margin-left: 0.5rem !important;
        }

        .mx-md-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }

        .my-md-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        .m-md-3 {
            margin: 1rem !important;
        }

        .mt-md-3 {
            margin-top: 1rem !important;
        }

        .mr-md-3 {
            margin-right: 1rem !important;
        }

        .mb-md-3 {
            margin-bottom: 1rem !important;
        }

        .ml-md-3 {
            margin-left: 1rem !important;
        }

        .mx-md-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }

        .my-md-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .m-md-4 {
            margin: 1.5rem !important;
        }

        .mt-md-4 {
            margin-top: 1.5rem !important;
        }

        .mr-md-4 {
            margin-right: 1.5rem !important;
        }

        .mb-md-4 {
            margin-bottom: 1.5rem !important;
        }

        .ml-md-4 {
            margin-left: 1.5rem !important;
        }

        .mx-md-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }

        .my-md-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }

        .m-md-5 {
            margin: 3rem !important;
        }

        .mt-md-5 {
            margin-top: 3rem !important;
        }

        .mr-md-5 {
            margin-right: 3rem !important;
        }

        .mb-md-5 {
            margin-bottom: 3rem !important;
        }

        .ml-md-5 {
            margin-left: 3rem !important;
        }

        .mx-md-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }

        .my-md-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }

        .p-md-0 {
            padding: 0 !important;
        }

        .pt-md-0 {
            padding-top: 0 !important;
        }

        .pr-md-0 {
            padding-right: 0 !important;
        }

        .pb-md-0 {
            padding-bottom: 0 !important;
        }

        .pl-md-0 {
            padding-left: 0 !important;
        }

        .px-md-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .py-md-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .p-md-1 {
            padding: 0.25rem !important;
        }

        .pt-md-1 {
            padding-top: 0.25rem !important;
        }

        .pr-md-1 {
            padding-right: 0.25rem !important;
        }

        .pb-md-1 {
            padding-bottom: 0.25rem !important;
        }

        .pl-md-1 {
            padding-left: 0.25rem !important;
        }

        .px-md-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .py-md-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .p-md-2 {
            padding: 0.5rem !important;
        }

        .pt-md-2 {
            padding-top: 0.5rem !important;
        }

        .pr-md-2 {
            padding-right: 0.5rem !important;
        }

        .pb-md-2 {
            padding-bottom: 0.5rem !important;
        }

        .pl-md-2 {
            padding-left: 0.5rem !important;
        }

        .px-md-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .py-md-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .p-md-3 {
            padding: 1rem !important;
        }

        .pt-md-3 {
            padding-top: 1rem !important;
        }

        .pr-md-3 {
            padding-right: 1rem !important;
        }

        .pb-md-3 {
            padding-bottom: 1rem !important;
        }

        .pl-md-3 {
            padding-left: 1rem !important;
        }

        .px-md-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .py-md-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .p-md-4 {
            padding: 1.5rem !important;
        }

        .pt-md-4 {
            padding-top: 1.5rem !important;
        }

        .pr-md-4 {
            padding-right: 1.5rem !important;
        }

        .pb-md-4 {
            padding-bottom: 1.5rem !important;
        }

        .pl-md-4 {
            padding-left: 1.5rem !important;
        }

        .px-md-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .py-md-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .p-md-5 {
            padding: 3rem !important;
        }

        .pt-md-5 {
            padding-top: 3rem !important;
        }

        .pr-md-5 {
            padding-right: 3rem !important;
        }

        .pb-md-5 {
            padding-bottom: 3rem !important;
        }

        .pl-md-5 {
            padding-left: 3rem !important;
        }

        .px-md-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .py-md-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .m-md-auto {
            margin: auto !important;
        }

        .mt-md-auto {
            margin-top: auto !important;
        }

        .mr-md-auto {
            margin-right: auto !important;
        }

        .mb-md-auto {
            margin-bottom: auto !important;
        }

        .ml-md-auto {
            margin-left: auto !important;
        }

        .mx-md-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .my-md-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
    }

    @media (min-width: 992px) {
        .m-lg-0 {
            margin: 0 !important;
        }

        .mt-lg-0 {
            margin-top: 0 !important;
        }

        .mr-lg-0 {
            margin-right: 0 !important;
        }

        .mb-lg-0 {
            margin-bottom: 0 !important;
        }

        .ml-lg-0 {
            margin-left: 0 !important;
        }

        .mx-lg-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .my-lg-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .m-lg-1 {
            margin: 0.25rem !important;
        }

        .mt-lg-1 {
            margin-top: 0.25rem !important;
        }

        .mr-lg-1 {
            margin-right: 0.25rem !important;
        }

        .mb-lg-1 {
            margin-bottom: 0.25rem !important;
        }

        .ml-lg-1 {
            margin-left: 0.25rem !important;
        }

        .mx-lg-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }

        .my-lg-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }

        .m-lg-2 {
            margin: 0.5rem !important;
        }

        .mt-lg-2 {
            margin-top: 0.5rem !important;
        }

        .mr-lg-2 {
            margin-right: 0.5rem !important;
        }

        .mb-lg-2 {
            margin-bottom: 0.5rem !important;
        }

        .ml-lg-2 {
            margin-left: 0.5rem !important;
        }

        .mx-lg-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }

        .my-lg-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        .m-lg-3 {
            margin: 1rem !important;
        }

        .mt-lg-3 {
            margin-top: 1rem !important;
        }

        .mr-lg-3 {
            margin-right: 1rem !important;
        }

        .mb-lg-3 {
            margin-bottom: 1rem !important;
        }

        .ml-lg-3 {
            margin-left: 1rem !important;
        }

        .mx-lg-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }

        .my-lg-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .m-lg-4 {
            margin: 1.5rem !important;
        }

        .mt-lg-4 {
            margin-top: 1.5rem !important;
        }

        .mr-lg-4 {
            margin-right: 1.5rem !important;
        }

        .mb-lg-4 {
            margin-bottom: 1.5rem !important;
        }

        .ml-lg-4 {
            margin-left: 1.5rem !important;
        }

        .mx-lg-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }

        .my-lg-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }

        .m-lg-5 {
            margin: 3rem !important;
        }

        .mt-lg-5 {
            margin-top: 3rem !important;
        }

        .mr-lg-5 {
            margin-right: 3rem !important;
        }

        .mb-lg-5 {
            margin-bottom: 3rem !important;
        }

        .ml-lg-5 {
            margin-left: 3rem !important;
        }

        .mx-lg-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }

        .my-lg-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }

        .p-lg-0 {
            padding: 0 !important;
        }

        .pt-lg-0 {
            padding-top: 0 !important;
        }

        .pr-lg-0 {
            padding-right: 0 !important;
        }

        .pb-lg-0 {
            padding-bottom: 0 !important;
        }

        .pl-lg-0 {
            padding-left: 0 !important;
        }

        .px-lg-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .py-lg-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .p-lg-1 {
            padding: 0.25rem !important;
        }

        .pt-lg-1 {
            padding-top: 0.25rem !important;
        }

        .pr-lg-1 {
            padding-right: 0.25rem !important;
        }

        .pb-lg-1 {
            padding-bottom: 0.25rem !important;
        }

        .pl-lg-1 {
            padding-left: 0.25rem !important;
        }

        .px-lg-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .py-lg-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .p-lg-2 {
            padding: 0.5rem !important;
        }

        .pt-lg-2 {
            padding-top: 0.5rem !important;
        }

        .pr-lg-2 {
            padding-right: 0.5rem !important;
        }

        .pb-lg-2 {
            padding-bottom: 0.5rem !important;
        }

        .pl-lg-2 {
            padding-left: 0.5rem !important;
        }

        .px-lg-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .py-lg-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .p-lg-3 {
            padding: 1rem !important;
        }

        .pt-lg-3 {
            padding-top: 1rem !important;
        }

        .pr-lg-3 {
            padding-right: 1rem !important;
        }

        .pb-lg-3 {
            padding-bottom: 1rem !important;
        }

        .pl-lg-3 {
            padding-left: 1rem !important;
        }

        .px-lg-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .py-lg-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .p-lg-4 {
            padding: 1.5rem !important;
        }

        .pt-lg-4 {
            padding-top: 1.5rem !important;
        }

        .pr-lg-4 {
            padding-right: 1.5rem !important;
        }

        .pb-lg-4 {
            padding-bottom: 1.5rem !important;
        }

        .pl-lg-4 {
            padding-left: 1.5rem !important;
        }

        .px-lg-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .py-lg-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .p-lg-5 {
            padding: 3rem !important;
        }

        .pt-lg-5 {
            padding-top: 3rem !important;
        }

        .pr-lg-5 {
            padding-right: 3rem !important;
        }

        .pb-lg-5 {
            padding-bottom: 3rem !important;
        }

        .pl-lg-5 {
            padding-left: 3rem !important;
        }

        .px-lg-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .py-lg-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .m-lg-auto {
            margin: auto !important;
        }

        .mt-lg-auto {
            margin-top: auto !important;
        }

        .mr-lg-auto {
            margin-right: auto !important;
        }

        .mb-lg-auto {
            margin-bottom: auto !important;
        }

        .ml-lg-auto {
            margin-left: auto !important;
        }

        .mx-lg-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .my-lg-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
    }

    @media (min-width: 1200px) {
        .m-xl-0 {
            margin: 0 !important;
        }

        .mt-xl-0 {
            margin-top: 0 !important;
        }

        .mr-xl-0 {
            margin-right: 0 !important;
        }

        .mb-xl-0 {
            margin-bottom: 0 !important;
        }

        .ml-xl-0 {
            margin-left: 0 !important;
        }

        .mx-xl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .my-xl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .m-xl-1 {
            margin: 0.25rem !important;
        }

        .mt-xl-1 {
            margin-top: 0.25rem !important;
        }

        .mr-xl-1 {
            margin-right: 0.25rem !important;
        }

        .mb-xl-1 {
            margin-bottom: 0.25rem !important;
        }

        .ml-xl-1 {
            margin-left: 0.25rem !important;
        }

        .mx-xl-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }

        .my-xl-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }

        .m-xl-2 {
            margin: 0.5rem !important;
        }

        .mt-xl-2 {
            margin-top: 0.5rem !important;
        }

        .mr-xl-2 {
            margin-right: 0.5rem !important;
        }

        .mb-xl-2 {
            margin-bottom: 0.5rem !important;
        }

        .ml-xl-2 {
            margin-left: 0.5rem !important;
        }

        .mx-xl-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }

        .my-xl-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        .m-xl-3 {
            margin: 1rem !important;
        }

        .mt-xl-3 {
            margin-top: 1rem !important;
        }

        .mr-xl-3 {
            margin-right: 1rem !important;
        }

        .mb-xl-3 {
            margin-bottom: 1rem !important;
        }

        .ml-xl-3 {
            margin-left: 1rem !important;
        }

        .mx-xl-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }

        .my-xl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .m-xl-4 {
            margin: 1.5rem !important;
        }

        .mt-xl-4 {
            margin-top: 1.5rem !important;
        }

        .mr-xl-4 {
            margin-right: 1.5rem !important;
        }

        .mb-xl-4 {
            margin-bottom: 1.5rem !important;
        }

        .ml-xl-4 {
            margin-left: 1.5rem !important;
        }

        .mx-xl-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }

        .my-xl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }

        .m-xl-5 {
            margin: 3rem !important;
        }

        .mt-xl-5 {
            margin-top: 3rem !important;
        }

        .mr-xl-5 {
            margin-right: 3rem !important;
        }

        .mb-xl-5 {
            margin-bottom: 3rem !important;
        }

        .ml-xl-5 {
            margin-left: 3rem !important;
        }

        .mx-xl-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }

        .my-xl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }

        .p-xl-0 {
            padding: 0 !important;
        }

        .pt-xl-0 {
            padding-top: 0 !important;
        }

        .pr-xl-0 {
            padding-right: 0 !important;
        }

        .pb-xl-0 {
            padding-bottom: 0 !important;
        }

        .pl-xl-0 {
            padding-left: 0 !important;
        }

        .px-xl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .py-xl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .p-xl-1 {
            padding: 0.25rem !important;
        }

        .pt-xl-1 {
            padding-top: 0.25rem !important;
        }

        .pr-xl-1 {
            padding-right: 0.25rem !important;
        }

        .pb-xl-1 {
            padding-bottom: 0.25rem !important;
        }

        .pl-xl-1 {
            padding-left: 0.25rem !important;
        }

        .px-xl-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .py-xl-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .p-xl-2 {
            padding: 0.5rem !important;
        }

        .pt-xl-2 {
            padding-top: 0.5rem !important;
        }

        .pr-xl-2 {
            padding-right: 0.5rem !important;
        }

        .pb-xl-2 {
            padding-bottom: 0.5rem !important;
        }

        .pl-xl-2 {
            padding-left: 0.5rem !important;
        }

        .px-xl-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .py-xl-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .p-xl-3 {
            padding: 1rem !important;
        }

        .pt-xl-3 {
            padding-top: 1rem !important;
        }

        .pr-xl-3 {
            padding-right: 1rem !important;
        }

        .pb-xl-3 {
            padding-bottom: 1rem !important;
        }

        .pl-xl-3 {
            padding-left: 1rem !important;
        }

        .px-xl-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .py-xl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .p-xl-4 {
            padding: 1.5rem !important;
        }

        .pt-xl-4 {
            padding-top: 1.5rem !important;
        }

        .pr-xl-4 {
            padding-right: 1.5rem !important;
        }

        .pb-xl-4 {
            padding-bottom: 1.5rem !important;
        }

        .pl-xl-4 {
            padding-left: 1.5rem !important;
        }

        .px-xl-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .py-xl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .p-xl-5 {
            padding: 3rem !important;
        }

        .pt-xl-5 {
            padding-top: 3rem !important;
        }

        .pr-xl-5 {
            padding-right: 3rem !important;
        }

        .pb-xl-5 {
            padding-bottom: 3rem !important;
        }

        .pl-xl-5 {
            padding-left: 3rem !important;
        }

        .px-xl-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .py-xl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .m-xl-auto {
            margin: auto !important;
        }

        .mt-xl-auto {
            margin-top: auto !important;
        }

        .mr-xl-auto {
            margin-right: auto !important;
        }

        .mb-xl-auto {
            margin-bottom: auto !important;
        }

        .ml-xl-auto {
            margin-left: auto !important;
        }

        .mx-xl-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .my-xl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
    }

    .text-justify {
        text-align: justify !important;
    }

    .text-nowrap {
        white-space: nowrap !important;
    }

    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-left {
        text-align: left !important;
    }

    .text-right {
        text-align: right !important;
    }

    .text-center {
        text-align: center !important;
    }

    @media (min-width: 576px) {
        .text-sm-left {
            text-align: left !important;
        }

        .text-sm-right {
            text-align: right !important;
        }

        .text-sm-center {
            text-align: center !important;
        }
    }

    @media (min-width: 768px) {
        .text-md-left {
            text-align: left !important;
        }

        .text-md-right {
            text-align: right !important;
        }

        .text-md-center {
            text-align: center !important;
        }
    }

    @media (min-width: 992px) {
        .text-lg-left {
            text-align: left !important;
        }

        .text-lg-right {
            text-align: right !important;
        }

        .text-lg-center {
            text-align: center !important;
        }
    }

    @media (min-width: 1200px) {
        .text-xl-left {
            text-align: left !important;
        }

        .text-xl-right {
            text-align: right !important;
        }

        .text-xl-center {
            text-align: center !important;
        }
    }

    .text-lowercase {
        text-transform: lowercase !important;
    }

    .text-uppercase {
        text-transform: uppercase !important;
    }

    .text-capitalize {
        text-transform: capitalize !important;
    }

    .font-weight-normal {
        font-weight: normal;
    }

    .font-weight-bold {
        font-weight: bold;
    }

    .font-italic {
        font-style: italic;
    }

    .text-white {
        color: #fff !important;
    }

    .text-primary {
        color: #20a8d8 !important;
    }

    a.text-primary:focus, a.text-primary:hover {
        color: #1985ac !important;
    }

    .text-secondary {
        color: #a4b7c1 !important;
    }

    a.text-secondary:focus, a.text-secondary:hover {
        color: #869fac !important;
    }

    .text-success {
        color: #4dbd74 !important;
    }

    a.text-success:focus, a.text-success:hover {
        color: #3a9d5d !important;
    }

    .text-info {
        color: #63c2de !important;
    }

    a.text-info:focus, a.text-info:hover {
        color: #39b2d5 !important;
    }

    .text-warning {
        color: #ffc107 !important;
    }

    a.text-warning:focus, a.text-warning:hover {
        color: #d39e00 !important;
    }

    .text-danger {
        color: #f86c6b !important;
    }

    a.text-danger:focus, a.text-danger:hover {
        color: #f63c3a !important;
    }

    .text-light {
        color: #f0f3f5 !important;
    }

    a.text-light:focus, a.text-light:hover {
        color: #d1dbe1 !important;
    }

    .text-dark {
        color: #29363d !important;
    }

    a.text-dark:focus, a.text-dark:hover {
        color: #151b1f !important;
    }

    .text-muted {
        color: #536c79 !important;
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .visible {
        visibility: visible !important;
    }

    .invisible {
        visibility: hidden !important;
    }

    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }

    .font-xs {
        font-size: .75rem !important;
    }

    .font-sm {
        font-size: .85rem !important;
    }

    .font-lg {
        font-size: 1rem !important;
    }

    .font-xl {
        font-size: 1.25rem !important;
    }

    .font-2xl {
        font-size: 1.5rem !important;
    }

    .font-3xl {
        font-size: 1.75rem !important;
    }

    .font-4xl {
        font-size: 2rem !important;
    }

    .font-5xl {
        font-size: 2.5rem !important;
    }

    .animated {
        animation-duration: 1s;
    }

        .animated.infinite {
            animation-iteration-count: infinite;
        }

        .animated.hinge {
            animation-duration: 2s;
        }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .fadeIn {
        animation-name: fadeIn;
    }

    .aside-menu {
        z-index: 1019;
        width: 250px;
        color: #29363d;
        background: #fff;
        border-left: 1px solid #c2cfd6;
    }

        .aside-menu .nav-tabs {
            border-color: #c2cfd6;
        }

            .aside-menu .nav-tabs .nav-link, .aside-menu .nav-tabs .navbar .dropdown-toggle, .navbar .aside-menu .nav-tabs .dropdown-toggle {
                padding: 0.75rem 1rem;
                color: #151b1e;
                border-top: 0;
            }

                .aside-menu .nav-tabs .nav-link.active, .aside-menu .nav-tabs .navbar .active.dropdown-toggle, .navbar .aside-menu .nav-tabs .active.dropdown-toggle {
                    color: #20a8d8;
                    border-right-color: #c2cfd6;
                    border-left-color: #c2cfd6;
                }

            .aside-menu .nav-tabs .nav-item:first-child .nav-link, .aside-menu .nav-tabs .nav-item:first-child .navbar .dropdown-toggle, .navbar .aside-menu .nav-tabs .nav-item:first-child .dropdown-toggle {
                border-left: 0;
            }

        .aside-menu .tab-content {
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            border: 0;
            border-top: 1px solid #c2cfd6;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }

            .aside-menu .tab-content::-webkit-scrollbar {
                width: 10px;
                margin-left: -10px;
                -webkit-appearance: none;
            }

            .aside-menu .tab-content::-webkit-scrollbar-track {
                background-color: white;
                border-right: 1px solid #f2f2f2;
                border-left: 1px solid #f2f2f2;
            }

            .aside-menu .tab-content::-webkit-scrollbar-thumb {
                height: 50px;
                background-color: #e6e6e6;
                background-clip: content-box;
                border-color: transparent;
                border-style: solid;
                border-width: 1px 2px;
            }

            .aside-menu .tab-content .tab-pane {
                padding: 0;
            }

    .img-avatar {
        border-radius: 50em;
    }

    .avatar {
        position: relative;
        display: inline-block;
        width: 36px;
    }

        .avatar .img-avatar {
            width: 36px;
            height: 36px;
        }

        .avatar .avatar-status {
            position: absolute;
            right: 0;
            bottom: 0;
            display: block;
            width: 10px;
            height: 10px;
            border: 1px solid #fff;
            border-radius: 50em;
        }

        .avatar.avatar-xs {
            position: relative;
            display: inline-block;
            width: 20px;
        }

            .avatar.avatar-xs .img-avatar {
                width: 20px;
                height: 20px;
            }

            .avatar.avatar-xs .avatar-status {
                position: absolute;
                right: 0;
                bottom: 0;
                display: block;
                width: 8px;
                height: 8px;
                border: 1px solid #fff;
                border-radius: 50em;
            }

        .avatar.avatar-sm {
            position: relative;
            display: inline-block;
            width: 24px;
        }

            .avatar.avatar-sm .img-avatar {
                width: 24px;
                height: 24px;
            }

            .avatar.avatar-sm .avatar-status {
                position: absolute;
                right: 0;
                bottom: 0;
                display: block;
                width: 8px;
                height: 8px;
                border: 1px solid #fff;
                border-radius: 50em;
            }

        .avatar.avatar-lg {
            position: relative;
            display: inline-block;
            width: 72px;
        }

            .avatar.avatar-lg .img-avatar {
                width: 72px;
                height: 72px;
            }

            .avatar.avatar-lg .avatar-status {
                position: absolute;
                right: 0;
                bottom: 0;
                display: block;
                width: 12px;
                height: 12px;
                border: 1px solid #fff;
                border-radius: 50em;
            }

    .avatars-stack .avatar.avatar-xs {
        margin-right: -10px;
    }

    .avatars-stack .avatar {
        margin-right: -15px;
        transition: margin-left 0.25s, margin-right 0.25s;
    }

        .avatars-stack .avatar:hover {
            margin-right: 0 !important;
        }

    .badge-pill {
        border-radius: 10rem;
    }

    .breadcrumb-menu {
        position: absolute;
        top: 0;
        right: 1rem;
    }

        .breadcrumb-menu::before {
            display: none;
        }

    .breadcrumb-menu /*.btn*/ {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .breadcrumb-menu /*.btn*/ {
        color: #536c79;
    }

    .breadcrumb-menu /*.btn:hover*/, .breadcrumb-menu /*.btn.active*/ {
        color: #151b1e;
        background: transparent;
    }

        .breadcrumb-menu .open /*.btn*/ {
            color: #151b1e;
            background: transparent;
        }

        .breadcrumb-menu .dropdown-menu {
            min-width: 180px;
            line-height: 1.5;
        }

    .breadcrumb {
        position: relative;
        margin: 0;
        /*border-bottom: 1px solid #c2cfd6;*/
    }

    button {
        cursor: pointer;
    }

    .btn .badge {
        position: absolute;
        top: 2px;
        right: 6px;
        font-size: 9px;
    }

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

    .btn [class^="icon-"], .btn [class*=" icon-"] {
        display: inline-block;
        margin-top: -2px;
        margin-left: -3px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .btn-facebook,
    .btn-twitter,
    .btn-linkedin,
    .btn-flickr,
    .btn-tumblr,
    .btn-xing,
    .btn-github,
    .btn-html5,
    .btn-openid,
    .btn-stack-overflow,
    .btn-youtube,
    .btn-css3,
    .btn-dribbble,
    .btn-google-plus,
    .btn-instagram,
    .btn-pinterest,
    .btn-vk,
    .btn-yahoo,
    .btn-behance,
    .btn-dropbox,
    .btn-reddit,
    .btn-spotify,
    .btn-vine,
    .btn-foursquare,
    .btn-vimeo {
        position: relative;
        overflow: hidden;
        color: #fff !important;
        text-align: center;
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border: 0;
    }

        .btn-facebook::before,
        .btn-twitter::before,
        .btn-linkedin::before,
        .btn-flickr::before,
        .btn-tumblr::before,
        .btn-xing::before,
        .btn-github::before,
        .btn-html5::before,
        .btn-openid::before,
        .btn-stack-overflow::before,
        .btn-youtube::before,
        .btn-css3::before,
        .btn-dribbble::before,
        .btn-google-plus::before,
        .btn-instagram::before,
        .btn-pinterest::before,
        .btn-vk::before,
        .btn-yahoo::before,
        .btn-behance::before,
        .btn-dropbox::before,
        .btn-reddit::before,
        .btn-spotify::before,
        .btn-vine::before,
        .btn-foursquare::before,
        .btn-vimeo::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: normal;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

        .btn-facebook:hover,
        .btn-twitter:hover,
        .btn-linkedin:hover,
        .btn-flickr:hover,
        .btn-tumblr:hover,
        .btn-xing:hover,
        .btn-github:hover,
        .btn-html5:hover,
        .btn-openid:hover,
        .btn-stack-overflow:hover,
        .btn-youtube:hover,
        .btn-css3:hover,
        .btn-dribbble:hover,
        .btn-google-plus:hover,
        .btn-instagram:hover,
        .btn-pinterest:hover,
        .btn-vk:hover,
        .btn-yahoo:hover,
        .btn-behance:hover,
        .btn-dropbox:hover,
        .btn-reddit:hover,
        .btn-spotify:hover,
        .btn-vine:hover,
        .btn-foursquare:hover,
        .btn-vimeo:hover {
            color: #fff;
        }

        .btn-facebook.icon span,
        .btn-twitter.icon span,
        .btn-linkedin.icon span,
        .btn-flickr.icon span,
        .btn-tumblr.icon span,
        .btn-xing.icon span,
        .btn-github.icon span,
        .btn-html5.icon span,
        .btn-openid.icon span,
        .btn-stack-overflow.icon span,
        .btn-youtube.icon span,
        .btn-css3.icon span,
        .btn-dribbble.icon span,
        .btn-google-plus.icon span,
        .btn-instagram.icon span,
        .btn-pinterest.icon span,
        .btn-vk.icon span,
        .btn-yahoo.icon span,
        .btn-behance.icon span,
        .btn-dropbox.icon span,
        .btn-reddit.icon span,
        .btn-spotify.icon span,
        .btn-vine.icon span,
        .btn-foursquare.icon span,
        .btn-vimeo.icon span {
            display: none;
        }

        .btn-facebook.text::before,
        .btn-twitter.text::before,
        .btn-linkedin.text::before,
        .btn-flickr.text::before,
        .btn-tumblr.text::before,
        .btn-xing.text::before,
        .btn-github.text::before,
        .btn-html5.text::before,
        .btn-openid.text::before,
        .btn-stack-overflow.text::before,
        .btn-youtube.text::before,
        .btn-css3.text::before,
        .btn-dribbble.text::before,
        .btn-google-plus.text::before,
        .btn-instagram.text::before,
        .btn-pinterest.text::before,
        .btn-vk.text::before,
        .btn-yahoo.text::before,
        .btn-behance.text::before,
        .btn-dropbox.text::before,
        .btn-reddit.text::before,
        .btn-spotify.text::before,
        .btn-vine.text::before,
        .btn-foursquare.text::before,
        .btn-vimeo.text::before {
            display: none;
        }

        .btn-facebook.text span,
        .btn-twitter.text span,
        .btn-linkedin.text span,
        .btn-flickr.text span,
        .btn-tumblr.text span,
        .btn-xing.text span,
        .btn-github.text span,
        .btn-html5.text span,
        .btn-openid.text span,
        .btn-stack-overflow.text span,
        .btn-youtube.text span,
        .btn-css3.text span,
        .btn-dribbble.text span,
        .btn-google-plus.text span,
        .btn-instagram.text span,
        .btn-pinterest.text span,
        .btn-vk.text span,
        .btn-yahoo.text span,
        .btn-behance.text span,
        .btn-dropbox.text span,
        .btn-reddit.text span,
        .btn-spotify.text span,
        .btn-vine.text span,
        .btn-foursquare.text span,
        .btn-vimeo.text span {
            margin-left: 0 !important;
        }

        .btn-facebook::before,
        .btn-twitter::before,
        .btn-linkedin::before,
        .btn-flickr::before,
        .btn-tumblr::before,
        .btn-xing::before,
        .btn-github::before,
        .btn-html5::before,
        .btn-openid::before,
        .btn-stack-overflow::before,
        .btn-youtube::before,
        .btn-css3::before,
        .btn-dribbble::before,
        .btn-google-plus::before,
        .btn-instagram::before,
        .btn-pinterest::before,
        .btn-vk::before,
        .btn-yahoo::before,
        .btn-behance::before,
        .btn-dropbox::before,
        .btn-reddit::before,
        .btn-spotify::before,
        .btn-vine::before,
        .btn-foursquare::before,
        .btn-vimeo::before {
            width: 2.3125rem;
            height: 2.3125rem;
            padding: 0.5rem 0;
            font-size: 0.875rem;
            line-height: 1.5;
        }

        .btn-facebook span,
        .btn-twitter span,
        .btn-linkedin span,
        .btn-flickr span,
        .btn-tumblr span,
        .btn-xing span,
        .btn-github span,
        .btn-html5 span,
        .btn-openid span,
        .btn-stack-overflow span,
        .btn-youtube span,
        .btn-css3 span,
        .btn-dribbble span,
        .btn-google-plus span,
        .btn-instagram span,
        .btn-pinterest span,
        .btn-vk span,
        .btn-yahoo span,
        .btn-behance span,
        .btn-dropbox span,
        .btn-reddit span,
        .btn-spotify span,
        .btn-vine span,
        .btn-foursquare span,
        .btn-vimeo span {
            margin-left: 2.3125rem;
        }

        .btn-facebook.icon,
        .btn-twitter.icon,
        .btn-linkedin.icon,
        .btn-flickr.icon,
        .btn-tumblr.icon,
        .btn-xing.icon,
        .btn-github.icon,
        .btn-html5.icon,
        .btn-openid.icon,
        .btn-stack-overflow.icon,
        .btn-youtube.icon,
        .btn-css3.icon,
        .btn-dribbble.icon,
        .btn-google-plus.icon,
        .btn-instagram.icon,
        .btn-pinterest.icon,
        .btn-vk.icon,
        .btn-yahoo.icon,
        .btn-behance.icon,
        .btn-dropbox.icon,
        .btn-reddit.icon,
        .btn-spotify.icon,
        .btn-vine.icon,
        .btn-foursquare.icon,
        .btn-vimeo.icon {
            width: 2.3125rem;
            height: 2.3125rem;
        }

        .btn-facebook.btn-lg, .btn-group-lg > .btn-facebook.btn,
        .btn-twitter.btn-lg,
        .btn-group-lg > .btn-twitter.btn,
        .btn-linkedin.btn-lg,
        .btn-group-lg > .btn-linkedin.btn,
        .btn-flickr.btn-lg,
        .btn-group-lg > .btn-flickr.btn,
        .btn-tumblr.btn-lg,
        .btn-group-lg > .btn-tumblr.btn,
        .btn-xing.btn-lg,
        .btn-group-lg > .btn-xing.btn,
        .btn-github.btn-lg,
        .btn-group-lg > .btn-github.btn,
        .btn-html5.btn-lg,
        .btn-group-lg > .btn-html5.btn,
        .btn-openid.btn-lg,
        .btn-group-lg > .btn-openid.btn,
        .btn-stack-overflow.btn-lg,
        .btn-group-lg > .btn-stack-overflow.btn,
        .btn-youtube.btn-lg,
        .btn-group-lg > .btn-youtube.btn,
        .btn-css3.btn-lg,
        .btn-group-lg > .btn-css3.btn,
        .btn-dribbble.btn-lg,
        .btn-group-lg > .btn-dribbble.btn,
        .btn-google-plus.btn-lg,
        .btn-group-lg > .btn-google-plus.btn,
        .btn-instagram.btn-lg,
        .btn-group-lg > .btn-instagram.btn,
        .btn-pinterest.btn-lg,
        .btn-group-lg > .btn-pinterest.btn,
        .btn-vk.btn-lg,
        .btn-group-lg > .btn-vk.btn,
        .btn-yahoo.btn-lg,
        .btn-group-lg > .btn-yahoo.btn,
        .btn-behance.btn-lg,
        .btn-group-lg > .btn-behance.btn,
        .btn-dropbox.btn-lg,
        .btn-group-lg > .btn-dropbox.btn,
        .btn-reddit.btn-lg,
        .btn-group-lg > .btn-reddit.btn,
        .btn-spotify.btn-lg,
        .btn-group-lg > .btn-spotify.btn,
        .btn-vine.btn-lg,
        .btn-group-lg > .btn-vine.btn,
        .btn-foursquare.btn-lg,
        .btn-group-lg > .btn-foursquare.btn,
        .btn-vimeo.btn-lg,
        .btn-group-lg > .btn-vimeo.btn {
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            line-height: 1.5;
            border: 0;
        }

            .btn-facebook.btn-lg::before, .btn-group-lg > .btn-facebook.btn::before,
            .btn-twitter.btn-lg::before,
            .btn-group-lg > .btn-twitter.btn::before,
            .btn-linkedin.btn-lg::before,
            .btn-group-lg > .btn-linkedin.btn::before,
            .btn-flickr.btn-lg::before,
            .btn-group-lg > .btn-flickr.btn::before,
            .btn-tumblr.btn-lg::before,
            .btn-group-lg > .btn-tumblr.btn::before,
            .btn-xing.btn-lg::before,
            .btn-group-lg > .btn-xing.btn::before,
            .btn-github.btn-lg::before,
            .btn-group-lg > .btn-github.btn::before,
            .btn-html5.btn-lg::before,
            .btn-group-lg > .btn-html5.btn::before,
            .btn-openid.btn-lg::before,
            .btn-group-lg > .btn-openid.btn::before,
            .btn-stack-overflow.btn-lg::before,
            .btn-group-lg > .btn-stack-overflow.btn::before,
            .btn-youtube.btn-lg::before,
            .btn-group-lg > .btn-youtube.btn::before,
            .btn-css3.btn-lg::before,
            .btn-group-lg > .btn-css3.btn::before,
            .btn-dribbble.btn-lg::before,
            .btn-group-lg > .btn-dribbble.btn::before,
            .btn-google-plus.btn-lg::before,
            .btn-group-lg > .btn-google-plus.btn::before,
            .btn-instagram.btn-lg::before,
            .btn-group-lg > .btn-instagram.btn::before,
            .btn-pinterest.btn-lg::before,
            .btn-group-lg > .btn-pinterest.btn::before,
            .btn-vk.btn-lg::before,
            .btn-group-lg > .btn-vk.btn::before,
            .btn-yahoo.btn-lg::before,
            .btn-group-lg > .btn-yahoo.btn::before,
            .btn-behance.btn-lg::before,
            .btn-group-lg > .btn-behance.btn::before,
            .btn-dropbox.btn-lg::before,
            .btn-group-lg > .btn-dropbox.btn::before,
            .btn-reddit.btn-lg::before,
            .btn-group-lg > .btn-reddit.btn::before,
            .btn-spotify.btn-lg::before,
            .btn-group-lg > .btn-spotify.btn::before,
            .btn-vine.btn-lg::before,
            .btn-group-lg > .btn-vine.btn::before,
            .btn-foursquare.btn-lg::before,
            .btn-group-lg > .btn-foursquare.btn::before,
            .btn-vimeo.btn-lg::before,
            .btn-group-lg > .btn-vimeo.btn::before {
                width: 2.875rem;
                height: 2.875rem;
                padding: 0.5rem 0;
                font-size: 1.25rem;
                line-height: 1.5;
            }

            .btn-facebook.btn-lg span, .btn-group-lg > .btn-facebook.btn span,
            .btn-twitter.btn-lg span, .btn-group-lg > .btn-twitter.btn span,
            .btn-linkedin.btn-lg span, .btn-group-lg > .btn-linkedin.btn span,
            .btn-flickr.btn-lg span, .btn-group-lg > .btn-flickr.btn span,
            .btn-tumblr.btn-lg span, .btn-group-lg > .btn-tumblr.btn span,
            .btn-xing.btn-lg span, .btn-group-lg > .btn-xing.btn span,
            .btn-github.btn-lg span, .btn-group-lg > .btn-github.btn span,
            .btn-html5.btn-lg span, .btn-group-lg > .btn-html5.btn span,
            .btn-openid.btn-lg span, .btn-group-lg > .btn-openid.btn span,
            .btn-stack-overflow.btn-lg span, .btn-group-lg > .btn-stack-overflow.btn span,
            .btn-youtube.btn-lg span, .btn-group-lg > .btn-youtube.btn span,
            .btn-css3.btn-lg span, .btn-group-lg > .btn-css3.btn span,
            .btn-dribbble.btn-lg span, .btn-group-lg > .btn-dribbble.btn span,
            .btn-google-plus.btn-lg span, .btn-group-lg > .btn-google-plus.btn span,
            .btn-instagram.btn-lg span, .btn-group-lg > .btn-instagram.btn span,
            .btn-pinterest.btn-lg span, .btn-group-lg > .btn-pinterest.btn span,
            .btn-vk.btn-lg span, .btn-group-lg > .btn-vk.btn span,
            .btn-yahoo.btn-lg span, .btn-group-lg > .btn-yahoo.btn span,
            .btn-behance.btn-lg span, .btn-group-lg > .btn-behance.btn span,
            .btn-dropbox.btn-lg span, .btn-group-lg > .btn-dropbox.btn span,
            .btn-reddit.btn-lg span, .btn-group-lg > .btn-reddit.btn span,
            .btn-spotify.btn-lg span, .btn-group-lg > .btn-spotify.btn span,
            .btn-vine.btn-lg span, .btn-group-lg > .btn-vine.btn span,
            .btn-foursquare.btn-lg span, .btn-group-lg > .btn-foursquare.btn span,
            .btn-vimeo.btn-lg span, .btn-group-lg > .btn-vimeo.btn span {
                margin-left: 2.875rem;
            }

            .btn-facebook.btn-lg.icon, .btn-group-lg > .btn-facebook.icon.btn,
            .btn-twitter.btn-lg.icon,
            .btn-group-lg > .btn-twitter.icon.btn,
            .btn-linkedin.btn-lg.icon,
            .btn-group-lg > .btn-linkedin.icon.btn,
            .btn-flickr.btn-lg.icon,
            .btn-group-lg > .btn-flickr.icon.btn,
            .btn-tumblr.btn-lg.icon,
            .btn-group-lg > .btn-tumblr.icon.btn,
            .btn-xing.btn-lg.icon,
            .btn-group-lg > .btn-xing.icon.btn,
            .btn-github.btn-lg.icon,
            .btn-group-lg > .btn-github.icon.btn,
            .btn-html5.btn-lg.icon,
            .btn-group-lg > .btn-html5.icon.btn,
            .btn-openid.btn-lg.icon,
            .btn-group-lg > .btn-openid.icon.btn,
            .btn-stack-overflow.btn-lg.icon,
            .btn-group-lg > .btn-stack-overflow.icon.btn,
            .btn-youtube.btn-lg.icon,
            .btn-group-lg > .btn-youtube.icon.btn,
            .btn-css3.btn-lg.icon,
            .btn-group-lg > .btn-css3.icon.btn,
            .btn-dribbble.btn-lg.icon,
            .btn-group-lg > .btn-dribbble.icon.btn,
            .btn-google-plus.btn-lg.icon,
            .btn-group-lg > .btn-google-plus.icon.btn,
            .btn-instagram.btn-lg.icon,
            .btn-group-lg > .btn-instagram.icon.btn,
            .btn-pinterest.btn-lg.icon,
            .btn-group-lg > .btn-pinterest.icon.btn,
            .btn-vk.btn-lg.icon,
            .btn-group-lg > .btn-vk.icon.btn,
            .btn-yahoo.btn-lg.icon,
            .btn-group-lg > .btn-yahoo.icon.btn,
            .btn-behance.btn-lg.icon,
            .btn-group-lg > .btn-behance.icon.btn,
            .btn-dropbox.btn-lg.icon,
            .btn-group-lg > .btn-dropbox.icon.btn,
            .btn-reddit.btn-lg.icon,
            .btn-group-lg > .btn-reddit.icon.btn,
            .btn-spotify.btn-lg.icon,
            .btn-group-lg > .btn-spotify.icon.btn,
            .btn-vine.btn-lg.icon,
            .btn-group-lg > .btn-vine.icon.btn,
            .btn-foursquare.btn-lg.icon,
            .btn-group-lg > .btn-foursquare.icon.btn,
            .btn-vimeo.btn-lg.icon,
            .btn-group-lg > .btn-vimeo.icon.btn {
                width: 2.875rem;
                height: 2.875rem;
            }

        .btn-facebook.btn-sm, .btn-group-sm > .btn-facebook.btn,
        .btn-twitter.btn-sm,
        .btn-group-sm > .btn-twitter.btn,
        .btn-linkedin.btn-sm,
        .btn-group-sm > .btn-linkedin.btn,
        .btn-flickr.btn-sm,
        .btn-group-sm > .btn-flickr.btn,
        .btn-tumblr.btn-sm,
        .btn-group-sm > .btn-tumblr.btn,
        .btn-xing.btn-sm,
        .btn-group-sm > .btn-xing.btn,
        .btn-github.btn-sm,
        .btn-group-sm > .btn-github.btn,
        .btn-html5.btn-sm,
        .btn-group-sm > .btn-html5.btn,
        .btn-openid.btn-sm,
        .btn-group-sm > .btn-openid.btn,
        .btn-stack-overflow.btn-sm,
        .btn-group-sm > .btn-stack-overflow.btn,
        .btn-youtube.btn-sm,
        .btn-group-sm > .btn-youtube.btn,
        .btn-css3.btn-sm,
        .btn-group-sm > .btn-css3.btn,
        .btn-dribbble.btn-sm,
        .btn-group-sm > .btn-dribbble.btn,
        .btn-google-plus.btn-sm,
        .btn-group-sm > .btn-google-plus.btn,
        .btn-instagram.btn-sm,
        .btn-group-sm > .btn-instagram.btn,
        .btn-pinterest.btn-sm,
        .btn-group-sm > .btn-pinterest.btn,
        .btn-vk.btn-sm,
        .btn-group-sm > .btn-vk.btn,
        .btn-yahoo.btn-sm,
        .btn-group-sm > .btn-yahoo.btn,
        .btn-behance.btn-sm,
        .btn-group-sm > .btn-behance.btn,
        .btn-dropbox.btn-sm,
        .btn-group-sm > .btn-dropbox.btn,
        .btn-reddit.btn-sm,
        .btn-group-sm > .btn-reddit.btn,
        .btn-spotify.btn-sm,
        .btn-group-sm > .btn-spotify.btn,
        .btn-vine.btn-sm,
        .btn-group-sm > .btn-vine.btn,
        .btn-foursquare.btn-sm,
        .btn-group-sm > .btn-foursquare.btn,
        .btn-vimeo.btn-sm,
        .btn-group-sm > .btn-vimeo.btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            line-height: 1.5;
            border: 0;
        }

            .btn-facebook.btn-sm::before, .btn-group-sm > .btn-facebook.btn::before,
            .btn-twitter.btn-sm::before,
            .btn-group-sm > .btn-twitter.btn::before,
            .btn-linkedin.btn-sm::before,
            .btn-group-sm > .btn-linkedin.btn::before,
            .btn-flickr.btn-sm::before,
            .btn-group-sm > .btn-flickr.btn::before,
            .btn-tumblr.btn-sm::before,
            .btn-group-sm > .btn-tumblr.btn::before,
            .btn-xing.btn-sm::before,
            .btn-group-sm > .btn-xing.btn::before,
            .btn-github.btn-sm::before,
            .btn-group-sm > .btn-github.btn::before,
            .btn-html5.btn-sm::before,
            .btn-group-sm > .btn-html5.btn::before,
            .btn-openid.btn-sm::before,
            .btn-group-sm > .btn-openid.btn::before,
            .btn-stack-overflow.btn-sm::before,
            .btn-group-sm > .btn-stack-overflow.btn::before,
            .btn-youtube.btn-sm::before,
            .btn-group-sm > .btn-youtube.btn::before,
            .btn-css3.btn-sm::before,
            .btn-group-sm > .btn-css3.btn::before,
            .btn-dribbble.btn-sm::before,
            .btn-group-sm > .btn-dribbble.btn::before,
            .btn-google-plus.btn-sm::before,
            .btn-group-sm > .btn-google-plus.btn::before,
            .btn-instagram.btn-sm::before,
            .btn-group-sm > .btn-instagram.btn::before,
            .btn-pinterest.btn-sm::before,
            .btn-group-sm > .btn-pinterest.btn::before,
            .btn-vk.btn-sm::before,
            .btn-group-sm > .btn-vk.btn::before,
            .btn-yahoo.btn-sm::before,
            .btn-group-sm > .btn-yahoo.btn::before,
            .btn-behance.btn-sm::before,
            .btn-group-sm > .btn-behance.btn::before,
            .btn-dropbox.btn-sm::before,
            .btn-group-sm > .btn-dropbox.btn::before,
            .btn-reddit.btn-sm::before,
            .btn-group-sm > .btn-reddit.btn::before,
            .btn-spotify.btn-sm::before,
            .btn-group-sm > .btn-spotify.btn::before,
            .btn-vine.btn-sm::before,
            .btn-group-sm > .btn-vine.btn::before,
            .btn-foursquare.btn-sm::before,
            .btn-group-sm > .btn-foursquare.btn::before,
            .btn-vimeo.btn-sm::before,
            .btn-group-sm > .btn-vimeo.btn::before {
                width: 1.8125rem;
                height: 1.8125rem;
                padding: 0.25rem 0;
                font-size: 0.875rem;
                line-height: 1.5;
            }

            .btn-facebook.btn-sm span, .btn-group-sm > .btn-facebook.btn span,
            .btn-twitter.btn-sm span, .btn-group-sm > .btn-twitter.btn span,
            .btn-linkedin.btn-sm span, .btn-group-sm > .btn-linkedin.btn span,
            .btn-flickr.btn-sm span, .btn-group-sm > .btn-flickr.btn span,
            .btn-tumblr.btn-sm span, .btn-group-sm > .btn-tumblr.btn span,
            .btn-xing.btn-sm span, .btn-group-sm > .btn-xing.btn span,
            .btn-github.btn-sm span, .btn-group-sm > .btn-github.btn span,
            .btn-html5.btn-sm span, .btn-group-sm > .btn-html5.btn span,
            .btn-openid.btn-sm span, .btn-group-sm > .btn-openid.btn span,
            .btn-stack-overflow.btn-sm span, .btn-group-sm > .btn-stack-overflow.btn span,
            .btn-youtube.btn-sm span, .btn-group-sm > .btn-youtube.btn span,
            .btn-css3.btn-sm span, .btn-group-sm > .btn-css3.btn span,
            .btn-dribbble.btn-sm span, .btn-group-sm > .btn-dribbble.btn span,
            .btn-google-plus.btn-sm span, .btn-group-sm > .btn-google-plus.btn span,
            .btn-instagram.btn-sm span, .btn-group-sm > .btn-instagram.btn span,
            .btn-pinterest.btn-sm span, .btn-group-sm > .btn-pinterest.btn span,
            .btn-vk.btn-sm span, .btn-group-sm > .btn-vk.btn span,
            .btn-yahoo.btn-sm span, .btn-group-sm > .btn-yahoo.btn span,
            .btn-behance.btn-sm span, .btn-group-sm > .btn-behance.btn span,
            .btn-dropbox.btn-sm span, .btn-group-sm > .btn-dropbox.btn span,
            .btn-reddit.btn-sm span, .btn-group-sm > .btn-reddit.btn span,
            .btn-spotify.btn-sm span, .btn-group-sm > .btn-spotify.btn span,
            .btn-vine.btn-sm span, .btn-group-sm > .btn-vine.btn span,
            .btn-foursquare.btn-sm span, .btn-group-sm > .btn-foursquare.btn span,
            .btn-vimeo.btn-sm span, .btn-group-sm > .btn-vimeo.btn span {
                margin-left: 1.8125rem;
            }

            .btn-facebook.btn-sm.icon, .btn-group-sm > .btn-facebook.icon.btn,
            .btn-twitter.btn-sm.icon,
            .btn-group-sm > .btn-twitter.icon.btn,
            .btn-linkedin.btn-sm.icon,
            .btn-group-sm > .btn-linkedin.icon.btn,
            .btn-flickr.btn-sm.icon,
            .btn-group-sm > .btn-flickr.icon.btn,
            .btn-tumblr.btn-sm.icon,
            .btn-group-sm > .btn-tumblr.icon.btn,
            .btn-xing.btn-sm.icon,
            .btn-group-sm > .btn-xing.icon.btn,
            .btn-github.btn-sm.icon,
            .btn-group-sm > .btn-github.icon.btn,
            .btn-html5.btn-sm.icon,
            .btn-group-sm > .btn-html5.icon.btn,
            .btn-openid.btn-sm.icon,
            .btn-group-sm > .btn-openid.icon.btn,
            .btn-stack-overflow.btn-sm.icon,
            .btn-group-sm > .btn-stack-overflow.icon.btn,
            .btn-youtube.btn-sm.icon,
            .btn-group-sm > .btn-youtube.icon.btn,
            .btn-css3.btn-sm.icon,
            .btn-group-sm > .btn-css3.icon.btn,
            .btn-dribbble.btn-sm.icon,
            .btn-group-sm > .btn-dribbble.icon.btn,
            .btn-google-plus.btn-sm.icon,
            .btn-group-sm > .btn-google-plus.icon.btn,
            .btn-instagram.btn-sm.icon,
            .btn-group-sm > .btn-instagram.icon.btn,
            .btn-pinterest.btn-sm.icon,
            .btn-group-sm > .btn-pinterest.icon.btn,
            .btn-vk.btn-sm.icon,
            .btn-group-sm > .btn-vk.icon.btn,
            .btn-yahoo.btn-sm.icon,
            .btn-group-sm > .btn-yahoo.icon.btn,
            .btn-behance.btn-sm.icon,
            .btn-group-sm > .btn-behance.icon.btn,
            .btn-dropbox.btn-sm.icon,
            .btn-group-sm > .btn-dropbox.icon.btn,
            .btn-reddit.btn-sm.icon,
            .btn-group-sm > .btn-reddit.icon.btn,
            .btn-spotify.btn-sm.icon,
            .btn-group-sm > .btn-spotify.icon.btn,
            .btn-vine.btn-sm.icon,
            .btn-group-sm > .btn-vine.icon.btn,
            .btn-foursquare.btn-sm.icon,
            .btn-group-sm > .btn-foursquare.icon.btn,
            .btn-vimeo.btn-sm.icon,
            .btn-group-sm > .btn-vimeo.icon.btn {
                width: 1.8125rem;
                height: 1.8125rem;
            }

    .btn-facebook {
        background: #3b5998;
    }

        .btn-facebook::before {
            content: "\f09a";
            background: #344e86;
        }

        .btn-facebook:hover {
            background: #344e86;
        }

            .btn-facebook:hover::before {
                background: #2d4373;
            }

    .btn-twitter {
        background: #00aced;
    }

        .btn-twitter::before {
            content: "\f099";
            background: #0099d4;
        }

        .btn-twitter:hover {
            background: #0099d4;
        }

            .btn-twitter:hover::before {
                background: #0087ba;
            }

    .btn-linkedin {
        background: #4875b4;
    }

        .btn-linkedin::before {
            content: "\f0e1";
            background: #4169a2;
        }

        .btn-linkedin:hover {
            background: #4169a2;
        }

            .btn-linkedin:hover::before {
                background: #395d90;
            }

    .btn-flickr {
        background: #ff0084;
    }

        .btn-flickr::before {
            content: "\f16e";
            background: #e60077;
        }

        .btn-flickr:hover {
            background: #e60077;
        }

            .btn-flickr:hover::before {
                background: #cc006a;
            }

    .btn-tumblr {
        background: #32506d;
    }

        .btn-tumblr::before {
            content: "\f173";
            background: #2a435c;
        }

        .btn-tumblr:hover {
            background: #2a435c;
        }

            .btn-tumblr:hover::before {
                background: #22364a;
            }

    .btn-xing {
        background: #026466;
    }

        .btn-xing::before {
            content: "\f168";
            background: #024b4d;
        }

        .btn-xing:hover {
            background: #024b4d;
        }

            .btn-xing:hover::before {
                background: #013334;
            }

    .btn-github {
        background: #4183c4;
    }

        .btn-github::before {
            content: "\f09b";
            background: #3876b4;
        }

        .btn-github:hover {
            background: #3876b4;
        }

            .btn-github:hover::before {
                background: #3269a0;
            }

    .btn-html5 {
        background: #e34f26;
    }

        .btn-html5::before {
            content: "\f13b";
            background: #d4431b;
        }

        .btn-html5:hover {
            background: #d4431b;
        }

            .btn-html5:hover::before {
                background: #be3c18;
            }

    .btn-openid {
        background: #f78c40;
    }

        .btn-openid::before {
            content: "\f19b";
            background: #f67d28;
        }

        .btn-openid:hover {
            background: #f67d28;
        }

            .btn-openid:hover::before {
                background: #f56f0f;
            }

    .btn-stack-overflow {
        background: #fe7a15;
    }

        .btn-stack-overflow::before {
            content: "\f16c";
            background: #f86c01;
        }

        .btn-stack-overflow:hover {
            background: #f86c01;
        }

            .btn-stack-overflow:hover::before {
                background: #df6101;
            }

    .btn-css3 {
        background: #0170ba;
    }

        .btn-css3::before {
            content: "\f13c";
            background: #0161a1;
        }

        .btn-css3:hover {
            background: #0161a1;
        }

            .btn-css3:hover::before {
                background: #015187;
            }

    .btn-youtube {
        background: #b00;
    }

        .btn-youtube::before {
            content: "\f167";
            background: #a20000;
        }

        .btn-youtube:hover {
            background: #a20000;
        }

            .btn-youtube:hover::before {
                background: #880000;
            }

    .btn-dribbble {
        background: #ea4c89;
    }

        .btn-dribbble::before {
            content: "\f17d";
            background: #e7357a;
        }

        .btn-dribbble:hover {
            background: #e7357a;
        }

            .btn-dribbble:hover::before {
                background: #e51e6b;
            }

    .btn-google-plus {
        background: #d34836;
    }

        .btn-google-plus::before {
            content: "\f0d5";
            background: #c43d2b;
        }

        .btn-google-plus:hover {
            background: #c43d2b;
        }

            .btn-google-plus:hover::before {
                background: #b03626;
            }

    .btn-instagram {
        background: #517fa4;
    }

        .btn-instagram::before {
            content: "\f16d";
            background: #497293;
        }

        .btn-instagram:hover {
            background: #497293;
        }

            .btn-instagram:hover::before {
                background: #406582;
            }

    .btn-pinterest {
        background: #cb2027;
    }

        .btn-pinterest::before {
            content: "\f0d2";
            background: #b51d23;
        }

        .btn-pinterest:hover {
            background: #b51d23;
        }

            .btn-pinterest:hover::before {
                background: #9f191f;
            }

    .btn-vk {
        background: #45668e;
    }

        .btn-vk::before {
            content: "\f189";
            background: #3d5a7d;
        }

        .btn-vk:hover {
            background: #3d5a7d;
        }

            .btn-vk:hover::before {
                background: #344d6c;
            }

    .btn-yahoo {
        background: #400191;
    }

        .btn-yahoo::before {
            content: "\f19e";
            background: #350178;
        }

        .btn-yahoo:hover {
            background: #350178;
        }

            .btn-yahoo:hover::before {
                background: #2a015e;
            }

    .btn-behance {
        background: #1769ff;
    }

        .btn-behance::before {
            content: "\f1b4";
            background: #0059fd;
        }

        .btn-behance:hover {
            background: #0059fd;
        }

            .btn-behance:hover::before {
                background: #0050e3;
            }

    .btn-dropbox {
        background: #007ee5;
    }

        .btn-dropbox::before {
            content: "\f16b";
            background: #0070cc;
        }

        .btn-dropbox:hover {
            background: #0070cc;
        }

            .btn-dropbox:hover::before {
                background: #0062b2;
            }

    .btn-reddit {
        background: #ff4500;
    }

        .btn-reddit::before {
            content: "\f1a1";
            background: #e63e00;
        }

        .btn-reddit:hover {
            background: #e63e00;
        }

            .btn-reddit:hover::before {
                background: #cc3700;
            }

    .btn-spotify {
        background: #7ab800;
    }

        .btn-spotify::before {
            content: "\f1bc";
            background: #699f00;
        }

        .btn-spotify:hover {
            background: #699f00;
        }

            .btn-spotify:hover::before {
                background: #588500;
            }

    .btn-vine {
        background: #00bf8f;
    }

        .btn-vine::before {
            content: "\f1ca";
            background: #00a67c;
        }

        .btn-vine:hover {
            background: #00a67c;
        }

            .btn-vine:hover::before {
                background: #008c69;
            }

    .btn-foursquare {
        background: #1073af;
    }

        .btn-foursquare::before {
            content: "\f180";
            background: #0e6498;
        }

        .btn-foursquare:hover {
            background: #0e6498;
        }

            .btn-foursquare:hover::before {
                background: #0c5480;
            }

    .btn-vimeo {
        background: #aad450;
    }

        .btn-vimeo::before {
            content: "\f194";
            background: #a0cf3c;
        }

        .btn-vimeo:hover {
            background: #a0cf3c;
        }

            .btn-vimeo:hover::before {
                background: #93c130;
            }

    .callout {
        position: relative;
        padding: 0 1rem;
        margin: 1rem 0;
        border: 0 solid #c2cfd6;
        border-left-width: .25rem;
    }

        .callout .chart-wrapper {
            position: absolute;
            top: 10px;
            left: 50%;
            float: right;
            width: 50%;
        }

    .callout-bordered {
        border: 1px solid #c2cfd6;
        border-left-width: .25rem;
    }

    .callout code {
        border-radius: .25rem;
    }

    .callout h4 {
        margin-top: 0;
        margin-bottom: .25rem;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout + .callout {
        margin-top: -0.25rem;
    }

    .callout-default {
        border-left-color: #536c79;
    }

        .callout-default h4 {
            color: #536c79;
        }

    .callout-primary {
        border-left-color: #20a8d8;
    }

        .callout-primary h4 {
            color: #20a8d8;
        }

    .callout-secondary {
        border-left-color: #a4b7c1;
    }

        .callout-secondary h4 {
            color: #a4b7c1;
        }

    .callout-success {
        border-left-color: #4dbd74;
    }

        .callout-success h4 {
            color: #4dbd74;
        }

    .callout-info {
        border-left-color: #63c2de;
    }

        .callout-info h4 {
            color: #63c2de;
        }

    .callout-warning {
        border-left-color: #ffc107;
    }

        .callout-warning h4 {
            color: #ffc107;
        }

    .callout-danger {
        border-left-color: #f86c6b;
    }

        .callout-danger h4 {
            color: #f86c6b;
        }

    .callout-light {
        border-left-color: #f0f3f5;
    }

        .callout-light h4 {
            color: #f0f3f5;
        }

    .callout-dark {
        border-left-color: #29363d;
    }

        .callout-dark h4 {
            color: #29363d;
        }

    .card {
        margin-bottom: 1rem;
    }

        .card.bg-primary {
            border-color: #187da0;
        }

            .card.bg-primary .card-header {
                background-color: #1e9ecb;
                border-color: #187da0;
            }

        .card.bg-secondary {
            border-color: #7e99a7;
        }

            .card.bg-secondary .card-header {
                background-color: #9bb0bb;
                border-color: #7e99a7;
            }

        .card.bg-success {
            border-color: #379457;
        }

            .card.bg-success .card-header {
                background-color: #44b76c;
                border-color: #379457;
            }

        .card.bg-info {
            border-color: #2eadd3;
        }

            .card.bg-info .card-header {
                background-color: #56bddb;
                border-color: #2eadd3;
            }

        .card.bg-warning {
            border-color: #c69500;
        }

            .card.bg-warning .card-header {
                background-color: #f7b900;
                border-color: #c69500;
            }

        .card.bg-danger {
            border-color: #f5302e;
        }

            .card.bg-danger .card-header {
                background-color: #f75d5c;
                border-color: #f5302e;
            }

        .card.bg-light {
            border-color: #cad4dc;
        }

            .card.bg-light .card-header {
                background-color: #e7ecef;
                border-color: #cad4dc;
            }

        .card.bg-dark {
            border-color: #0f1417;
        }

            .card.bg-dark .card-header {
                background-color: #232e34;
                border-color: #0f1417;
            }

    .text-white .text-muted {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .card-header .icon-bg {
        display: inline-body;
        padding: 0.75rem 1.25rem !important;
        margin-top: -0.75rem;
        margin-right: 1.25rem;
        margin-bottom: -0.75rem;
        margin-left: -1.25rem;
        line-height: inherit;
        color: #151b1e;
        vertical-align: bottom;
        background: transparent;
        border-right: 1px solid #c2cfd6;
    }

    .card-header .nav.nav-tabs {
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
        border-bottom: 0;
    }

        .card-header .nav.nav-tabs .nav-item {
            border-top: 0;
        }

        .card-header .nav.nav-tabs .nav-link, .card-header .nav.nav-tabs .navbar .dropdown-toggle, .navbar .card-header .nav.nav-tabs .dropdown-toggle {
            padding: 0.75rem 0.625rem;
            color: #536c79;
            border-top: 0;
        }

            .card-header .nav.nav-tabs .nav-link.active, .card-header .nav.nav-tabs .navbar .active.dropdown-toggle, .navbar .card-header .nav.nav-tabs .active.dropdown-toggle {
                color: #151b1e;
                background: #fff;
            }

    .card-header.card-header-inverse {
        color: #fff;
    }

    .card-header .btn {
        margin-top: -0.5rem;
    }

    .card-header .btn-sm, .card-header .btn-group-sm > .btn {
        margin-top: -0.25rem;
    }

    .card-header .btn-lg, .card-header .btn-group-lg > .btn {
        margin-top: -0.5rem;
    }

    .card-footer ul {
        display: table;
        width: 100%;
        padding: 0;
        margin: 0;
        table-layout: fixed;
    }

        .card-footer ul li {
            display: table-cell;
            padding: 0 1.25rem;
            text-align: center;
        }

    [class*="card-outline-"] .card-body, [class*="card-outline-"] .card-block {
        background: #fff !important;
    }

    [class*="card-outline-"].card-outline-top {
        border-top-width: 2px;
        border-right-color: #c2cfd6;
        border-bottom-color: #c2cfd6;
        border-left-color: #c2cfd6;
    }

    .card-accent-primary {
        border-top-width: 2px;
        border-top-color: #20a8d8;
    }

    .card-accent-secondary {
        border-top-width: 2px;
        border-top-color: #a4b7c1;
    }

    .card-accent-success {
        border-top-width: 2px;
        border-top-color: #4dbd74;
    }

    .card-accent-info {
        border-top-width: 2px;
        border-top-color: #63c2de;
    }

    .card-accent-warning {
        border-top-width: 2px;
        border-top-color: #ffc107;
    }

    .card-accent-danger {
        border-top-width: 2px;
        border-top-color: #f86c6b;
    }

    .card-accent-light {
        border-top-width: 2px;
        border-top-color: #f0f3f5;
    }

    .card-accent-dark {
        border-top-width: 2px;
        border-top-color: #29363d;
    }

    .card-header > i {
        margin-right: 0.5rem;
    }

    .card-header .card-actions {
        position: absolute;
        top: 0;
        right: 0;
    }

        .card-header .card-actions a, .card-header .card-actions button {
            display: block;
            float: left;
            width: 50px;
            padding: 0.75rem 0;
            margin: 0 !important;
            color: #151b1e;
            text-align: center;
            background: transparent;
            border: 0;
            border-left: 1px solid #c2cfd6;
            box-shadow: 0;
        }

            .card-header .card-actions a:hover, .card-header .card-actions button:hover {
                text-decoration: none;
            }

            .card-header .card-actions a [class^="icon-"], .card-header .card-actions a [class*=" icon-"], .card-header .card-actions button [class^="icon-"], .card-header .card-actions button [class*=" icon-"] {
                display: inline-body;
                vertical-align: middle;
            }

            .card-header .card-actions a i, .card-header .card-actions button i {
                display: inline-body;
                transition: .4s;
            }

            .card-header .card-actions a .r180, .card-header .card-actions button .r180 {
                transform: rotate(180deg);
            }

        .card-header .card-actions .input-group {
            width: 230px;
            margin: 6px;
        }

            .card-header .card-actions .input-group .input-group-addon {
                background: #fff;
            }

            .card-header .card-actions .input-group input {
                border-left: 0;
            }

    .card-full {
        margin-top: -1rem;
        margin-right: -15px;
        margin-left: -15px;
        border: 0;
        border-bottom: 1px solid #c2cfd6;
    }

    @media (min-width: 576px) {
        .card-columns.cols-2 {
            column-count: 2;
        }
    }

    .card.drag, .card .drag {
        cursor: move;
    }

    .card-placeholder {
        background: rgba(0, 0, 0, 0.025);
        border: 1px dashed #a4b7c1;
    }

    .chart-wrapper canvas {
        width: 100% !important;
    }

    base-chart.chart {
        display: block !important;
    }

    .dropdown-item {
        position: relative;
        padding: 5px 20px;
        border-bottom: 1px solid #c2cfd6;
    }

        .dropdown-item:last-child {
            border-bottom: 0;
        }

        .dropdown-item i {
            display: inline-block;
            width: 20px;
            margin-right: 10px;
            margin-left: -10px;
            color: #c2cfd6;
            text-align: center;
        }

        .dropdown-item .badge {
            position: absolute;
            right: 10px;
            margin-top: 2px;
        }

    .dropdown-header {
        padding: 8px 20px;
        background: #f0f3f5;
        border-bottom: 1px solid #c2cfd6;
    }

        .dropdown-header .btn {
            margin-top: -7px;
            /*color: #536c79;*/
        }

            .dropdown-header .btn:hover {
                /*color: #151b1e;*/
            }

            .dropdown-header .btn.pull-right {
                margin-right: -20px;
            }

    .dropdown-menu-lg {
        width: 250px;
    }

    .app-header .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .app-header .navbar-nav .dropdown-menu-right {
        right: 20px;
        left: auto;
    }

    .app-header .navbar-nav .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    .app-footer {
        display: flex;
        padding: 0 1rem;
        color: #919191;
        /*background: #f0f3f5;*/
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        /*border-top: 1px solid #c2cfd6;*/
    }

    .row.row-equal {
        padding-right: 7.5px;
        padding-left: 7.5px;
        margin-right: -15px;
        margin-left: -15px;
    }

        .row.row-equal [class*="col-"] {
            padding-right: 7.5px;
            padding-left: 7.5px;
        }

    .main .container-fluid {
        padding: 0 10px;
    }

    .input-group-addon,
    .input-group-btn {
        min-width: 40px;
        white-space: nowrap;
        vertical-align: middle;
    }

    #loading-bar,
    #loading-bar-spinner {
        -webkit-pointer-events: none;
        pointer-events: none;
        -moz-transition: 350ms linear all;
        -o-transition: 350ms linear all;
        -webkit-transition: 350ms linear all;
        transition: 350ms linear all;
    }

        #loading-bar.ng-enter,
        #loading-bar.ng-leave.ng-leave-active,
        #loading-bar-spinner.ng-enter,
        #loading-bar-spinner.ng-leave.ng-leave-active {
            opacity: 0;
        }

            #loading-bar.ng-enter.ng-enter-active,
            #loading-bar.ng-leave,
            #loading-bar-spinner.ng-enter.ng-enter-active,
            #loading-bar-spinner.ng-leave {
                opacity: 1;
            }

        #loading-bar .bar {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 20002;
            width: 100%;
            height: 2px;
            background: #20a8d8;
            border-top-right-radius: 1px;
            border-bottom-right-radius: 1px;
            -moz-transition: width 350ms;
            -o-transition: width 350ms;
            -webkit-transition: width 350ms;
            transition: width 350ms;
        }

        #loading-bar .peg {
            position: absolute;
            top: 0;
            right: 0;
            width: 70px;
            height: 2px;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            -moz-box-shadow: #29d 1px 0 6px 1px;
            -ms-box-shadow: #29d 1px 0 6px 1px;
            -webkit-box-shadow: #29d 1px 0 6px 1px;
            box-shadow: #29d 1px 0 6px 1px;
            opacity: .45;
        }

    #loading-bar-spinner {
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 10002;
        display: block;
    }

        #loading-bar-spinner .spinner-icon {
            width: 14px;
            height: 14px;
            border: solid 2px transparent;
            border-top-color: #29d;
            border-left-color: #29d;
            border-radius: 50%;
            -moz-animation: loading-bar-spinner 400ms linear infinite;
            -ms-animation: loading-bar-spinner 400ms linear infinite;
            -o-animation: loading-bar-spinner 400ms linear infinite;
            -webkit-animation: loading-bar-spinner 400ms linear infinite;
            animation: loading-bar-spinner 400ms linear infinite;
        }

    @-webkit-keyframes loading-bar-spinner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-moz-keyframes loading-bar-spinner {
        0% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-o-keyframes loading-bar-spinner {
        0% {
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-ms-keyframes loading-bar-spinner {
        0% {
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes loading-bar-spinner {
        0% {
            transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .pace {
        -webkit-pointer-events: none;
        pointer-events: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .pace-inactive {
        display: none;
    }

    .pace .pace-progress {
        position: fixed;
        top: 0;
        right: 100%;
        z-index: 2000;
        width: 100%;
        height: 2px;
        background: #20a8d8;
    }

    .modal-primary .modal-content {
        border-color: #20a8d8;
        border-radius: 10px;
    }

    .modal-primary .modal-header {
        color: #fff;
        display: none;
        background-color: #20a8d8;
    }

    .modal-secondary .modal-content {
        border-color: #a4b7c1;
    }

    .modal-secondary .modal-header {
        color: #fff;
        background-color: #a4b7c1;
    }

    .modal-success .modal-content {
        border-color: #4dbd74;
    }

    .modal-success .modal-header {
        color: #fff;
        background-color: #4dbd74;
    }

    .modal-info .modal-content {
        border-color: #63c2de;
    }

    .modal-info .modal-header {
        color: #fff;
        background-color: #63c2de;
    }

    .modal-warning .modal-content {
        border-color: #ffc107;
    }

    .modal-warning .modal-header {
        color: #fff;
        background-color: #ffc107;
    }

    .modal-danger .modal-content {
        border-color: #f86c6b;
    }

    .modal-danger .modal-header {
        color: #fff;
        background-color: #f86c6b;
    }

    .modal-light .modal-content {
        border-color: #f0f3f5;
    }

    .modal-light .modal-header {
        color: #fff;
        background-color: #f0f3f5;
    }

    .modal-dark .modal-content {
        border-color: #29363d;
    }

    .modal-dark .modal-header {
        color: #fff;
        background-color: #29363d;
    }

    .nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle {
        color: #8c8a8a;
    }

        .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle {
            color: #ffffff;
            background: #000000;
            border-color: #000000;
            border-bottom-color: #fff;
        }

    /* .nav-tabs .nav-link.active:focus, .nav-tabs .navbar .active.dropdown-toggle:focus, .navbar .nav-tabs .active.dropdown-toggle:focus {
           background: #fff;
            border-color: #c2cfd6;
            border-bottom-color: #fff;
        }*/ /**comment for right menu***/

    .tab-content {
        margin-top: 0px;
        background: #fff;
        border: 1px solid #c2cfd6;
    }

        .tab-content .tab-pane {
            padding: 2rem;
        }

    .card-block .tab-content {
        margin-top: 0;
        border: 0;
    }

    .app-header.navbar {
        position: relative;
        height: 65px;
        flex-direction: row;
        padding: 0;
        margin: 0;
        background-color: #fff;
        border-top: 0px solid #c2cfd6;
        border-bottom: 0px solid #c2cfd6;
    }

    .app-header.navbar1 {
        position: relative;
        height: 121px;
        flex-direction: row;
        padding: 0;
        margin: 0;
        background-color: #fff;
        border-top: 0px solid #c2cfd6;
        border-bottom: 1px solid #ececec !important;
    }


    .app-header.navbar .navbar-brand {
        display: inline-block;
        width: 236px;
        height: 45px;
        /*background-color: #000;*/
        background-image: url("../img/inner_logo.png");
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 0px;
        margin-left: 15px;
    }

    .app-header.navbar .navbar-brand1 {
        display: inline-block;
        width: 211px;
        height: 92px;
        /*background-color: #000;*/
        background-image: url("../img/top-form-logo.png");
        background-repeat: no-repeat;
        background-position: center left;
        padding: 0px;
        margin: 0px;
        margin-top: 0px;
        margin-left: 0px;
    }

    .app-header.navbar .navbar-brand.nav_logo_desktop_mbf {
        display: inline-block;
        width: 100%;
        height: 68px;
        margin-top: 0px;
        margin-right: 6px;
        margin-left: 6px;
        background-color: #fff;
        background-image: url("../img/daimler_MBF_logo.png");
        background-repeat: no-repeat;
        background-position: center center;
        /*background-size: 65px auto;*/
    }

    .app-header.navbar .navbar-brand.nav_logo_desktop_bbf {
        display: inline-block;
        width: 100%;
        height: 68px;
        margin-top: 0px;
        margin-right: 6px;
        margin-left: 6px;
        background-color: #fff;
        background-image: url("../img/daimler_BBF_logo.png");
        background-repeat: no-repeat;
        background-position: center center;
        /*background-size: 65px auto;*/
    }

    .app-header.navbar .navbar-toggler {
        color: #536c79;
    }

    .app-header.navbar .navbar-nav {
        flex-direction: row;
        align-items: center;
    }

    .app-header.navbar .nav-item {
        position: relative;
        min-width: 50px;
        margin: 0 !important;
        text-align: center;
        padding-right: 20px;
    }

        .app-header.navbar .nav-item button {
            margin: 0 auto;
        }

        .app-header.navbar .nav-item .nav-link, .app-header.navbar .nav-item .dropdown-toggle {
            padding-top: 0;
            padding-bottom: 0;
            background: 0;
            border: 0;
        }

            .app-header.navbar .nav-item .nav-link .badge, .app-header.navbar .nav-item .dropdown-toggle .badge {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -16px;
                margin-left: 0;
            }

            .app-header.navbar .nav-item .nav-link > .img-avatar, .app-header.navbar .nav-item .dropdown-toggle > .img-avatar {
                height: 35px;
                margin: 0 10px;
            }

    .app-header.navbar .dropdown-menu {
        padding-bottom: 0;
        line-height: 1.5;
    }

    .app-header.navbar .dropdown-item {
        min-width: 180px;
    }

    .navbar-brand {
        color: #29363d;
    }

        .navbar-brand:focus, .navbar-brand:hover {
            color: #29363d;
        }

    .navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle {
        color: #fff;
        /*background: #00b0f0 !important;*/
        border-radius: 100%;
        margin: 0;
        padding: 1px 0px !important;
        font-size: 14px !important;
        width: auto;
        /*border: 1px solid #fff !important;*/
    }

        .navbar-nav .nav-link:focus, .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-nav .dropdown-toggle:focus, .navbar-nav .nav-link:hover, .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-nav .dropdown-toggle:hover {
            color: #fff;
            /*background: #88d9f7 !important;*/
        }

        .navbar-nav .open > .nav-link, .navbar-nav .navbar .open > .dropdown-toggle, .navbar .navbar-nav .open > .dropdown-toggle, .navbar-nav .open > .nav-link:focus, .navbar-nav .navbar .open > .dropdown-toggle:focus, .navbar .navbar-nav .open > .dropdown-toggle:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .navbar .open > .dropdown-toggle:hover, .navbar .navbar-nav .open > .dropdown-toggle:hover,
        .navbar-nav .active > .nav-link,
        .navbar-nav .navbar .active > .dropdown-toggle, .navbar
        .navbar-nav .active > .dropdown-toggle,
        .navbar-nav .active > .nav-link:focus,
        .navbar-nav .navbar .active > .dropdown-toggle:focus, .navbar
        .navbar-nav .active > .dropdown-toggle:focus,
        .navbar-nav .active > .nav-link:hover,
        .navbar-nav .navbar .active > .dropdown-toggle:hover, .navbar
        .navbar-nav .active > .dropdown-toggle:hover,
        .navbar-nav .nav-link.open,
        .navbar-nav .navbar .open.dropdown-toggle, .navbar
        .navbar-nav .open.dropdown-toggle,
        .navbar-nav .nav-link.open:focus,
        .navbar-nav .navbar .open.dropdown-toggle:focus, .navbar
        .navbar-nav .open.dropdown-toggle:focus,
        .navbar-nav .nav-link.open:hover,
        .navbar-nav .navbar .open.dropdown-toggle:hover, .navbar
        .navbar-nav .open.dropdown-toggle:hover,
        .navbar-nav .nav-link.active,
        .navbar-nav .navbar .active.dropdown-toggle, .navbar
        .navbar-nav .active.dropdown-toggle,
        .navbar-nav .nav-link.active:focus,
        .navbar-nav .navbar .active.dropdown-toggle:focus, .navbar
        .navbar-nav .active.dropdown-toggle:focus,
        .navbar-nav .nav-link.active:hover,
        .navbar-nav .navbar .active.dropdown-toggle:hover, .navbar
        .navbar-nav .active.dropdown-toggle:hover {
            color: #29363d;
        }

    .navbar-divider {
        background-color: rgba(0, 0, 0, 0.075);
    }

    @media (min-width: 992px) {
        .brand-minimized .app-header.navbar .navbar-brand {
            width: 130px;
            background-image: url("../img/daimler_left_logo.png");
            /*background-size: 24px;*/
            border-bottom: 0px solid #c2cfd6;
            background-position: center center;
            margin: 0px 1px 0px 0px;
            background-size: 115px auto;
            padding: 10px 0px;
        }
    }

    .progress-xs {
        height: 4px;
    }

    .progress-sm {
        height: 8px;
    }

    .progress-white {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

        .progress-white .progress-bar {
            background-color: #fff;
        }

    .sidebar {
        display: flex;
        flex-direction: column;
        padding: 0;
        color: #fff;
        background: #000;
    }

        .sidebar .sidebar-close {
            position: absolute;
            right: 0;
            display: none;
            padding: 0 1rem;
            font-size: 24px;
            font-weight: 800;
            line-height: 55px;
            color: #fff;
            background: 0;
            border: 0;
            opacity: .8;
        }

            .sidebar .sidebar-close:hover {
                opacity: 1;
            }

        .sidebar .sidebar-header {
            flex: 0 0 auto;
            padding: 0.75rem 1rem;
            text-align: center;
            background: rgba(0, 0, 0, 0.2);
        }

        .sidebar .sidebar-form .form-control {
            color: #fff;
            background: #151b1f;
            border: 0;
        }

            .sidebar .sidebar-form .form-control::placeholder {
                color: rgba(255, 255, 255, 0.7);
            }

        .sidebar .sidebar-nav {
            position: relative;
            flex: 1;
            overflow-x: hidden;
            overflow-y: auto;
            /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
            width: 300px;
            font-size: 14px;
        }
        /*.sidebar .sidebar-nav::-webkit-scrollbar {
      position: absolute;
      width: 10px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .sidebar .sidebar-nav::-webkit-scrollbar-track {
      background-color: #33444c;
      border-right: 1px solid #1f292e;
      border-left: 1px solid #1f292e; }
    .sidebar .sidebar-nav::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #151b1f;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }*/
        .sidebar .nav {
            width: 235px;
            min-height: 100%;
            flex-direction: column;
        }

        .sidebar .nav-title {
            padding: 0.75rem 1rem;
            font-size: 11px;
            font-weight: 600;
            color: #c2cfd6;
            text-transform: uppercase;
        }

        .sidebar .nav-divider, .sidebar .divider {
            height: 10px;
        }

        .sidebar .nav-item {
            position: relative;
            margin: 0;
            /*transition: background .3s ease-in-out;*/
        }

        .sidebar .nav-dropdown-items {
            max-height: 0;
            padding: 0;
            margin: 0;
            overflow-y: hidden;
            transition: max-height .3s ease-in-out;
        }

            .sidebar .nav-dropdown-items .nav-item {
                padding: 0;
                list-style: none;
            }

        .sidebar .nav-link, .sidebar .navbar .dropdown-toggle, .navbar .sidebar .dropdown-toggle {
            display: block;
            padding: 0.95rem 1rem;
            color: #9d9d9d;
            text-decoration: none;
            background: transparent;
            font-size: 14px;
        }

            .sidebar .nav-link i, .sidebar .navbar .dropdown-toggle i, .navbar .sidebar .dropdown-toggle i {
                display: inline-block;
                width: 20px;
                margin: 0 1rem 0 0;
                font-size: 16px;
                color: #9d9d9d;
                text-align: center;
            }

            .sidebar .nav-link .badge, .sidebar .navbar .dropdown-toggle .badge, .navbar .sidebar .dropdown-toggle .badge {
                float: right;
                margin-top: 2px;
            }

            .sidebar .nav-link.active, .sidebar .navbar .active.dropdown-toggle, .navbar .sidebar .active.dropdown-toggle {
                color: #fff;
                background: #a3aeb5;
            }

                .sidebar .nav-link.active i, .sidebar .navbar .active.dropdown-toggle i, .navbar .sidebar .active.dropdown-toggle i {
                    color: #2d8aee;
                }

            .sidebar .nav-link:hover, .sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar .dropdown-toggle:hover {
                color: #fff;
                /*background: #20a8d8;*/
            }

                .sidebar .nav-link:hover i, .sidebar .navbar .dropdown-toggle:hover i, .navbar .sidebar .dropdown-toggle:hover i {
                    color: #fff;
                }

                .sidebar .nav-link:hover.nav-dropdown-toggle::before, .sidebar .navbar .dropdown-toggle:hover.nav-dropdown-toggle::before, .navbar .sidebar .dropdown-toggle:hover.nav-dropdown-toggle::before {
                    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
                }

            .sidebar .nav-link.nav-link-primary, .sidebar .navbar .nav-link-primary.dropdown-toggle, .navbar .sidebar .nav-link-primary.dropdown-toggle {
                background: #20a8d8;
            }

                .sidebar .nav-link.nav-link-primary i, .sidebar .navbar .nav-link-primary.dropdown-toggle i, .navbar .sidebar .nav-link-primary.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-primary:hover, .sidebar .navbar .nav-link-primary.dropdown-toggle:hover, .navbar .sidebar .nav-link-primary.dropdown-toggle:hover {
                    background: #1d97c2 !important;
                }

                    .sidebar .nav-link.nav-link-primary:hover i, .sidebar .navbar .nav-link-primary.dropdown-toggle:hover i, .navbar .sidebar .nav-link-primary.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-secondary, .sidebar .navbar .nav-link-secondary.dropdown-toggle, .navbar .sidebar .nav-link-secondary.dropdown-toggle {
                background: #a4b7c1;
            }

                .sidebar .nav-link.nav-link-secondary i, .sidebar .navbar .nav-link-secondary.dropdown-toggle i, .navbar .sidebar .nav-link-secondary.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-secondary:hover, .sidebar .navbar .nav-link-secondary.dropdown-toggle:hover, .navbar .sidebar .nav-link-secondary.dropdown-toggle:hover {
                    background: #95abb7 !important;
                }

                    .sidebar .nav-link.nav-link-secondary:hover i, .sidebar .navbar .nav-link-secondary.dropdown-toggle:hover i, .navbar .sidebar .nav-link-secondary.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-success, .sidebar .navbar .nav-link-success.dropdown-toggle, .navbar .sidebar .nav-link-success.dropdown-toggle {
                background: #4dbd74;
            }

                .sidebar .nav-link.nav-link-success i, .sidebar .navbar .nav-link-success.dropdown-toggle i, .navbar .sidebar .nav-link-success.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-success:hover, .sidebar .navbar .nav-link-success.dropdown-toggle:hover, .navbar .sidebar .nav-link-success.dropdown-toggle:hover {
                    background: #41af67 !important;
                }

                    .sidebar .nav-link.nav-link-success:hover i, .sidebar .navbar .nav-link-success.dropdown-toggle:hover i, .navbar .sidebar .nav-link-success.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-info, .sidebar .navbar .nav-link-info.dropdown-toggle, .navbar .sidebar .nav-link-info.dropdown-toggle {
                background: #63c2de;
            }

                .sidebar .nav-link.nav-link-info i, .sidebar .navbar .nav-link-info.dropdown-toggle i, .navbar .sidebar .nav-link-info.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-info:hover, .sidebar .navbar .nav-link-info.dropdown-toggle:hover, .navbar .sidebar .nav-link-info.dropdown-toggle:hover {
                    background: #4ebada !important;
                }

                    .sidebar .nav-link.nav-link-info:hover i, .sidebar .navbar .nav-link-info.dropdown-toggle:hover i, .navbar .sidebar .nav-link-info.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-warning, .sidebar .navbar .nav-link-warning.dropdown-toggle, .navbar .sidebar .nav-link-warning.dropdown-toggle {
                background: #ffc107;
            }

                .sidebar .nav-link.nav-link-warning i, .sidebar .navbar .nav-link-warning.dropdown-toggle i, .navbar .sidebar .nav-link-warning.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-warning:hover, .sidebar .navbar .nav-link-warning.dropdown-toggle:hover, .navbar .sidebar .nav-link-warning.dropdown-toggle:hover {
                    background: #edb100 !important;
                }

                    .sidebar .nav-link.nav-link-warning:hover i, .sidebar .navbar .nav-link-warning.dropdown-toggle:hover i, .navbar .sidebar .nav-link-warning.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-danger, .sidebar .navbar .nav-link-danger.dropdown-toggle, .navbar .sidebar .nav-link-danger.dropdown-toggle {
                background: #f86c6b;
            }

                .sidebar .nav-link.nav-link-danger i, .sidebar .navbar .nav-link-danger.dropdown-toggle i, .navbar .sidebar .nav-link-danger.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-danger:hover, .sidebar .navbar .nav-link-danger.dropdown-toggle:hover, .navbar .sidebar .nav-link-danger.dropdown-toggle:hover {
                    background: #f75453 !important;
                }

                    .sidebar .nav-link.nav-link-danger:hover i, .sidebar .navbar .nav-link-danger.dropdown-toggle:hover i, .navbar .sidebar .nav-link-danger.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-light, .sidebar .navbar .nav-link-light.dropdown-toggle, .navbar .sidebar .nav-link-light.dropdown-toggle {
                background: #f0f3f5;
            }

                .sidebar .nav-link.nav-link-light i, .sidebar .navbar .nav-link-light.dropdown-toggle i, .navbar .sidebar .nav-link-light.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-light:hover, .sidebar .navbar .nav-link-light.dropdown-toggle:hover, .navbar .sidebar .nav-link-light.dropdown-toggle:hover {
                    background: #e1e7eb !important;
                }

                    .sidebar .nav-link.nav-link-light:hover i, .sidebar .navbar .nav-link-light.dropdown-toggle:hover i, .navbar .sidebar .nav-link-light.dropdown-toggle:hover i {
                        color: #fff;
                    }

            .sidebar .nav-link.nav-link-dark, .sidebar .navbar .nav-link-dark.dropdown-toggle, .navbar .sidebar .nav-link-dark.dropdown-toggle {
                background: #1a1e24;
            }

                .sidebar .nav-link.nav-link-dark i, .sidebar .navbar .nav-link-dark.dropdown-toggle i, .navbar .sidebar .nav-link-dark.dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.7);
                }

                .sidebar .nav-link.nav-link-dark:hover, .sidebar .navbar .nav-link-dark.dropdown-toggle:hover, .navbar .sidebar .nav-link-dark.dropdown-toggle:hover {
                    background: #1f292e !important;
                }

                    .sidebar .nav-link.nav-link-dark:hover i, .sidebar .navbar .nav-link-dark.dropdown-toggle:hover i, .navbar .sidebar .nav-link-dark.dropdown-toggle:hover i {
                        color: #fff;
                    }

        .sidebar .nav-dropdown-toggle {
            position: relative;
            background: #2b2f35;
        }

            .sidebar .nav-dropdown-toggle::before {
                position: absolute;
                top: 50%;
                right: 1rem;
                display: block;
                width: 8px;
                height: 8px;
                padding: 0;
                margin-top: -4px;
                content: "";
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                transition: transform .3s;
            }

        .sidebar .nav-dropdown.open {
            background: #4f4f4f;
        }

            .sidebar .nav-dropdown.open > .nav-dropdown-items {
                max-height: 1000px;
            }

            .sidebar .nav-dropdown.open .nav-link, .sidebar .nav-dropdown.open .navbar .dropdown-toggle, .navbar .sidebar .nav-dropdown.open .dropdown-toggle {
                color: #fff;
                border-left: 0 !important;
            }

            .sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before, .sidebar .navbar .nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar .nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before {
                transform: rotate(-90deg);
            }

            .sidebar .nav-dropdown.open .nav-dropdown.open {
                border-left: 0;
            }

        .sidebar .nav-label {
            display: block;
            padding: 0.09375rem 1rem;
            color: #c2cfd6;
        }

            .sidebar .nav-label:hover {
                color: #fff;
                text-decoration: none;
            }

            .sidebar .nav-label i {
                width: 20px;
                margin: -3px 0.5rem 0 0;
                font-size: 10px;
                color: #536c79;
                text-align: center;
                vertical-align: middle;
            }

        .sidebar .progress {
            background-color: #485f6b !important;
        }

        .sidebar .sidebar-footer {
            flex: 0 0 auto;
            padding: 0.75rem 1rem;
            background: rgba(0, 0, 0, 0.2);
        }

        .sidebar .sidebar-minimizer {
            /*position: relative;*/
            flex: 0 0 50px;
            background-color: rgba(0, 0, 0, 0.2);
            border: 0;
        }

            .sidebar .sidebar-minimizer::before {
                position: absolute;
                top: 10px;
                right: 25px;
                width: 50px;
                height: 50px;
                content: "";
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 12.5px;
                transition: .3s;
            }

            .sidebar .sidebar-minimizer:focus, .sidebar .sidebar-minimizer.focus {
                outline: 0;
            }

            .sidebar .sidebar-minimizer:hover {
                background-color: rgba(0, 0, 0, 0.3);
            }

                .sidebar .sidebar-minimizer:hover::before {
                    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
                }

    @media (min-width: 992px) {
        .sidebar-compact .sidebar .sidebar-nav {
            width: 150px;
        }

        .sidebar-compact .sidebar .nav {
            width: 150px;
        }

            .sidebar-compact .sidebar .nav .nav-title {
                text-align: center;
            }

            .sidebar-compact .sidebar .nav .nav-item {
                width: 150px;
                border-left: 0 !important;
            }

                .sidebar-compact .sidebar .nav .nav-item .nav-link, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle {
                    text-align: center;
                }

                    .sidebar-compact .sidebar .nav .nav-item .nav-link i, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle i, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle i {
                        display: block;
                        width: 100%;
                        margin: 0.25rem 0;
                        font-size: 24px;
                    }

                    .sidebar-compact .sidebar .nav .nav-item .nav-link .badge, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle .badge, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle .badge {
                        position: absolute;
                        top: 18px;
                        right: 10px;
                    }

                    .sidebar-compact .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before, .sidebar-compact .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar-compact .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
                        top: 30px;
                    }

        .sidebar-minimized .hidden-cn {
            display: none;
        }

        .sidebar-minimized .sidebar {
            z-index: 1019;
        }

            .sidebar-minimized .sidebar .sidebar-nav {
                overflow: visible;
                width: 50px;
                display: none;
            }

            .sidebar-minimized .sidebar .nav {
                width: 50px;
            }

            .sidebar-minimized .sidebar .nav-divider, .sidebar-minimized .sidebar .divider,
            .sidebar-minimized .sidebar .nav-title,
            .sidebar-minimized .sidebar .sidebar-footer,
            .sidebar-minimized .sidebar .sidebar-form,
            .sidebar-minimized .sidebar .sidebar-header {
                display: none;
            }

            .sidebar-minimized .sidebar .sidebar-minimizer::before {
                width: 100%;
                transform: rotate(-180deg);
            }

            .sidebar-minimized .sidebar .nav-item {
                width: 50px;
                overflow: hidden;
                border-left: 0 !important;
            }

                .sidebar-minimized .sidebar .nav-item:hover {
                    width: 285px;
                    overflow: visible;
                }

                    .sidebar-minimized .sidebar .nav-item:hover > .nav-link, .sidebar-minimized .sidebar .navbar .nav-item:hover > .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav-item:hover > .dropdown-toggle {
                        background: #22262d;
                        color: #fff;
                    }

                        .sidebar-minimized .sidebar .nav-item:hover > .nav-link i, .sidebar-minimized .sidebar .navbar .nav-item:hover > .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .nav-item:hover > .dropdown-toggle i {
                            color: #fff;
                        }

            .sidebar-minimized .sidebar .nav-link, .sidebar-minimized .sidebar .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .dropdown-toggle {
                position: relative;
                padding-left: 0;
                margin: 0;
                white-space: nowrap;
                border-left: 0 !important;
                font-size: 15px;
            }

                .sidebar-minimized .sidebar .nav-link i, .sidebar-minimized .sidebar .navbar .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .dropdown-toggle i {
                    display: block;
                    float: left;
                    width: 50px;
                    font-size: 18px;
                }

                .sidebar-minimized .sidebar .nav-link .badge, .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge, .navbar .sidebar-minimized .sidebar .dropdown-toggle .badge {
                    position: absolute;
                    right: 15px;
                    /*display: none;*/
                }

                .sidebar-minimized .sidebar .nav-link:hover, .sidebar-minimized .sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar-minimized .sidebar .dropdown-toggle:hover {
                    width: 250px;
                    background: #22262d;
                }

                    .sidebar-minimized .sidebar .nav-link:hover .badge, .sidebar-minimized .sidebar .navbar .dropdown-toggle:hover .badge, .navbar .sidebar-minimized .sidebar .dropdown-toggle:hover .badge {
                        display: inline;
                    }

                .sidebar-minimized .sidebar .nav-link.nav-dropdown-toggle::before, .sidebar-minimized .sidebar .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar-minimized .sidebar .nav-dropdown-toggle.dropdown-toggle::before {
                    display: none;
                }

            .sidebar-minimized .sidebar .nav-dropdown-items .nav-item {
                width: 235px;
            }

                .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link, .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .dropdown-toggle {
                    width: 235px;
                }

            .sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items {
                display: none;
                max-height: 1000px;
                background: #1a1e24;
            }

            .sidebar-minimized .sidebar .nav > .nav-dropdown:hover {
                background: #22262d;
            }

                .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items {
                    position: absolute;
                    left: 50px;
                    display: inline;
                }
    }

    .switch.switch-default {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 24px;
        background-color: transparent;
        cursor: pointer;
    }

        .switch.switch-default .switch-input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .switch.switch-default .switch-label {
            position: relative;
            display: block;
            height: inherit;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            background-color: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 2px;
            transition: opacity background .15s ease-out;
        }

        .switch.switch-default .switch-input:checked ~ .switch-label::before {
            opacity: 0;
        }

        .switch.switch-default .switch-input:checked ~ .switch-label::after {
            opacity: 1;
        }

        .switch.switch-default .switch-handle {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 1px;
            transition: left .15s ease-out;
        }

        .switch.switch-default .switch-input:checked ~ .switch-handle {
            left: 18px;
        }

        .switch.switch-default.switch-lg {
            width: 48px;
            height: 28px;
        }

            .switch.switch-default.switch-lg .switch-label {
                font-size: 12px;
            }

            .switch.switch-default.switch-lg .switch-handle {
                width: 24px;
                height: 24px;
            }

            .switch.switch-default.switch-lg .switch-input:checked ~ .switch-handle {
                left: 22px;
            }

        .switch.switch-default.switch-sm {
            width: 32px;
            height: 20px;
        }

            .switch.switch-default.switch-sm .switch-label {
                font-size: 8px;
            }

            .switch.switch-default.switch-sm .switch-handle {
                width: 16px;
                height: 16px;
            }

            .switch.switch-default.switch-sm .switch-input:checked ~ .switch-handle {
                left: 14px;
            }

        .switch.switch-default.switch-xs {
            width: 24px;
            height: 16px;
        }

            .switch.switch-default.switch-xs .switch-label {
                font-size: 7px;
            }

            .switch.switch-default.switch-xs .switch-handle {
                width: 12px;
                height: 12px;
            }

            .switch.switch-default.switch-xs .switch-input:checked ~ .switch-handle {
                left: 10px;
            }

    .switch.switch-text {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 48px;
        height: 24px;
        background-color: transparent;
        cursor: pointer;
    }

        .switch.switch-text .switch-input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .switch.switch-text .switch-label {
            position: relative;
            display: block;
            height: inherit;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            background-color: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 2px;
            transition: opacity background .15s ease-out;
        }

            .switch.switch-text .switch-label::before,
            .switch.switch-text .switch-label::after {
                position: absolute;
                top: 50%;
                width: 50%;
                margin-top: -.5em;
                line-height: 1;
                text-align: center;
                transition: inherit;
            }

            .switch.switch-text .switch-label::before {
                right: 1px;
                color: #c2cfd6;
                content: attr(data-off);
            }

            .switch.switch-text .switch-label::after {
                left: 1px;
                color: #fff;
                content: attr(data-on);
                opacity: 0;
            }

        .switch.switch-text .switch-input:checked ~ .switch-label::before {
            opacity: 0;
        }

        .switch.switch-text .switch-input:checked ~ .switch-label::after {
            opacity: 1;
        }

        .switch.switch-text .switch-handle {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 1px;
            transition: left .15s ease-out;
        }

        .switch.switch-text .switch-input:checked ~ .switch-handle {
            left: 26px;
        }

        .switch.switch-text.switch-lg {
            width: 56px;
            height: 28px;
        }

            .switch.switch-text.switch-lg .switch-label {
                font-size: 12px;
            }

            .switch.switch-text.switch-lg .switch-handle {
                width: 24px;
                height: 24px;
            }

            .switch.switch-text.switch-lg .switch-input:checked ~ .switch-handle {
                left: 30px;
            }

        .switch.switch-text.switch-sm {
            width: 40px;
            height: 20px;
        }

            .switch.switch-text.switch-sm .switch-label {
                font-size: 8px;
            }

            .switch.switch-text.switch-sm .switch-handle {
                width: 16px;
                height: 16px;
            }

            .switch.switch-text.switch-sm .switch-input:checked ~ .switch-handle {
                left: 22px;
            }

        .switch.switch-text.switch-xs {
            width: 32px;
            height: 16px;
        }

            .switch.switch-text.switch-xs .switch-label {
                font-size: 7px;
            }

            .switch.switch-text.switch-xs .switch-handle {
                width: 12px;
                height: 12px;
            }

            .switch.switch-text.switch-xs .switch-input:checked ~ .switch-handle {
                left: 18px;
            }

    .switch.switch-icon {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 48px;
        height: 24px;
        background-color: transparent;
        cursor: pointer;
    }

        .switch.switch-icon .switch-input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .switch.switch-icon .switch-label {
            position: relative;
            display: block;
            height: inherit;
            font-family: FontAwesome;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            background-color: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 2px;
            transition: opacity background .15s ease-out;
        }

            .switch.switch-icon .switch-label::before,
            .switch.switch-icon .switch-label::after {
                position: absolute;
                top: 50%;
                width: 50%;
                margin-top: -.5em;
                line-height: 1;
                text-align: center;
                transition: inherit;
            }

            .switch.switch-icon .switch-label::before {
                right: 1px;
                color: #c2cfd6;
                content: attr(data-off);
            }

            .switch.switch-icon .switch-label::after {
                left: 1px;
                color: #fff;
                content: attr(data-on);
                opacity: 0;
            }

        .switch.switch-icon .switch-input:checked ~ .switch-label::before {
            opacity: 0;
        }

        .switch.switch-icon .switch-input:checked ~ .switch-label::after {
            opacity: 1;
        }

        .switch.switch-icon .switch-handle {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 1px;
            transition: left .15s ease-out;
        }

        .switch.switch-icon .switch-input:checked ~ .switch-handle {
            left: 26px;
        }

        .switch.switch-icon.switch-lg {
            width: 56px;
            height: 28px;
        }

            .switch.switch-icon.switch-lg .switch-label {
                font-size: 12px;
            }

            .switch.switch-icon.switch-lg .switch-handle {
                width: 24px;
                height: 24px;
            }

            .switch.switch-icon.switch-lg .switch-input:checked ~ .switch-handle {
                left: 30px;
            }

        .switch.switch-icon.switch-sm {
            width: 40px;
            height: 20px;
        }

            .switch.switch-icon.switch-sm .switch-label {
                font-size: 8px;
            }

            .switch.switch-icon.switch-sm .switch-handle {
                width: 16px;
                height: 16px;
            }

            .switch.switch-icon.switch-sm .switch-input:checked ~ .switch-handle {
                left: 22px;
            }

        .switch.switch-icon.switch-xs {
            width: 32px;
            height: 16px;
        }

            .switch.switch-icon.switch-xs .switch-label {
                font-size: 7px;
            }

            .switch.switch-icon.switch-xs .switch-handle {
                width: 12px;
                height: 12px;
            }

            .switch.switch-icon.switch-xs .switch-input:checked ~ .switch-handle {
                left: 18px;
            }

    .switch.switch-3d {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 24px;
        background-color: transparent;
        cursor: pointer;
    }

        .switch.switch-3d .switch-input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .switch.switch-3d .switch-label {
            position: relative;
            display: block;
            height: inherit;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            background-color: #f0f3f5;
            border: 1px solid #c2cfd6;
            border-radius: 2px;
            transition: opacity background .15s ease-out;
        }

        .switch.switch-3d .switch-input:checked ~ .switch-label::before {
            opacity: 0;
        }

        .switch.switch-3d .switch-input:checked ~ .switch-label::after {
            opacity: 1;
        }

        .switch.switch-3d .switch-handle {
            position: absolute;
            top: 0;
            left: 0;
            width: 24px;
            height: 24px;
            background: #fff;
            border: 1px solid #c2cfd6;
            border-radius: 1px;
            transition: left .15s ease-out;
            border: 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }

        .switch.switch-3d .switch-input:checked ~ .switch-handle {
            left: 16px;
        }

        .switch.switch-3d.switch-lg {
            width: 48px;
            height: 28px;
        }

            .switch.switch-3d.switch-lg .switch-label {
                font-size: 12px;
            }

            .switch.switch-3d.switch-lg .switch-handle {
                width: 28px;
                height: 28px;
            }

            .switch.switch-3d.switch-lg .switch-input:checked ~ .switch-handle {
                left: 20px;
            }

        .switch.switch-3d.switch-sm {
            width: 32px;
            height: 20px;
        }

            .switch.switch-3d.switch-sm .switch-label {
                font-size: 8px;
            }

            .switch.switch-3d.switch-sm .switch-handle {
                width: 20px;
                height: 20px;
            }

            .switch.switch-3d.switch-sm .switch-input:checked ~ .switch-handle {
                left: 12px;
            }

        .switch.switch-3d.switch-xs {
            width: 24px;
            height: 16px;
        }

            .switch.switch-3d.switch-xs .switch-label {
                font-size: 7px;
            }

            .switch.switch-3d.switch-xs .switch-handle {
                width: 16px;
                height: 16px;
            }

            .switch.switch-3d.switch-xs .switch-input:checked ~ .switch-handle {
                left: 8px;
            }

        .switch-pill .switch-label, .switch.switch-3d .switch-label,
        .switch-pill .switch-handle, .switch.switch-3d .switch-handle {
            border-radius: 50em !important;
        }

            .switch-pill .switch-label::before, .switch.switch-3d .switch-label::before {
                right: 2px !important;
            }

            .switch-pill .switch-label::after, .switch.switch-3d .switch-label::after {
                left: 2px !important;
            }

    .switch-primary > .switch-input:checked ~ .switch-label {
        background: #20a8d8 !important;
        border-color: #1985ac;
    }

    .switch-primary > .switch-input:checked ~ .switch-handle {
        border-color: #1985ac;
    }

    .switch-primary-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #20a8d8;
    }

        .switch-primary-outline > .switch-input:checked ~ .switch-label::after {
            color: #20a8d8;
        }

    .switch-primary-outline > .switch-input:checked ~ .switch-handle {
        border-color: #20a8d8;
    }

    .switch-primary-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #20a8d8;
    }

        .switch-primary-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #20a8d8;
        }

    .switch-primary-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #20a8d8 !important;
        border-color: #20a8d8;
    }

    .switch-secondary > .switch-input:checked ~ .switch-label {
        background: #a4b7c1 !important;
        border-color: #869fac;
    }

    .switch-secondary > .switch-input:checked ~ .switch-handle {
        border-color: #869fac;
    }

    .switch-secondary-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #a4b7c1;
    }

        .switch-secondary-outline > .switch-input:checked ~ .switch-label::after {
            color: #a4b7c1;
        }

    .switch-secondary-outline > .switch-input:checked ~ .switch-handle {
        border-color: #a4b7c1;
    }

    .switch-secondary-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #a4b7c1;
    }

        .switch-secondary-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #a4b7c1;
        }

    .switch-secondary-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #a4b7c1 !important;
        border-color: #a4b7c1;
    }

    .switch-success > .switch-input:checked ~ .switch-label {
        background: #4dbd74 !important;
        border-color: #3a9d5d;
    }

    .switch-success > .switch-input:checked ~ .switch-handle {
        border-color: #3a9d5d;
    }

    .switch-success-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #4dbd74;
    }

        .switch-success-outline > .switch-input:checked ~ .switch-label::after {
            color: #4dbd74;
        }

    .switch-success-outline > .switch-input:checked ~ .switch-handle {
        border-color: #4dbd74;
    }

    .switch-success-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #4dbd74;
    }

        .switch-success-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #4dbd74;
        }

    .switch-success-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #4dbd74 !important;
        border-color: #4dbd74;
    }

    .switch-info > .switch-input:checked ~ .switch-label {
        background: #63c2de !important;
        border-color: #39b2d5;
    }

    .switch-info > .switch-input:checked ~ .switch-handle {
        border-color: #39b2d5;
    }

    .switch-info-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #63c2de;
    }

        .switch-info-outline > .switch-input:checked ~ .switch-label::after {
            color: #63c2de;
        }

    .switch-info-outline > .switch-input:checked ~ .switch-handle {
        border-color: #63c2de;
    }

    .switch-info-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #63c2de;
    }

        .switch-info-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #63c2de;
        }

    .switch-info-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #63c2de !important;
        border-color: #63c2de;
    }

    .switch-warning > .switch-input:checked ~ .switch-label {
        background: #ffc107 !important;
        border-color: #d39e00;
    }

    .switch-warning > .switch-input:checked ~ .switch-handle {
        border-color: #d39e00;
    }

    .switch-warning-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #ffc107;
    }

        .switch-warning-outline > .switch-input:checked ~ .switch-label::after {
            color: #ffc107;
        }

    .switch-warning-outline > .switch-input:checked ~ .switch-handle {
        border-color: #ffc107;
    }

    .switch-warning-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #ffc107;
    }

        .switch-warning-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #ffc107;
        }

    .switch-warning-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #ffc107 !important;
        border-color: #ffc107;
    }

    .switch-danger > .switch-input:checked ~ .switch-label {
        background: #f86c6b !important;
        border-color: #f63c3a;
    }

    .switch-danger > .switch-input:checked ~ .switch-handle {
        border-color: #f63c3a;
    }

    .switch-danger-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #f86c6b;
    }

        .switch-danger-outline > .switch-input:checked ~ .switch-label::after {
            color: #f86c6b;
        }

    .switch-danger-outline > .switch-input:checked ~ .switch-handle {
        border-color: #f86c6b;
    }

    .switch-danger-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #f86c6b;
    }

        .switch-danger-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #f86c6b;
        }

    .switch-danger-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #f86c6b !important;
        border-color: #f86c6b;
    }

    .switch-light > .switch-input:checked ~ .switch-label {
        background: #f0f3f5 !important;
        border-color: #d1dbe1;
    }

    .switch-light > .switch-input:checked ~ .switch-handle {
        border-color: #d1dbe1;
    }

    .switch-light-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #f0f3f5;
    }

        .switch-light-outline > .switch-input:checked ~ .switch-label::after {
            color: #f0f3f5;
        }

    .switch-light-outline > .switch-input:checked ~ .switch-handle {
        border-color: #f0f3f5;
    }

    .switch-light-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #f0f3f5;
    }

        .switch-light-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #f0f3f5;
        }

    .switch-light-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #f0f3f5 !important;
        border-color: #f0f3f5;
    }

    .switch-dark > .switch-input:checked ~ .switch-label {
        background: #29363d !important;
        border-color: #151b1f;
    }

    .switch-dark > .switch-input:checked ~ .switch-handle {
        border-color: #151b1f;
    }

    .switch-dark-outline > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #29363d;
    }

        .switch-dark-outline > .switch-input:checked ~ .switch-label::after {
            color: #29363d;
        }

    .switch-dark-outline > .switch-input:checked ~ .switch-handle {
        border-color: #29363d;
    }

    .switch-dark-outline-alt > .switch-input:checked ~ .switch-label {
        background: #fff !important;
        border-color: #29363d;
    }

        .switch-dark-outline-alt > .switch-input:checked ~ .switch-label::after {
            color: #29363d;
        }

    .switch-dark-outline-alt > .switch-input:checked ~ .switch-handle {
        background: #29363d !important;
        border-color: #29363d;
    }

    .table-outline {
        border: 1px solid #c2cfd6;
    }

        .table-outline td {
            vertical-align: middle;
        }

    .table-align-middle td {
        vertical-align: middle;
    }

    .table-clear td {
        border: 0;
    }

    .social-box {
        min-height: 160px;
        margin-bottom: 1.5rem;
        text-align: center;
        background: #fff;
        border: 1px solid #c2cfd6;
    }

        .social-box i {
            display: block;
            margin: -1px -1px 0;
            font-size: 40px;
            line-height: 90px;
            background: #c2cfd6;
        }

        .social-box .chart-wrapper {
            height: 90px;
            margin: -90px 0 0;
        }

            .social-box .chart-wrapper canvas {
                width: 100% !important;
                height: 90px !important;
            }

        .social-box ul {
            padding: 10px 0;
            list-style: none;
        }

            .social-box ul li {
                display: block;
                float: left;
                width: 50%;
            }

                .social-box ul li:first-child {
                    border-right: 1px solid #c2cfd6;
                }

                .social-box ul li strong {
                    display: block;
                    font-size: 20px;
                }

                .social-box ul li span {
                    font-size: 10px;
                    font-weight: 500;
                    color: #c2cfd6;
                    text-transform: uppercase;
                }

        .social-box.facebook i {
            color: #fff;
            background: #3b5998;
        }

        .social-box.twitter i {
            color: #fff;
            background: #00aced;
        }

        .social-box.linkedin i {
            color: #fff;
            background: #4875b4;
        }

        .social-box.google-plus i {
            color: #fff;
            background: #d34836;
        }

    .horizontal-bars {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .horizontal-bars li {
            position: relative;
            height: 40px;
            line-height: 40px;
            vertical-align: middle;
        }

            .horizontal-bars li .title {
                width: 100px;
                font-size: 12px;
                font-weight: 600;
                color: #536c79;
                vertical-align: middle;
            }

            .horizontal-bars li .bars {
                position: absolute;
                top: 15px;
                width: 100%;
                padding-left: 100px;
            }

                .horizontal-bars li .bars .progress:first-child {
                    margin-bottom: 2px;
                }

            .horizontal-bars li.legend {
                text-align: center;
            }

                .horizontal-bars li.legend .badge {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    padding: 0;
                }

            .horizontal-bars li.divider {
                height: 40px;
            }

                .horizontal-bars li.divider i {
                    margin: 0 !important;
                }

        .horizontal-bars.type-2 li {
            overflow: hidden;
        }

            .horizontal-bars.type-2 li i {
                display: inline-block;
                margin-right: 1rem;
                margin-left: 5px;
                font-size: 18px;
                line-height: 40px;
            }

            .horizontal-bars.type-2 li .title {
                display: inline-block;
                width: auto;
                margin-top: -9px;
                font-size: 0.875rem;
                font-weight: normal;
                line-height: 40px;
                color: #151b1e;
            }

            .horizontal-bars.type-2 li .value {
                float: right;
                font-weight: 600;
            }

            .horizontal-bars.type-2 li .bars {
                position: absolute;
                top: auto;
                bottom: 0;
                padding: 0;
            }

    .icons-list {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .icons-list li {
            position: relative;
            height: 40px;
            vertical-align: middle;
        }

            .icons-list li i {
                display: block;
                float: left;
                width: 35px !important;
                height: 35px !important;
                margin: 2px;
                line-height: 35px !important;
                text-align: center;
            }

            .icons-list li .desc {
                height: 40px;
                margin-left: 50px;
                border-bottom: 1px solid #c2cfd6;
            }

                .icons-list li .desc .title {
                    padding: 2px 0 0;
                    margin: 0;
                }

                .icons-list li .desc small {
                    display: block;
                    margin-top: -4px;
                    color: #536c79;
                }

            .icons-list li .value {
                position: absolute;
                top: 2px;
                right: 45px;
                text-align: right;
            }

                .icons-list li .value strong {
                    display: block;
                    margin-top: -3px;
                }

            .icons-list li .actions {
                position: absolute;
                top: -4px;
                right: 10px;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
            }

                .icons-list li .actions i {
                    float: none;
                    width: auto;
                    height: auto;
                    padding: 0;
                    margin: 0;
                    line-height: normal;
                }

            .icons-list li.divider {
                height: 40px;
            }

                .icons-list li.divider i {
                    width: auto;
                    height: auto;
                    margin: 2px 0 0;
                    font-size: 18px;
                }

    @media all and (-ms-high-contrast: none) {
        html {
            display: flex;
            flex-direction: column;
        }
    }

    .app,
    app-dashboard,
    app-root {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    .app-header {
        flex: 0 0 55px;
    }

    .app-footer {
        font-size: 12px;
        flex: 0 0 25px;
        text-align: center;
        display: block;
    }

    .app-body {
        display: flex;
        flex-direction: row;
        overflow-x: hidden;
        flex-grow: 1;
    }

        .app-body .main {
            min-width: 0;
            flex: 1;
        }

        .app-body .sidebar {
            flex: 0 0 200px;
            order: -1;
        }

        .app-body .aside-menu {
            flex: 0 0 250px;
        }

    .header-fixed .app-header {
        position: fixed;
        z-index: 1020;
        width: 100%;
        /*-webkit-box-shadow: 0 7px 6px -6px #c1bfbf;
       -moz-box-shadow: 0 7px 6px -6px #c1bfbf;
            box-shadow: 0 7px 6px -6px #c1bfbf;*/
    }

    .btm_shadow {
        -webkit-box-shadow: 0 7px 6px -6px #c1bfbf;
        -moz-box-shadow: 0 7px 6px -6px #c1bfbf;
        box-shadow: 0 7px 6px -6px #c1bfbf;
    }


    .header-fixed .app-header.app_head_desktop {
        position: relative;
        z-index: 1020;
        width: 100%;
        top: 0;
        -webkit-box-shadow: 0;
        -moz-box-shadow: 0;
        box-shadow: none;
        background: #22262d;
        margin-bottom: 22px;
    }

    .header-fixed .app-body {
        margin-top: 65px;
    }

        .header-fixed .app-body.app_body_desktop {
            margin-top: 0px;
        }


    .sidebar-hidden .sidebar {
        margin-left: -300px;
    }

    .sidebar-fixed .sidebar {
        position: fixed;
        z-index: 0;
        width: 300px;
        height: calc(100vh - 0px);
        /*padding-top:10px;*/
    }

        .sidebar-fixed .sidebar.sidebar_desktop_height {
            position: fixed;
            z-index: 9999;
            /*width: 235px;*/
            width: 235px;
            height: calc(100vh - 0px);
            /*padding-top:10px;*/
        }

    .sidebar-fixed .main, .sidebar-fixed .app-footer {
        margin-left: 300px;
    }

    .sidebar-fixed.sidebar-hidden .main, .sidebar-fixed.sidebar-hidden .app-footer {
        margin-left: 0;
    }

    .sidebar-off-canvas .sidebar {
        position: fixed;
        z-index: 1019;
        height: calc(100vh - 55px);
    }

    @media (min-width: 992px) {
        .sidebar-compact .sidebar {
            flex: 0 0 150px;
        }

        .sidebar-compact.sidebar-hidden .sidebar {
            margin-left: -150px;
        }

        .sidebar-compact.sidebar-fixed .main, .sidebar-compact.sidebar-fixed .app-footer {
            margin-left: 150px;
        }

        .sidebar-compact.sidebar-fixed .sidebar {
            width: 150px;
        }

        .sidebar-compact.sidebar-fixed.sidebar-hidden .main, .sidebar-compact.sidebar-fixed.sidebar-hidden .app-footer {
            margin-left: 0;
        }

        .sidebar-minimized .sidebar {
            flex: 0 0 50px;
        }

        .sidebar-minimized.sidebar-hidden .sidebar {
            margin-left: -50px;
        }

        .sidebar-minimized.sidebar-fixed .main, .sidebar-minimized.sidebar-fixed .app-footer {
            margin-left: 0px;
        }

        .sidebar-minimized.sidebar-fixed .sidebar {
            width: 0px;
        }

            .sidebar-minimized.sidebar-fixed .sidebar .left_case_bg {
                display: none;
            }

        .sidebar-minimized.sidebar-fixed.sidebar-hidden .main, .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer {
            margin-left: 0;
        }
    }

    .aside-menu-hidden .aside-menu {
        margin-right: -250px;
    }

    .aside-menu-fixed .aside-menu {
        position: fixed;
        right: 0;
        height: 100%;
    }

        .aside-menu-fixed .aside-menu .tab-content {
            height: calc(100vh - 2.375rem - 55px);
        }

    .aside-menu-fixed .main, .aside-menu-fixed .app-footer {
        margin-right: 250px;
    }

    .aside-menu-fixed.aside-menu-hidden .main, .aside-menu-fixed.aside-menu-hidden .app-footer {
        margin-right: 0;
        background: #fff;
        overflow-y: hidden;
    }

    .aside-menu-off-canvas .aside-menu {
        position: fixed;
        right: 0;
        z-index: 1019;
        height: 100%;
    }

        .aside-menu-off-canvas .aside-menu .tab-content {
            height: calc(100vh - 2.375rem - 55px);
        }

    .breadcrumb-fixed .main {
        padding-top: 3.875rem;
    }

    .breadcrumb-fixed .breadcrumb {
        position: fixed;
        top: 55px;
        right: 0;
        left: 0;
        z-index: 1018;
    }

    .breadcrumb-fixed .main:nth-child(2) .breadcrumb {
        right: 250px;
        left: 200px;
    }

    .breadcrumb-fixed .main:first-child .breadcrumb {
        right: 250px;
        left: 0;
    }

    .breadcrumb-fixed .main:last-child .breadcrumb {
        right: 0;
    }

    .breadcrumb-fixed.sidebar-minimized .main .breadcrumb {
        left: 50px;
    }

    .breadcrumb-fixed.sidebar-hidden .main .breadcrumb, .breadcrumb-fixed.sidebar-off-canvas .main .breadcrumb {
        left: 0;
    }

    .breadcrumb-fixed.aside-menu-hidden .main .breadcrumb, .breadcrumb-fixed.aside-menu-off-canvas .main .breadcrumb {
        right: 0;
    }

    .footer-fixed .app-footer {
        position: fixed;
        bottom: 0;
        z-index: 1020;
        width: 100%;
    }

    .footer-fixed .app-body {
        margin-bottom: 50px;
    }

    .app-header,
    .app-footer,
    .sidebar,
    .main,
    .aside-menu {
        transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s;
    }

    .sidebar-nav {
        transition: width 0.25s;
    }

    .breadcrumb {
        transition: left 0.25s, right 0.25s, width 0.25s;
    }

    @media (max-width: 991px) {
        .app-header.navbar {
            /*position: fixed !important;*/
            position: relative;
            z-index: 1020;
            width: 100%;
            text-align: center;
            background-color: #000;
            border-bottom: 0px solid #c2cfd6;
        }

            .app-header.navbar .navbar-toggler {
                color: #fff;
            }

            .app-header.navbar .navbar-brand {
                position: absolute;
                left: 50%;
                margin-left: -100.5px;
            }

        .app-body {
            margin-top: 55px;
        }

        .sidebar,
        .sidebar-fixed .sidebar {
            position: fixed;
            z-index: 1019;
            width: 220px;
            height: 100%;
            margin-left: -235px;
        }

            .sidebar .sidebar-nav,
            .sidebar .nav,
            .sidebar-fixed .sidebar .sidebar-nav,
            .sidebar-fixed .sidebar .nav {
                width: 220px !important;
            }

            .sidebar .sidebar-minimizer,
            .sidebar-fixed .sidebar .sidebar-minimizer {
                display: none;
            }

        .main, .app-footer {
            margin-left: 0 !important;
        }

        .sidebar-hidden .sidebar {
            margin-left: -220px;
        }

        .sidebar-mobile-show .sidebar {
            width: 220px;
            margin-left: 0;
        }

            .sidebar-mobile-show .sidebar .sidebar-nav {
                height: calc(100vh - 55px);
            }

        .sidebar-mobile-show .main {
            margin-right: -220px !important;
            margin-left: 220px !important;
        }

        .breadcrumb-fixed .main .breadcrumb {
            right: 0 !important;
            left: 0 !important;
        }
    }

    hr.transparent {
        border-top: 1px solid transparent;
    }

    .bg-primary,
    .bg-success,
    .bg-info,
    .bg-warning,
    .bg-danger,
    .bg-inverse {
        color: #fff;
    }

    .b-a-0 {
        border: 0 !important;
    }

    .b-t-0 {
        border-top: 0 !important;
    }

    .b-r-0 {
        border-right: 0 !important;
    }

    .b-b-0 {
        border-bottom: 0 !important;
    }

    .b-l-0 {
        border-left: 0 !important;
    }

    .b-a-1 {
        border: 1px solid #c2cfd6 !important;
    }

    .b-t-1 {
        border-top: 1px solid #c2cfd6 !important;
    }

    .b-r-1 {
        border-right: 1px solid #c2cfd6 !important;
    }

    .b-b-1 {
        border-bottom: 1px solid #c2cfd6 !important;
    }

    .b-l-1 {
        border-left: 1px solid #c2cfd6 !important;
    }

    .b-a-2 {
        border: 2px solid #c2cfd6 !important;
    }

    .b-t-2 {
        border-top: 2px solid #c2cfd6 !important;
    }

    .b-r-2 {
        border-right: 2px solid #c2cfd6 !important;
    }

    .b-b-2 {
        border-bottom: 2px solid #c2cfd6 !important;
    }

    .b-l-2 {
        border-left: 2px solid #c2cfd6 !important;
    }

    @media (max-width: 575px) {
        .d-down-none {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .d-sm-down-none {
            display: none !important;
        }
    }

    @media (max-width: 991px) {
        /*.d-md-down-none {
        display: none !important;
    }*/
    }

    @media (max-width: 1199px) {
        .d-lg-down-none {
            display: none !important;
        }
    }

    .d-xl-down-none {
        display: none !important;
    }

    .label-pill {
        border-radius: 1rem !important;
    }

    .open > a, .show > a {
        outline: 0;
    }

    .navbar .dropdown-toggle .img-avatar {
        height: 35px;
        margin: 0 10px;
    }

    *[dir="rtl"] {
        direction: rtl;
        unicode-bidi: embed;
    }

        *[dir="rtl"] ul {
            -webkit-padding-start: 0;
        }

        *[dir="rtl"] table tr th {
            text-align: right;
        }

        *[dir="rtl"] .breadcrumb-item {
            float: right;
        }

        *[dir="rtl"] .breadcrumb-menu {
            right: auto;
            left: 1rem;
        }

        *[dir="rtl"] .dropdown-item {
            text-align: right;
        }

            *[dir="rtl"] .dropdown-item i {
                margin-right: -10px;
                margin-left: 10px;
            }

            *[dir="rtl"] .dropdown-item .badge {
                right: auto;
                left: 10px;
            }

        *[dir="rtl"] .sidebar-hidden .sidebar {
            margin-right: -200px;
        }

        *[dir="rtl"] .sidebar-fixed .main, *[dir="rtl"] .sidebar-fixed .app-footer {
            margin-right: 200px;
        }

        *[dir="rtl"] .sidebar-fixed.sidebar-hidden .main, *[dir="rtl"] .sidebar-fixed.sidebar-hidden .app-footer {
            margin-right: 0;
        }

        *[dir="rtl"] .sidebar-minimized .sidebar {
            flex: 0 0 50px;
        }

        *[dir="rtl"] .sidebar-minimized.sidebar-hidden .sidebar {
            margin-right: -50px;
            margin-left: 0;
        }

        *[dir="rtl"] .sidebar-minimized.sidebar-fixed .main, *[dir="rtl"] .sidebar-minimized.sidebar-fixed .app-footer {
            margin-right: 50px;
        }

        *[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .main, *[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer {
            margin-left: 0;
        }

        *[dir="rtl"] .aside-menu-hidden .aside-menu {
            margin-right: 0;
            margin-left: -250px;
        }

        *[dir="rtl"] .aside-menu-fixed .aside-menu {
            right: auto;
            left: 0;
        }

        *[dir="rtl"] .aside-menu-fixed .main, *[dir="rtl"] .aside-menu-fixed .app-footer {
            margin-left: 250px;
        }

        *[dir="rtl"] .aside-menu-fixed.aside-menu-hidden .main, *[dir="rtl"] .aside-menu-fixed.aside-menu-hidden .app-footer {
            margin-left: 0;
        }

        *[dir="rtl"] .aside-menu-off-canvas .aside-menu {
            position: fixed;
            right: 0;
            z-index: 1019;
            height: 100%;
        }

            *[dir="rtl"] .aside-menu-off-canvas .aside-menu .tab-content {
                height: calc(100vh - 2.375rem - 55px);
            }

        *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle {
            direction: rtl;
        }

            *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link i, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle i, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle i {
                margin: 0 0 0 0.5rem;
            }

            *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link .badge, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle .badge, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle .badge {
                float: left;
                margin-top: 2px;
            }

            *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link.nav-dropdown-toggle::before, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
                position: absolute;
                right: auto !important;
                left: 1rem;
                transform: rotate(180deg);
            }

        *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-link.nav-dropdown-toggle::before, *[dir="rtl"] .sidebar .sidebar-nav .nav .navbar .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before {
            transform: rotate(270deg);
        }

        *[dir="rtl"] .sidebar-minimized .sidebar .nav-link, *[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle, .navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle {
            padding-right: 0;
        }

            *[dir="rtl"] .sidebar-minimized .sidebar .nav-link i, *[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle i, .navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle i {
                float: right;
                padding: 0;
                margin: 0;
            }

            *[dir="rtl"] .sidebar-minimized .sidebar .nav-link .badge, *[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge, .navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle .badge {
                right: auto;
                left: 15px;
            }

        *[dir="rtl"] .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items {
            right: 50px;
            left: 0;
        }

        *[dir="rtl"] .horizontal-bars li .bars {
            padding-right: 100px;
            padding-left: 0;
        }

            *[dir="rtl"] .horizontal-bars li .bars .progress:first-child {
                margin-bottom: 2px;
            }

        *[dir="rtl"] .horizontal-bars.type-2 li i {
            margin-right: 5px;
            margin-left: 1rem;
        }

        *[dir="rtl"] .horizontal-bars.type-2 li .value {
            float: left;
            font-weight: 600;
        }

        *[dir="rtl"] .horizontal-bars.type-2 li .bars {
            padding: 0;
        }

        *[dir="rtl"] .icons-list li {
            position: relative;
            height: 40px;
            vertical-align: middle;
        }

            *[dir="rtl"] .icons-list li i {
                float: right;
            }

            *[dir="rtl"] .icons-list li .desc {
                margin-right: 50px;
                margin-left: 0;
            }

            *[dir="rtl"] .icons-list li .value {
                right: auto;
                left: 45px;
                text-align: left;
            }

                *[dir="rtl"] .icons-list li .value strong {
                    display: block;
                    margin-top: -3px;
                }

            *[dir="rtl"] .icons-list li .actions {
                right: auto;
                left: 10px;
            }

        *[dir="rtl"] .callout {
            border: 0 solid #c2cfd6;
            border-right-width: .25rem;
        }

            *[dir="rtl"] .callout.callout-primary {
                border-right-color: #20a8d8;
            }

            *[dir="rtl"] .callout.callout-secondary {
                border-right-color: #a4b7c1;
            }

            *[dir="rtl"] .callout.callout-success {
                border-right-color: #4dbd74;
            }

            *[dir="rtl"] .callout.callout-info {
                border-right-color: #63c2de;
            }

            *[dir="rtl"] .callout.callout-warning {
                border-right-color: #ffc107;
            }

            *[dir="rtl"] .callout.callout-danger {
                border-right-color: #f86c6b;
            }

            *[dir="rtl"] .callout.callout-light {
                border-right-color: #f0f3f5;
            }

            *[dir="rtl"] .callout.callout-dark {
                border-right-color: #29363d;
            }

            *[dir="rtl"] .callout .chart-wrapper {
                left: 0;
                float: left;
            }

        *[dir="rtl"] .callout-default {
            border-right-color: #536c79;
        }

    /*****************Custom Style*******************/

    .left_case_bg {
        margin: 20px 0px
    }


    .switch-field {
        margin: 0 auto;
        margin-left: 8px;
        display: block;
        margin-top: 0px;
        padding: 0px;
        overflow: hidden;
        font-family: Arial;
    }

        .switch-field input {
            position: absolute !important;
            clip: rect(0, 0, 0, 0);
            height: 1px;
            width: 1px;
            border: 0;
            overflow: hidden;
        }

        .switch-field label {
            float: left;
        }

        .switch-field label {
            display: inline-block;
            width: 110px;
            background-color: #fff;
            color: #949292;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            text-shadow: none;
            padding: 5px;
            border: 0px solid #605e5e;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

            .switch-field label:hover {
                cursor: pointer;
            }

        .switch-field input:checked + label {
            background-color: #00b0f0;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #fff;
        }

        .switch-field label:first-of-type {
            border-radius: 17px 0 0 17px;
        }

        .switch-field label:last-of-type {
            border-radius: 0 17px 17px 0;
        }

    .box_container {
        margin: 0;
        padding: 10px 10px 10px 20px;
        display: block;
    }

    .box_color_menu1 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #a29617;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu1:hover {
            opacity: 0.8;
        }

    .box_color_menu2 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #ef4141;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu2:hover {
            opacity: 0.8;
        }

    .box_color_menu3 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #0aa28e;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu3:hover {
            opacity: 0.8;
        }

    .box_color_menu4 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #00677f;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu4:hover {
            opacity: 0.8;
        }

    .box_color_menu5 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #812dad;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu5:hover {
            opacity: 0.8;
        }

    .box_color_menu6 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #7a5029;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu6:hover {
            opacity: 0.8;
        }

    .box_color_menu7 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #d6a103;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu7:hover {
            opacity: 0.8;
        }

    .box_color_menu8 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #757474;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu8:hover {
            opacity: 0.8;
        }

    .box_color_menu9 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #b3234b;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu9:hover {
            opacity: 0.8;
        }

    .box_color_menu10 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #f9622c;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu10:hover {
            opacity: 0.8;
        }

    .box_color_menu11 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #2a6d26;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu11:hover {
            opacity: 0.8;
        }

    .box_color_menu12 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #5f394f;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu12:hover {
            opacity: 0.8;
        }

    .box_color_menu13 {
        margin: 0px 0px 10px 0px;
        padding: 5px;
        background: #0d88b5;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 12px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu13:hover {
            opacity: 0.8;
        }

    .box_color_menu14 {
        margin: 0px 0px 50px 0px;
        padding: 5px 10px;
        background: #2e2880;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu14:hover {
            opacity: 0.8;
        }

    .box_color_menu15 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #794607;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu15:hover {
            opacity: 0.8;
        }

    .box_color_menu16 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #0d5645;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu16:hover {
            opacity: 0.8;
        }

    .box_color_menu17 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #620779;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu17:hover {
            opacity: 0.8;
        }

    .box_color_menu18 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #536c79;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu18:hover {
            opacity: 0.8;
        }

    .box_color_menu19 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #46464d;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu19:hover {
            opacity: 0.8;
        }

    .box_color_menu20 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #805e0f;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu20:hover {
            opacity: 0.8;
        }

    .box_color_menu21 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #446914;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu21:hover {
            opacity: 0.8;
        }

    .box_color_menu22 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #128e77;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu22:hover {
            opacity: 0.8;
        }

    .box_color_menu23 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #4a4277;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu23:hover {
            opacity: 0.8;
        }

    .box_color_menu24 {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px;
        background: #268e67;
        cursor: pointer;
        height: 65px;
        color: #ffffff;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

        .box_color_menu24:hover {
            opacity: 0.8;
        }

    p.color_box_text {
        margin: 0;
        padding: 0;
        text-align: left;
        display: block;
        font-family: DaimlerCS-Regular;
    }

    p.color_box_count {
        margin: 0;
        padding: 0;
        padding-top: 15px;
        text-align: left;
        display: block;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }

    p.color_box_count1 {
        margin: 0;
        padding: 0;
        padding-top: 5px;
        text-align: left;
        display: block;
        font-size: 13px;
        font-family: DaimlerCS-Regular;
    }


    .left_menu_section_header {
        margin: 0px 0px 0px 0px;
        padding: 0;
    }

    .left_menu_header_text {
        margin-bottom: 5px;
        font-weight: normal;
        color: #ffffff;
        font-size: 16px;
    }

    h3.left_menu_top_header {
        margin-top: 0;
        margin-bottom: 0px;
        padding-left: 10px;
    }

    .daimler_left_logo {
        margin: 10px 0px 12px 25px;
        padding-left: 50px;
        display: inline-block;
        width: 100%;
        height: 47px;
        background-image: url(../img/daimler_left_logo.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .left_menu_box_icons {
        margin-top: 5px;
        font-size: 13px;
    }
    /*.left_menu_logo_container{ position:fixed; }*/
    .paging_foot_container {
        margin: 10px 0px 0px 0px;
        padding: 0;
        width: 100%;
        display: block;
    }

    .paging_foot_container_mar {
        padding: 0;
        margin: 0px 0px 0px 60px;
    }

    .paging_foot_container_mar1 {
        padding: 0;
        margin: 0px 0px 10px 10px;
    }

    .btm_count_icon {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: 12px;
        color: #536c79;
    }

    .pagination {
        display: flex !important;
        margin: 0 !important;
        margin-bottom: 0px !important;
    }

        .pagination > li > a {
            padding: 4px 12px !important;
            font-size: 13px !important;
        }

    .btm_counts_txt {
        margin: 0;
        padding: 0px 0px 0px 5px;
        font-size: 14px;
        color: #4a4a4a;
        display: inline-block;
    }

    .tabscontent p.btm_counts_txt {
        margin: 0;
        padding: 0px 0px 0px 5px;
        font-size: 14px;
        color: #4a4a4a;
        display: inline-block;
    }


    .filter_checkbox_white {
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        margin: 0px 5px 0px 0px;
        line-height: 20px;
        width: 15px;
        padding-top: 0px;
        font-weight: normal;
    }

    input[type=checkbox] {
        display: none;
    }

    .filter_checkbox_white:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        background-color: #ffffff;
        color: #f3f3f3;
        text-align: center;
        margin: 0px 5px 0px 0px;
        border: 1px solid #42a5f5;
    }

    input[type=checkbox]:checked + .filter_checkbox_white:before {
        content: "\2713";
        color: #42a5f5;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
    }

    .green_btn {
        margin-left: 15px;
        background-color: #1e854f !important;
        border-color: #1e854f !important;
    }

    .grey_btn {
        margin-right: 15px;
        background-color: #adadad !important;
        border-color: #adadad !important;
    }

    .red_btn {
        margin-left: 15px;
    }

    .grid_txtbox {
        height: 20px !important;
    }

    .fair_orange_row {
        background: #f3a42f;
    }

    .problem_red_row {
        background: #f76767;
    }

    .form_mail_margin {
        margin: 20px 0px;
    }

    .form-group {
        margin-top: 10px !important;
    }

    .active_status_color {
        margin: 0px 5px 0px 0px;
        padding: 0;
        background: #2c870c;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        display: inline-block;
    }

    .inactive_status_color {
        margin: 0px 5px 0px 0px;
        padding: 0;
        background: #ff0100;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        display: inline-block;
    }


    .grid_form_txtbox {
        margin: 0 !important;
        height: 20px !important;
    }

    .grid_form_grp {
        margin: 0 !important;
    }


    /****** Style Star Rating Widget *****/
    .starrating_txt {
        padding-top: 5px;
        float: right;
    }

    .rating {
        border: none;
        float: right;
        margin-top: 10px;
    }

        .rating > input {
            display: none;
        }

        .rating > label:before {
            margin: 5px;
            font-size: 1.25em;
            font-family: FontAwesome;
            display: inline-block;
            content: "\f005";
        }

        .rating > .half:before {
            content: "\f089";
            position: absolute;
        }

        .rating > label {
            color: #ddd;
            float: right;
        }

            .rating > label.rating_checked {
                color: #ffde00;
            }

    /***** CSS Magic to Highlight Stars on Hover *****/

    /*.rating > input:checked ~ label,*/ /* show gold star when clicked */
    /*.rating:not(:checked) > label:hover,*/ /* hover current star */
    /*.rating:not(:checked) > label:hover ~ label { color: #FFD700;  }*/ /* hover previous stars in list */

    /*.rating > input:checked + label:hover,*/ /* hover current star when changing rating */
    /*.rating > input:checked ~ label:hover,*/
    /*.rating > label:hover ~ input:checked ~ label,*/ /* lighten current selection */
    /*.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }*/

    font.form_text {
        display: block;
        font-size: 13px;
        color: #000000;
    }

    div.upload_btn {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
        cursor: pointer;
    }

        div.upload_btn input {
            position: absolute;
            font-size: 50px;
            opacity: 0;
            right: 0;
            top: 0;
            cursor: pointer;
        }


    p.box_form_left {
        margin: 0px 0px 10px 0px;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        color: #4a4a4a;
        text-align: left;
    }

        p.box_form_left span {
            margin: 0;
            padding: 0px 0px 0px 5px;
            font-size: 13px;
            font-weight: normal;
            color: #4a4a4a;
            text-align: left;
        }

    p.box_form_notes_only {
        margin: 0px 0px 10px 0px;
        padding: 0;
        font-size: 13px;
        font-weight: normal;
        color: #4a4a4a;
        text-align: left;
    }

    .box_bottom_content {
        margin: 0px 0px 0px 0px;
        padding: 0;
    }

    .box_link {
        padding-left: 20px;
        background: url(../img/link_icon.png) no-repeat 0% 50%;
        cursor: pointer;
        text-decoration: underline;
        font-size: 13px;
        color: #3e515b;
        font-style: italic;
    }

    .box_status {
        margin: 0;
        display: inline-block;
        font-size: 13px;
        color: #3e515b;
        font-style: italic;
    }

    .icon-settings-options {
        font-size: 20px;
        float: right;
        margin-top: -2px;
        margin-bottom: 7px;
        color: #fff;
        cursor: pointer;
    }

    .box_date {
        margin: 0px 6px 0px 0px;
        padding: 0;
        color: #3e515b;
        font-size: 13px;
        font-weight: normal;
    }

    .icon-date-cardtop {
        font-size: 13px;
        display: inline-block;
        margin-top: 3px;
        color: #878585;
    }

    .box_date1 {
        margin: 0px 6px 0px 50px;
        padding: 0;
        color: #3e515b;
        font-size: 13px;
        font-weight: normal;
    }

    .box_date_modified {
        margin: 0px 6px 0px 10px;
        padding: 0;
        color: #3e515b;
        font-size: 13px;
        font-weight: normal;
    }

    table.box_btm_table {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        border-collapse: collapse;
    }

    table.box_btm_table_therapy {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        border-collapse: collapse;
    }

        table.box_btm_table_therapy tbody {
            margin: 0;
            padding: 0;
            width: 100%;
            display: block;
            border-collapse: collapse;
        }

            table.box_btm_table_therapy tbody tr {
                margin: 0;
                padding: 0;
                width: 100%;
                display: block;
                border-bottom: 1px solid #ececec;
                height: 39px;
            }

                table.box_btm_table_therapy tbody tr td.left_td {
                    margin: 0;
                    padding: 8px 5px 8px 12px;
                    font-size: 13px;
                    color: #5a5a5a;
                    #2b2b2b font-weight: 700;
                    /*width: 43%;*/
                    display: inline-block;
                    height: 31px;
                    width: 40%;
                }

                table.box_btm_table_therapy tbody tr td.left_td_img {
                    margin: 0;
                    padding: 11px 5px 10px 8px;
                    font-size: 13px;
                    color: #2b2b2b;
                    font-weight: 700;
                    width: 40%;
                    display: inline-block;
                    height: 39px;
                }

                table.box_btm_table_therapy tbody tr td.right_td {
                    margin: 0;
                    /*padding: 0px 5px 0px 5px;*/
                    padding: 0px 0px 0px 5px;
                    font-size: 13px;
                    color: #5a5a5a;
                    /*width: 55%;*/
                    display: inline-block;
                    border-left: 1px solid #ececec;
                    height: 39px;
                    width: 58%;
                }



    table.box_btm_table tbody {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        border-collapse: collapse;
    }

        table.box_btm_table tbody tr {
            margin: 0;
            padding: 0;
            width: 100%;
            display: block;
            border-bottom: 1px solid #ececec;
            /*height: 32px;*/
            height: 39px;
        }

            table.box_btm_table tbody tr td.left_td {
                margin: 0;
                padding: 8px 5px 8px 8px;
                font-size: 13px;
                color: #2B2B2B;
                /*color: #5a5a5a;*/
                font-weight: 700;
                /*width: 43%;*/
                display: inline-block;
                /*height:31px;*/
                width: 38%;
                height: 39px;
            }

            table.box_btm_table tbody tr td.left_td_img {
                margin: 0;
                padding: 8px 5px 8px 12px;
                font-size: 14px;
                color: #5a5a5a;
                font-weight: 700;
                width: 40%;
                display: inline-block;
            }

            table.box_btm_table tbody tr td.right_td {
                margin: 0;
                /*padding: 0px 5px 0px 5px;*/
                padding: 0px 0px 0px 5px;
                font-size: 13px;
                color: #5a5a5a;
                /*width: 55%;*/
                display: inline-block;
                border-left: 1px solid #ececec;
                /*height: 31px;*/
                width: 60%;
                height: 39px;
            }

    .right_trtd_height {
        height: 85px !important;
    }

    .right_td_line_hei {
        line-height: 16px !important;
    }

    .choose_file_lbl {
        color: #ffffff;
        background: #34cc99 !important;
        width: 150px;
        font-size: 15px;
        text-align: center;
        padding: 3px;
        cursor: pointer;
        border-radius: 8px;
    }

    .choose_file_img {
        width: 50px;
        height: 50px;
        margin-left: 10px;
        border-radius: 50px;
    }

    .upload_filebtn {
        color: #ffffff;
        background: #4dbd74;
        font-size: 15px;
        text-align: center;
        padding: 3px;
        cursor: pointer;
        border: none;
        outline: none;
        width: 100px;
    }

    .import_file_btn {
        background: #34cc99 !important;
        color: #ffffff;
        padding: 4px;
        vertical-align: middle;
        width: 150px;
        text-align: center;
        text-decoration: none;
        border-radius: 8px;
        font-size: 15px;
        display: inline-block;
        margin: 20px;
    }

        .import_file_btn:hover {
            color: #fff;
        }

    p.tr_btm_right_name {
        margin: 0;
        padding: 8px 5px;
        font-size: 14px;
        color: #5a5a5a;
        /*width: 99%;*/
        width: 100%;
        display: block;
    }

    p.tr_btm_right_nametp {
        margin: 0;
        padding: 11px 5px;
        font-size: 14px;
        color: #5a5a5a;
        /*width: 99%;*/
        width: 100%;
        display: block;
    }

    .tr_btm_right_name_link {
        margin: 0;
        padding: 8px 5px;
        font-size: 12px;
        color: #ff6202;
        width: 28%;
        display: inline;
        text-decoration: underline; /*cursor:pointer*/
    }

    p.tr_btm_right_name_bold {
        margin: 0;
        padding: 8px 5px;
        font-size: 18px;
        color: #ff6202;
        width: 40%;
        display: block;
        font-weight: bold;
        line-height: 14px;
    }

    .table_editicon {
        width: 18px;
        height: 18px;
        float: right;
        cursor: pointer; /* margin-top: -3px; margin-right:10px;*/
        margin-left: 5px;
    }

    .table_bcbaicon {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        margin-top: -5px;
        margin-right: 5px;
    }

    .div_exp_btm_footer {
        margin: 0;
        padding: 0.2rem 0rem;
        border-top: 1px solid #c2cfd6;
        display: block;
        float: left;
        width: 100%;
        background: #e3e4e4;
    }

    .exp_btm_foot_txt {
        margin: 0px 0px 0px 0px;
        padding: 0rem 0.7rem;
        color: #3e515b;
        font-size: 14px;
        float: left;
        font-weight: bold;
    }

    .box_btm_open_bg {
        padding: 0;
        background: #fafafa;
    }

    .btm_action_icon {
        margin: 1px 10px 2px 10px;
        padding: 0;
        color: #878585;
        cursor: pointer;
        float: right;
        font-weight: normal;
        font-size: 18px;
    }

    .grid_edit_icon {
        margin: 2px 10px 2px 0px;
        padding: 0;
        color: #878585;
        cursor: pointer;
        font-weight: normal;
        font-size: 18px;
    }

    .card_top_mar {
        margin-top: 10px;
    }

    .mar_accor {
        margin-bottom: 15px;
    }

    .user_name_row {
        margin: 0px 0px 15px 0px;
        display: block;
    }

    .user_name_icon {
        padding-left: 10px;
    }

    .user_name_txt {
        padding-left: 5px;
    }

    .form_attach_block {
        display: block;
    }

    .attach_delete_icon {
        margin: 10px 0px 0px 10px;
        cursor: pointer;
        color: #ff0000;
    }

    .check_green {
        margin: 0px 0px 0px 5px;
        font-size: 12px;
        cursor: pointer;
        color: #1e854f;
    }

    .attach_green {
        margin: 0px;
        cursor: pointer;
        color: #1e854f;
    }

    .delete_icon_left {
        margin: 10px 10px 0px 0px;
        cursor: pointer;
        color: #ff0000;
    }

    .view_mail_link {
        margin: 0px 0px 0px 20px;
        color: #20a8d8;
        font-size: 13px;
        text-decoration: underline;
    }

    .left_go_back_icon {
        margin-top: 15px;
        font-size: 24px;
        cursor: pointer;
        color: #1e854f;
    }

    .mail_body_dv {
        margin: 0;
        padding: 10px;
        font-size: 13px;
        border: 1px solid #c2cfd6;
    }

    .top_search_content {
        padding: 5px 10px;
        width: 100%;
        top: 63px;
        background: #ffffff;
        border: 1px solid #e8e8e8;
        display: block;
    }

    .tab_close_icon_fa {
        margin: 2px 10px 0px 0px;
    }

    .menu_left_pad {
        padding-left: 0 !important;
    }

    .main_page_title {
        margin: 0;
        padding: 9px 0px 0px 10px;
        color: #ffffff;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .ticket_left_container {
        padding: 0px;
        background: #ffffff;
    }

    .ticket_left_container_inner {
        padding: 0px;
        background: #ffffff;
        /*height: 66vh !important;*/
        height: 55vh !important;
        overflow-x: hidden !important;
        overflow-y: scroll;
    }

    .ticket_left_container_inner1 {
        padding: 0px;
        background: #ffffff;
        /*height: 66vh !important;*/
        /*height: 55vh !important;*/
        height: 44vh !important;
        overflow-x: hidden !important;
        overflow-y: scroll;
    }

    .ticket_left_container_inner_admin_menu {
        padding: 0px;
        background: #ffffff;
        /*height: 66vh !important;*/
        height: 73vh !important;
        overflow-x: hidden !important;
        overflow-y: scroll;
    }

    .ticket_left_container_inner_busins_view {
        padding: 0px;
        background: #ffffff;
        height: 48vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .ticket_left_container_inner_busins_view1 {
        padding: 0px;
        background: #ffffff;
        height: 44vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .ticket_left_container_inner_busins_view2 {
        padding: 0px;
        background: #ffffff;
        height: 35.2vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .ticket_left_row_content {
        padding: 3px 5px 0px 10px;
        margin-bottom: 0px;
        border-bottom: 0px solid #f8f7f7;
        cursor: pointer;
    }

    .ticket_left_row_content_alt_row {
        padding: 2px 0px 5px 0px;
        margin-bottom: 0px;
        border-top: 1px solid #f8f7f7;
        border-bottom: 1px solid #f8f7f7; /*background:#c8e9f6;*/
    }

    .ticket_left_row_content:hover {
        background: #f8f7f7;
    }

    .ticket_left_row_content_alt_row:hover {
        background: #f8f7f7;
    }

    .ticket_left_row_content_active {
        padding: 3px 5px 0px 10px;
        /*background: #f0f5fa;*/
        background: #dce8f7;
        border: 1px solid #00b0f0;
        border-left: 0px solid #00b0f0;
    }

    .ticket_top_search_row {
        margin-left: -10px !important;
        padding: 0 !important;
    }

    .ticket_top_search_row_mar {
        margin-top: 39px;
    }

    .ticket_top_sort {
        background: #a4a4a4;
        cursor: pointer;
    }

    .ticket_top_search {
        height: 30px !important;
        border: 0 !important;
        background: #f1f1f1 !important;
        color: #ffffff;
        display: inline-block;
        padding: 0px 10px 0px 20px !important;
        width: 100% !important;
        border-radius: 0 !important;
    }

    .ticket_left_details {
        font-size: 13px;
        color: #9a9a9a;
        letter-spacing: normal;
    }

    .ticket_left_details_pan_number {
        position: absolute;
        padding-top: 5px;
        font-size: 13px;
        color: #9a9a9a;
        letter-spacing: normal;
    }

    .ticket_left_details font {
        font-size: 13px;
        color: #9a9a9a;
    }

        .ticket_left_details font.light_font {
            font-size: 13px;
            color: #c5c5c5;
        }

    .ticket_left_details1 {
        font-size: 16px;
        color: #000;
        letter-spacing: normal;
    }

        .ticket_left_details1 font {
            font-size: 14.5px;
            color: #000;
        }

        .ticket_left_details1:hover {
            color: #00b0f0;
            text-decoration: underline;
        }

        .ticket_left_details1 font:hover {
            color: #00b0f0;
            text-decoration: underline;
        }
    /*.ticket_right_pad{ padding-right:5px !important;}*/
    .ticket_open_hrs_cnt {
        padding: 5px;
        background: #20a8d8;
        color: #ffffff;
        font-size: 12px;
        text-align: center;
        border-radius: 100%;
    }

    .ticket_open_hrs {
        font-size: 13px;
        color: #5f5f5f;
        text-align: center;
    }
    /*.ticket_date_icon { font-size:12px; color:#d8d8d8;}*/
    .ticket_phone_icon {
        margin-right: 5px;
        font-size: 12px;
        color: #bdbdbd;
    }

    .circle_dv {
        cursor: default;
    }

    .ticket_left_container_inner .badge {
        margin-top: 10px;
        margin-left: 12px;
    }

    .ticket_info_icon {
        margin-top: 4px;
        margin-right: 12px;
        font-size: 18px;
        cursor: pointer;
        color: #c1c1c1;
    }

        .ticket_info_icon:hover {
            color: #63c2de;
        }

    .top_menu_logo_sub_text {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 15px;
        color: #ffffff;
        display: inline-block;
        border-left: 1px solid #848484;
        font-size: 15px;
        letter-spacing: normal;
        font-weight: normal;
    }

    .search_cursor {
        cursor: pointer;
    }

    .icon-clock {
        margin: 10px 0px;
        display: inline-block;
        color: #00b0f0;
        font-size: 11px;
    }

    .row_tab_bg_filter {
        margin: 0 !important;
        padding: 3px 0px 0px 0px;
        width: 100%;
        height: 30px;
        background: #eae9e9;
        display: block;
    }

    .row_filter_check_green {
        cursor: pointer;
        font-size: 14px;
        color: #1e854f;
    }

    .right_tab_bg_incomplete_tickets {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #0aa28e;
        display: block;
    }

    .right_tab_bg_completedtoday_tickets {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #ef4141;
        display: block;
    }

    .right_tab_bg_todo_tickets {
        margin: 0 !important;
        padding: 0px 0px;
        width: 100%;
        height: 40px;
        background: #185c9c;
        display: block;
        /*cursor:pointer;*/
    }

    .right_tab_bg_todo_tickets_active {
        background: #e1e1e1;
    }

    .main_page_title_admin_icon_active {
        color: #756e6e;
    }

    #region_all_icon {
        border: 0;
        outline: none;
    }

    .right_tab_bg_closed_tickets {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #4a4277;
        display: block;
    }

    .right_tab_bg_open_tickets {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #536c79;
        display: block;
    }

    .right_tab_bg_emails {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #5f394f;
        display: block;
    }

    .right_tab_bg_myemails {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #0d88b5;
        display: block;
    }

    .right_tab_bg {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 35px;
        background: #445f72;
        display: block;
    }

    .right_tab_menu_active {
        margin: 0;
        padding: 0px;
        border-right: 1px solid #cccccc;
        height: 30px;
        float: left;
        color: #fff;
        cursor: pointer;
        position: relative;
    }

        .right_tab_menu_active span {
            margin: 0;
            padding: 7px 10px 0px 15px;
            font-size: 13px;
            border-right: 0px solid #4cc8f5;
            display: inline-block;
        }

        .right_tab_menu_active:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-top: solid 5px #000000;
            border-left: solid 5px transparent;
            border-right: solid 5px transparent;
        }

    .right_tab_menu {
        margin: 0;
        padding: 0px;
        border-right: 1px solid #cccccc;
        height: 30px;
        float: left;
        color: #fff;
        cursor: pointer;
        position: relative;
    }

        .right_tab_menu:last-child {
            border: 0;
        }

        .right_tab_menu span {
            margin: 0;
            padding: 7px 10px 0px 15px;
            font-size: 13px;
            border-right: 0px solid #4cc8f5;
            display: inline-block;
        }

    .right_tab_bg_contract_master {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #268e67;
        display: block;
    }
    /*.right_tab_menu:hover:after  {content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 5px #000000;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}*/

    .right_tab_menu_open {
        background: #81bc06;
    }

    .right_tab_menu_closed {
        background: #828080;
    }

    .right_tab_menu_open_cont_mes {
        background: #0e6484;
    }

    .right_tab_content_mar {
        margin: 0 !important;
    }

    .grid_option_icons {
        margin: 0px 10px 0px 0px;
        color: #007a93;
        font-size: 14px;
        cursor: pointer;
    }

    .grid_option_icons1 {
        margin: 0px 0px 0px 10px;
        color: #007a93;
        font-size: 16px;
        cursor: pointer;
    }

    .grid_table_nopad {
        padding-right: 0 !important;
    }

    #right_splitter .form-group {
        margin-bottom: 10px !important;
    }

    #right_splitter_admin .form-group {
        margin-bottom: 10px !important;
    }

    .check_grid_icon {
        color: #148f4b;
    }

    .close_grid_icon {
        color: #ff0000;
    }

    .grid_mail_icon {
        color: #20a8d8;
    }

    span.top_form_sent {
        margin: 0px;
        padding: 8px 0px;
        display: block;
        font-size: 16px;
    }

        span.top_form_sent label.blue_color_txt {
            font-weight: normal;
            font-size: 17px;
            color: #20a8d8;
        }

    .open_txt_color {
        color: #12b91e;
        font-size: 17px;
    }

    .close_txt_color {
        color: #ff0000;
        font-size: 17px;
    }

    .grid_green_btn {
        background-color: #34cc99 !important;
        border-color: #34cc99 !important;
        border-radius: 8px !important;
        text-shadow: none !important;
    }

    /*.grid_green_btn:hover {
        background-color: #2f7723 !important;
        border-color: #2f7723 !important;
    }*/

    .right_tab_bg_inner {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        height: 30px;
        background: #9fdcf3;
        display: block;
    }

    .right_tab_menu_active_inner {
        margin: 0;
        padding: 5px 0px 0px 20px;
        float: left;
        color: #fff;
        cursor: pointer;
        position: relative;
    }

        .right_tab_menu_active_inner span {
            margin: 0;
            padding: 0px 10px 0px 0px;
            font-size: 13px;
            border-right: 0px solid #4cc8f5;
            display: block;
        }

        .right_tab_menu_active_inner:after {
            content: '';
            position: absolute;
            top: 110%;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-top: solid 12px #9fdcf3;
            border-left: solid 12px transparent;
            border-right: solid 12px transparent;
        }

    .right_tab_menu_inner {
        margin: 0;
        padding: 5px 0px 0px 20px;
        float: left;
        color: #fff;
        cursor: pointer;
        position: relative;
    }

        .right_tab_menu_inner span {
            margin: 0;
            padding: 0px 10px 0px 0px;
            font-size: 13px;
            border-right: 0px solid #4cc8f5;
            display: block;
        }

        .right_tab_menu_inner:hover:after {
            content: '';
            position: absolute;
            top: 110%;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-top: solid 12px #9fdcf3;
            border-left: solid 12px transparent;
            border-right: solid 12px transparent;
        }



    /*************** SCROLLBAR BASE CSS starts***************/

    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }

        .scroll-wrapper > .scroll-content {
            border: none !important;
            box-sizing: content-box !important;
            height: auto;
            left: 0;
            margin: 0;
            max-height: none;
            max-width: none !important;
            overflow: scroll !important;
            overflow-x: hidden !important;
            padding: 0;
            position: relative !important;
            top: 0;
            width: auto !important;
        }

            .scroll-wrapper > .scroll-content::-webkit-scrollbar {
                height: 0;
                width: 0;
            }

    .scroll-element {
        display: none;
    }

        .scroll-element, .scroll-element div {
            box-sizing: content-box;
        }

            .scroll-element.scroll-x.scroll-scrollx_visible,
            .scroll-element.scroll-y.scroll-scrolly_visible {
                display: block;
            }

            .scroll-element .scroll-bar,
            .scroll-element .scroll-arrow {
                cursor: default;
            }

    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }

        .scroll-textarea > .scroll-content {
            overflow: hidden !important;
        }

            .scroll-textarea > .scroll-content > textarea {
                border: none !important;
                box-sizing: border-box;
                height: 100% !important;
                margin: 0;
                max-height: none !important;
                max-width: none !important;
                overflow: scroll !important;
                outline: none;
                padding: 2px;
                position: relative !important;
                top: 0;
                width: 100% !important;
            }

                .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
                    height: 0;
                    width: 0;
                }




    /*************** SIMPLE INNER SCROLLBAR ***************/

    .scrollbar-inner > .scroll-element,
    .scrollbar-inner > .scroll-element div {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }

        .scrollbar-inner > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        /*.scrollbar-inner > .scroll-element.scroll-x {
        bottom: 0px;
        height: 4px;
        left: 0;
        width: 100%;
    }*/

        .scrollbar-inner > .scroll-element.scroll-y {
            height: 100%;
            right: 0px;
            top: 0;
            width: 10px;
        }

        .scrollbar-inner > .scroll-element .scroll-element_outer {
            overflow: hidden;
        }

        .scrollbar-inner > .scroll-element .scroll-element_outer,
        .scrollbar-inner > .scroll-element .scroll-element_track,
        .scrollbar-inner > .scroll-element .scroll-bar {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

        .scrollbar-inner > .scroll-element .scroll-element_track,
        .scrollbar-inner > .scroll-element .scroll-bar {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            filter: alpha(opacity=40);
            opacity: 0.4;
        }

        .scrollbar-inner > .scroll-element .scroll-element_track {
            background-color: #a4b7c1;
        }

        .scrollbar-inner > .scroll-element .scroll-bar {
            background-color: #565656;
        }

        .scrollbar-inner > .scroll-element:hover .scroll-bar {
            background-color: #3e3838;
        }

        .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
            background-color: #3c3c3c;
        }


        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
            left: -12px;
        }

        .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
            top: -2px;
        }


        .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
            left: -12px;
        }

        .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
            top: -12px;
        }

    /*************** SCROLLBAR BASE CSS ends***************/

    .attac_dv_bg {
        padding: 5px;
        margin: 0px 0px 10px 0px;
        height: 120px;
        overflow-y: scroll;
    }



    /* CSS Goes Here */
    .split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .gutter {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50%;
        display: none;
    }

        .gutter.gutter-horizontal {
            cursor: col-resize;
            background-image: url(../img/splitter.png);
        }

        .gutter.gutter-vertical {
            cursor: row-resize;
            background-image: url(../img/vertical_split.png);
        }

        .split.split-horizontal, .gutter.gutter-horizontal {
            height: 100%;
            float: left;
        }


    .user_filter_drop {
        height: auto;
        display: block;
        position: absolute;
        left: 10px;
        top: 25px;
        z-index: 99;
        background: #f5f4f4;
        border-radius: 5px;
        padding: 5px 10px;
        border: 1px solid #dad6d6;
    }


    /*****Login******/

    .video-section .pattern-overlay {
        background-color: rgba(71, 71, 71, 0.59);
        padding: 0px 0 32px;
        min-height: 100vh;
        /* Incase of overlay problems just increase the min-height*/
    }

    .video-section h1, .video-section h3 {
        text-align: center;
        color: #fff;
    }

    .video-section h1 {
        font-size: 110px;
        font-family: 'Buenard', serif;
        font-weight: bold;
        text-transform: uppercase;
        margin: 40px auto 0px;
        text-shadow: 1px 1px 1px #000;
        -webkit-text-shadow: 1px 1px 1px #000;
        -moz-text-shadow: 1px 1px 1px #000;
    }

    .video-section h3 {
        font-size: 25px;
        font-weight: lighter;
        margin: 0px auto 15px;
    }

    .video-section .buttonBar {
        display: none;
    }

    .player {
        font-size: 1px;
    }

    #login_background {
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background: url(polina.jpg) no-repeat;
        background-size: cover;
    }

    /*************/
    .login_logo_img {
        /*margin-top:30px;
    margin-left:10px;
    width:245px;
    height:45px;*/
        margin: 0 auto;
        margin-top: 15px;
        padding-top: 20px;
        display: block;
    }

.login_logo_img_new {
    /* width: 334px !important;*/
    height: 120px !important;
    margin-top: 20px;
    margin-left: 25px;
}



    /*-- main --*/
    .sub-main-w3 {
        width: 50%;
        margin: 80px auto;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
        padding: 10px 50px 50px 50px;
    }

        .sub-main-w3 h2 {
            color: #fff;
            font-size: 1em;
            letter-spacing: 1px;
            margin-bottom: 1em;
            text-align: center;
            font-weight: 500;
            font-style: italic;
        }

        .sub-main-w3 i {
            margin-left: 10px;
        }

    .pom-agile {
        padding: 11px 15px;
        background: #fff;
        margin-bottom: 23px;
        border: 1px solid #060606;
    }

        .pom-agile input[type="text"], .pom-agile input[type="password"] {
            outline: none;
            font-size: .9em;
            border: none;
            background: transparent;
            width: 90%;
            color: #000;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 1px;
        }

    .right-w3l input[type="submit"] {
        color: #fff;
        background: #00b0f0;
        border: none;
        padding: 12px 58px;
        margin-top: 30px;
        outline: none;
        text-transform: uppercase;
        font-size: .9em;
        cursor: pointer;
        letter-spacing: 1px;
        font-family: 'Open Sans', sans-serif;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
        transition: 0.5s all;
    }

        .right-w3l input[type="submit"]:hover {
            background: #000;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -ms-transition: 0.5s all;
            transition: 0.5s all;
        }

    .sub-w3l a.left_text {
        float: left;
        font-size: .9em;
        color: #fff;
        letter-spacing: 1px;
    }

    .sub-w3l a.right_text {
        float: right;
        font-size: .9em;
        color: #fff;
        letter-spacing: 1px;
    }

    span.icon-user, span.icon-key {
        float: right;
        color: #00b0f0;
        line-height: 1.5;
        margin-left: 10px;
    }

    /*View Tickets Starts*/
    .tabscontent p.view_tkt_mainheading {
        display: block;
        font-weight: 700;
        font-size: 13px;
        color: #5f5f5f;
        padding: 0px;
    }
    /*View Tickets Ends*/

    @media (min-width: 992px) {
        .brand-minimized .daimler_left_logo {
            width: 23px;
            background-color: #000;
            background-image: url(../img/daimler_logo_small.png);
            /* background-size: 24px; */
            border-bottom: 0px solid #c2cfd6;
            background-position: center center;
            margin: 0;
            background-size: 23px auto;
        }

        .sidebar-minimized .sidebar .sidebar-minimizer::before {
            right: -25px;
            top: -5px;
        }

        .sidebar-minimized .side_mini_hide {
            display: none;
        }
        /*.header-fixed .app-header { display:none;}*/
    }

    @media (max-width: 991px) {
        .daimler_left_logo {
            display: none;
        }

        .top_header_text {
            font-size: 16px !important;
            margin-left: -10px !important;
        }

        .main .container-fluid {
            padding: 0 15px;
        }

        .btn {
            padding: 4px 12px !important;
            font-size: 12.5px !important;
        }

        .card-title {
            font-size: 1.4rem;
        }

        table.box_btm_table tbody tr td.left_td {
            padding: 8px 5px 8px 8px;
            font-size: 12px;
        }

        p.tr_btm_right_name {
            padding: 8px 0px;
        }

        .paging_foot_container {
            margin: 0;
        }

        .paging_foot_container_mar {
            margin-top: 10px;
        }

        .sidebar-fixed .sidebar {
            z-index: 9019;
        }

        .sidebar-mobile-show .sidebar {
            width: 100%;
        }

        .sidebar .sidebar-nav, .sidebar-fixed .sidebar .sidebar-nav {
            width: 100% !important;
        }
    }

    @media (min-width: 500px) and (max-width:991px) {
        .tab_box_width {
            flex: 33%;
            max-width: 33%;
            float: left;
        }
    }

    /*@media (min-width: 992px) and (max-width: 1200px) {
   .sidebar-fixed .sidebar { width: 390px;}
   .sidebar .sidebar-nav { width: 390px; }
   .sidebar-fixed .main, .sidebar-fixed .app-footer { margin-left: 390px;}
}*/




    .switch-field_small_trip {
        display: inline-block;
        margin-top: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .switch-field_small_trip input {
            position: absolute !important;
            clip: rect(0, 0, 0, 0);
            height: 1px;
            width: 1px;
            border: 0;
            overflow: hidden;
        }

        .switch-field_small_trip label {
            float: left;
        }

        .switch-field_small_trip label {
            display: inline-block;
            width: 65px;
            background-color: #f9f9f9;
            color: #949292;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            text-shadow: none;
            padding: 3px 20px;
            border: 0px solid #605e5e;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

            .switch-field_small_trip label:hover {
                cursor: pointer;
            }

        .switch-field_small_trip input:checked + label {
            background-color: #00b0f0;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #fff;
        }

        .switch-field_small_trip label:first-of-type {
            border-radius: 17px 0 0 17px;
        }

        .switch-field_small_trip label:last-of-type {
            border-radius: 0 17px 17px 0;
        }



    /*********Filter Overlay Starts************/

    .overlay {
        height: 100%;
        width: 0%;
        position: fixed;
        z-index: 999;
        top: 65px;
        left: -2px;
        background-color: #ffffff;
        overflow-x: hidden;
        transition: 0.1s;
        padding-bottom: 50px;
        border: 1px solid #e4e1e1;
    }

    .overlay-content {
        position: relative;
        width: 100%;
        margin-top: 30px;
    }

    .left_user_list .usernamenopad {
        padding-left: 0px !important;
    }

    .filter_bordr_btm {
        margin: 0px 0px 10px 0px;
        padding: 0;
        border-bottom: 2px solid #6890c4;
    }

    .filter_head_txt {
        margin: 0;
        padding: 11px 0px 10px 0px;
        font-size: 20px;
        color: #4a4a4a;
        font-weight: bold;
        display: block;
    }

    .filter_breadcrumb {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0.5rem;
        position: static;
    }

    .filter_box_content {
        margin: 0px 0px 25px 0px;
        padding: 6px;
        display: block;
        background: #f9f7f7;
        height: 260px;
        overflow-y: auto;
    }

    .filter_box_content_nobg {
        margin: 0px 0px 25px 0px;
        padding: 6px;
        display: block;
        height: 260px;
        overflow-y: scroll;
    }

    .filter_box_head {
        margin: 0;
        padding: 5px 0px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        background: #ebebeb;
    }

    .filter_list_dv {
        margin: 0px 0px 5px 0px;
        padding: 0;
        border: 1px solid #e0e0e0;
        display: block;
        cursor: pointer;
    }

    .filter_list_txt {
        margin: 0;
        padding: 3px 8px;
        text-align: left;
        font-size: 13px;
        color: #4a4a4a;
        cursor: pointer;
    }

    .filter_list_dv_active {
        margin: 0px 0px 5px 0px;
        padding: 0;
        border: 1px solid #42a5f5;
        background: #42a5f5;
        cursor: pointer;
        display: block;
    }

    .filter_list_txt_active {
        margin: 0;
        padding: 3px 8px;
        text-align: left;
        font-size: 13px;
        color: #ffffff;
    }

    .filter_list_txt_active_tick {
        margin-top: 2px;
        font-size: 14px;
        font-weight: normal;
        float: right
    }

    table.filter_date_table {
        margin: 15px 10px 10px 10px;
        padding: 0;
        display: block;
    }

    .filter_date_form {
        padding-top: 0px;
    }

    .filter_date_txtbox {
        margin: 0px 0px 15px 10px;
        width: 70%;
    }

    .filter_sort_btn_asce {
        margin: 0px 25px 25px 0px;
        padding: 0.4rem 7rem 0.4rem 0.5rem;
        font-size: 13px;
        width: 160px;
        color: #ffffff;
        text-align: left;
        background: #42a5f6 url(../img/sort_btn_arrow_up.png) no-repeat 93% 46%;
    }

    .filter_sort_btn_decen {
        margin: 0px 25px 25px 0px;
        padding: 0.4rem 7rem 0.4rem 0.5rem;
        font-size: 13px;
        width: 160px;
        color: #ffffff;
        text-align: left;
        background: #42a5f6 url(../img/sort_btn_arrow_down.png) no-repeat 93% 46%;
    }

    .filter_modify_bg {
        margin: 0;
        padding: 0;
        background: #42a5f5;
        width: 78px;
        height: 65px;
        display: inline-block;
        cursor: pointer;
    }

    .filter_mod_icons {
        margin: 0 auto;
        margin-top: 14px;
        width: 36px;
        height: 36px;
        display: block;
    }

    .filter_mod_icons_active {
        margin: 0 auto;
        margin-left: 20px;
        margin-top: 14px;
        width: 36px;
        height: 36px;
        display: block;
    }

    .filter_modify_icon_txt {
        margin: 0;
        padding: 0;
        font-size: 13px;
        color: #4a4a4a;
        text-align: center;
    }

    .filter_modify_container {
        margin: 0px 80px 0px 0px;
        padding: 0;
        display: inline-block;
    }

    .filter_modify_bg_active {
        margin: 0;
        padding: 0;
        background: #42a5f5;
        width: 78px;
        height: 65px;
        display: inline-block;
        cursor: pointer;
        border: 2px solid #287abc;
        border-radius: 3px;
    }

    .filter_modify_icon_txt_active {
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #4a4a4a;
        text-align: center;
        font-weight: bold;
    }

    .filter_modify_icon_tick_active {
        margin-top: 2px;
        font-size: 13px;
        font-weight: normal;
        color: #ffffff;
        float: right;
        right: 3px;
        position: relative;
    }

    .filter_btm_btm_mar {
        margin-bottom: 25px;
    }

    .filter_back_icon {
        float: left;
        font-size: 28px;
        color: #8e8e8e;
        margin-top: 2px;
        margin-right: 10px;
        cursor: pointer;
    }
    /*********Filter Overlay Ends***********/

    .row_withtoprow {
        margin-top: 18px;
    }

    .nav_right_color {
        color: #616161;
    }

        .nav_right_color .icon-user {
            margin-right: 7px;
        }

    .filter_icon {
        float: right;
        cursor: pointer;
        margin: 3px 10px;
    }

    .left_user_list {
        padding: 5px 15px;
        border-bottom: 1px solid #ebeaea;
    }

        .left_user_list .username {
            font-size: 17px;
            font-weight: bold; /*color:#536c79;*/
            /*width: 225px;*/
            width: auto;
            display: inline-block;
            padding-left: 8px;
            color: #000;
        }

        .left_user_list .target_icon {
            color: #f68f8f;
            margin: 2px 4px 2px 0px;
            top: 2px;
            position: relative;
        }

        .left_user_list .target_date {
            font-size: 12px;
            color: #536c79; /*width: 100px;*/
            display: inline-block;
            width: 90px;
        }

        .left_user_list .right_arr_icon {
            top: 8px;
            position: relative;
        }

        .left_user_list .location_txt {
            padding-left: 20px;
            font-size: 14px;
            font-style: italic; /*color:#848484;*/
            display: block;
            color: #2c2c2c;
        }

        .left_user_list .location_txt_bussiness_view {
            padding-left: 0px;
            font-size: 14px;
            font-style: italic; /*color:#848484;*/
            display: block;
            color: #2c2c2c;
        }

        .left_user_list .client_status_treatment {
            width: 12px;
            height: 12px;
            background: #1c9944;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_needbt {
            width: 12px;
            height: 12px;
            background: #fd3242;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_assessment {
            width: 12px;
            height: 12px;
            background: #0089d0;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_consultation {
            width: 12px;
            height: 12px;
            background: #eddf38;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_pendingauth {
            width: 12px;
            height: 12px;
            background: #f3a82b;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_onhold {
            width: 12px;
            height: 12px;
            background: #afc3d4;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_discharge {
            width: 12px;
            height: 12px;
            background: #d71bb8;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_waitlist {
            width: 12px;
            height: 12px;
            background: #ff6a00;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_outofcoverage {
            width: 12px;
            height: 12px;
            background: #a3a3a3;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_denialnonautho {
            width: 12px;
            height: 12px;
            background: #5b0606;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

        .left_user_list .client_status_new {
            width: 12px;
            height: 12px;
            background: #16ecf0;
            border-radius: 50%;
            display: inline-block;
            top: 2px;
            position: relative;
        }

    #left_splitter { /*background:#f9f9f9;*/
        border-right: 1px solid #f8f7f7;
        width: 345px;
    }

    #left_splitter_admin {
        background: #f9f9f9;
        border-right: 1px solid #f8f7f7;
    }

    .user_details_img {
        top: -2px;
        position: relative;
        cursor: pointer;
        padding-left: 10px;
        padding-right: 5px;
    }

    .user_right_details {
        color: #ffffff;
        padding-right: 20px;
        cursor: pointer;
        text-transform: uppercase;
        background: url(../img/user_details_arrow.png) no-repeat 99% 50%;
        margin-top: 6px;
        display: inline-block;
    }

    .user_details_status {
        margin: 6px 30px 0px 0px;
        color: #bfd8ea;
        float: right;
        font-size: 14px;
    }

    .user_details_status_right {
        color: #ffffff;
    }

    .user_right_region {
        margin-top: 4px;
        margin-right: 20px;
        padding-left: 30px;
        color: #ffffff;
        float: right;
        background: url(../img/user_region_ucon.png) no-repeat 0% 100%;
    }

    .left_user_list .right_arr_icon1 {
        top: 8px;
        position: relative;
        float: right;
        margin-top: 4px;
        margin-right: 10px;
    }

    .left_user_list .target_date1 {
        font-size: 12px;
        color: #536c79; /*width: 100px;*/
        display: inline-block;
        width: 77px;
        position: absolute;
        padding-top: 13px;
        right:30px;
    }

    .left_user_list .location_txt_bt {
        padding-left: 20px;
        font-size: 14px;
        font-style: italic; /*color:#848484;*/
        display: block;
        color: #2c2c2c;
    }

    .left_user_list .usernamebt {
        font-size: 17px;
        font-weight: bold; /*color:#536c79;*/
        width: 235px;
        display: inline-block;
        padding-left: 8px;
        color: #000;
    }

    .grp_bnt_main_container {
        margin-top: 15px;
    }

    .lotus_main_grp_btn {
        border: none;
        outline: none;
        background: #d3dfea;
        height: 22px;
        width: 90px;
        border-right: 1px solid #e8eff5;
        color: #1a262e;
        font-size: 13px;
    }

    .lotus_main_grp_btn_withrad1 {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .lotus_main_grp_btn_withrad2 {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .lotus_main_grp_active {
        background-color: #445f72;
        color: #ffffff;
    }

    .dd_label_text {
        margin-right: 10px;
        font-size: 14px;
        color: #536c79;
        font-weight: normal;
    }

    .form-control.status_right_select {
        width: 145px;
        margin-top: 10px;
        float: right;
        margin-right: 5px;
        font-size: 14px;
        height: 31px;
        line-height: 31px;
        padding: 2px 5px;
        display: inline-block;
        border-radius: 35px !important;
        border: none !important;
        color: #4b4b4b;
        background: #ededed;
    }

    .search_right_inptgrp {
        width: auto;
        float: right !important
    }

    .top_search_right {
        border: 1px solid #d2d2d2 !important;
        float: right !important;
        background: #f9f9f9 !important;
        width: 210px !important;
        margin-top: 10px;
        font-size: 14px;
        height: 31px !important;
        line-height: 31px;
        padding: 2px 15px !important;
        border-radius: 35px !important;
    }

    .update_scroll_dv {
        height: 69.5vh;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .date_section {
        margin: 0;
        padding: 0;
        padding-top: 4px;
        background: #f5f18f;
        width: 18%;
        height: 113px;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        float: left;
    }

        .date_section .status_txt {
            margin: 0;
            padding: 0;
            padding-top: 4px;
            background: #d5cf3a;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            width: 100%;
            height: 34px;
            border-bottom-left-radius: 6px;
        }

        .date_section .icon-clock {
            color: #00b0f0;
            font-size: 16px;
        }

        .date_section .date_txt {
            padding: 15px 0px 0px 0px;
            font-size: 17px;
            font-weight: bold;
            color: #494949;
            display: block;
        }

        .date_section .time_txt {
            font-size: 14px;
            color: #494949;
            display: block;
            margin-bottom: 11px;
        }

    .status_section {
        margin: 0;
        padding: 0;
        background: #eeecec;
        width: 150px;
        height: 85px;
        float: left;
    }

        .status_section .status_box_green {
            background: #75cd65;
            text-transform: uppercase;
            font-size: 14px;
            height: 42px;
            color: #fff;
            padding-top: 11px;
        }

        .status_section .status_box_grey {
            background: #b1b3b1;
            text-transform: uppercase;
            font-size: 14px;
            height: 42px;
            color: #fff;
            padding-top: 11px;
        }

        .status_section .status_box_red {
            background: #f4424a;
            text-transform: uppercase;
            font-size: 14px;
            height: 42px;
            color: #fff;
            padding-top: 11px;
        }

        .status_section .type_box .type_txt {
            padding: 2px 0px;
            font-size: 12px;
            color: #536c79;
            text-transform: uppercase;
            display: block;
        }

        .status_section .type_box .type_result {
            padding: 0px 0px 6px 0px;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: bold;
            color: #536c79;
            display: block;
        }

.summary_section {
    /*overflow-y: auto;
        margin: 0;
        padding: 3px 16px;
        float: left;
        width: 69%;
        height: auto;*/
    overflow-y: auto;
    margin: 0;
    margin-top: 5px;
    padding: 4px 5px 0px 12px;
    float: left;
    width: 69%;
    height: auto;
}

        .summary_section .summary_txt {
            font-size: 14px;
            color: #000000;
            line-height: 15px;
            padding: 0px 0px;
            margin: 0;
            word-break: break-word;
            float: left;
            height: 65px;
        }

        .summary_section .date_txt {
            padding: 5px 0px 0px 0px;
            font-size: 13px;
            font-weight: bold;
            color: #536c79;
            float: left;
            width: 49%;
        }

        .summary_section .date_txt_result {
            padding-right: 0px;
            text-align: left;
            font-size: 13px;
            font-weight: normal;
        }

        .summary_section .date_txt_result1 {
            padding-right: 0px;
            text-align: left;
            font-size: 13px;
            font-weight: normal;
        }

    .update_inner_tab {
        width: 20%;
        float: right;
        margin-top: 8px;
    }

        .update_inner_tab tr td.left_td {
            width: 32%;
            float: left;
        }

        .update_inner_tab tr td.right_td {
            width: 67%;
            float: left;
        }

    .update_inner_tab_bussin_view {
        width: 100%;
        float: left;
        margin-top: 0px;
    }

        .update_inner_tab_bussin_view tr td.left_td {
            width: 7%;
            float: left;
        }

        .update_inner_tab_bussin_view tr td.right_td {
            width: 93%;
            float: left;
        }

        .update_inner_tab_bussin_view .table_bticon {
            margin-top: 0;
        }

.update_btm_date {
    margin: 0;
    margin-top: 80px;
    padding: 5px 0px 0px 5px;
    display: block;
    width: 100%;
    background: #ededed;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    border-bottom-right-radius: 6px;
}

        .update_btm_date .date_txt {
            padding: 0px 0px 0px 0px;
            font-size: 14px;
            font-weight: bold;
            color: #494949;
            float: right;
            width: 33%;
        }

        .update_btm_date .date_txt_result {
            padding-right: 0px;
            text-align: left;
            font-size: 13px;
            font-weight: normal;
        }

    .update_right_dv_width {
        width: 82%;
        float: left;
        height: 95px;
    }

    .user_details_show_dv {
        padding: 0px 10px;
        background: #fff;
    }

        .user_details_show_dv .form-control {
            width: 75%;
        }

    .head_user_icon_circle {
        margin-right: 5px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

    .dashboard_icon_link {
        margin-left: -1px;
        cursor: pointer;
        background: #919191;
        width: 57px;
        height: 65px;
    }

        .dashboard_icon_link:hover {
            background: #f9894d;
        }

    .head_dashboard_icon {
        margin: 0 auto;
        margin-top: 6px;
        padding: 0;
        width: 34px;
        height: 37px;
        display: block;
    }

    .head_clientlist_icon {
        margin: 0 auto;
        margin-top: 13px;
        padding: 0;
        width: 53px;
        height: 40px;
        display: block;
    }

    .head_clientlist_icon2 {
        margin: 0 auto;
        margin-top: 14px;
        padding: 0;
        width: 37px;
        height: 40px;
        display: block;
        margin-right: 11px;
    }

    .region_count_txt {
        padding-left: 10px;
        font-size: 14px;
        color: #68c4ff;
        text-decoration: underline;
        font-style: italic;
        cursor: pointer;
    }

    .left_filter_icon {
        width: 29px;
        height: 40px;
        float: right;
        cursor: pointer;
        margin: 0px;
        margin-top: -9px;
    }

    .left_sort_icon {
        margin: 0 auto;
        margin-top: 8px;
        width: 15px;
        height: 15px;
        right: 3px;
        position: relative;
    }
    /*#right_splitter { left: -4px;}*/

    .right_client_name {
        margin: 0;
        padding: 0;
        line-height: 25px;
        font-size: 26px;
        color: #fb7906;
        font-weight: bold;
        display: block;
    }

    .right_client_address {
        font-weight: normal;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-style: italic;
        color: #565656;
        display: block;
    }

    .right_client_status_btn_green {
        padding: 1px 25px !important;
        font-size: 12px !important;
        height: 36px;
        border-radius: 8px !important;
        background: #34cc99 !important;
        color: #fff !important;
        line-height: 16px !important;
    }

    .right_client_status_btn_grey {
        padding: 1px 25px !important;
        font-size: 12px !important;
        height: 36px;
        border-radius: 8px !important;
        background: #efefef !important;
        color: #515151 !important;
        line-height: 16px !important;
    }

    .top_client_status_btn_grey {
        margin-right: 35px;
        padding: 1px 35px !important;
        font-size: 12px !important;
        height: 30px;
        border: 1px solid #34cc99 !important;
        border-radius: 8px !important;
        background: #34cc99 !important;
        color: #ffffff !important;
        line-height: 16px !important;
    }

        .top_client_status_btn_grey:hover {
            background: #26a77b !important
        }
.top_client_status_btn {
    margin-right: 35px;
    padding: 1px 5px !important;
    font-size: 12px !important;
    height: 20px;
    border: 1px solid #34cc99 !important;
    border-radius: 8px !important;
    background: #34cc99 !important;
    color: #ffffff !important;
    line-height: 16px !important;
}

    .top_client_status_btn:hover {
        background: #26a77b !important
    }
    .col_no_pad {
        padding: 0 !important;
    }

    .box_container {
        margin: 5px 0 12px 0;
        background: #f4f4f4;
        padding: 0 !important;
        margin-left: 0px !important;
        width: 100%;
        border: 1px solid #e1e1e1;
    }

    .box_container_col {
        padding: 0 !important;
        border-right: 1px solid #e1e1e1;
        
    }

    .box_header_txt {
        margin: 0;
        padding: 0px 0px 5px 0px;
        font-size: 17px;
        color: #353535;
        font-weight: bold;
        text-align: center;
    }

    .box_date_txt {
        margin: 0;
        padding: 5px 0px 25px 0px;
        cursor: pointer;
        font-size: 16px;
        color: #d56a1b;
        font-weight: normal !important;
        text-align: center;
    }

    .box_days_txt {
        margin: 0;
        padding: 5px 0px 25px 0px;
        font-size: 16px;
        color: #ff6202;
        font-weight: normal !important;
        text-align: center;
    }

    .map_whole_container {
        background: url(../img/right_map_img.png) no-repeat;
        width: 529px;
        height: 337px;
    }

    .map_whole_container_business_view { /*background:url(../img/right_map_img.png) no-repeat; width:529px; height:325px;*/
    }

    .map_header {
        background: #28a2b8;
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        padding: 5px 0px;
        padding-left: 25px;
    }

        .map_header img {
            margin-top: -3px;
            margin-right: 5px;
        }

    .map_container {
        width: 96.3% !important;
        height: 87.4%;
    }

    .business_team_mapcontainer {
        width: 96% !important;
        height: 69.6vh !important;
    }

    .gm-style-mtc {
        display: none;
    }

    .gm-fullscreen-control {
        display: block;
    }

    .gm-svpc {
        display: none;
    }

    .gm-bundled-control, .gm-style-mtc, .gm-fullscreen-control {
        transform: scale(.7);
    }

    .gm_map_whole_container {
        position: absolute !important;
        overflow: hidden !important;
        width: 100% !important;
        height: 100% !important;
    }

    .gm-style-iw {
        padding: 15px !important;
        background: #ddb813 !important;
    }

    .gm-style-iw-c {
        padding: 15px !important;
        background: #f9894d !important;
    }

    .gm-style-iw-d a {
        color: #fff !important;
    }

    .gm-style-iw-d {
        overflow: auto !important;
        color: #ffffff !important;
        font-weight: bold !important;
    }

    .gm-style-iw-t {
        bottom: 39px !important;
    }

    .businessteam_map_marker .gm-style-iw-t {
        bottom: 38px !important;
    }

    .gm-style .gm-style-iw-t::after {
        background: linear-gradient(45deg,rgb(249, 137, 77) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    }

    .poi-info-window div {
        background: #FEC820 !important;
    }
    /*.gm-style img{max-width:10px;}*/
    /*.gm-style > div:nth-child(10) { display: none;}*/
    .available_table_container {
        background: #fff;
    }

    .available_table {
        margin: 0;
        padding: 0px;
        border: 1px solid #e1e1e1;
        border-collapse: collapse;
    }

        .available_table tr {
            margin: 0;
            padding: 0px;
        }

        .available_table th {
            padding: 0px !important;
            vertical-align: initial;
        }

    .left_arrow_ctrl {
        float: left;
        background: #ece7e7;
        cursor: pointer;
    }

    .right_arrow_ctrl {
        float: right;
        background: #ece7e7;
        cursor: pointer;
    }

    .fa.leftrr {
        font-size: 17px;
        line-height: 55px;
        width: 19px;
        color: #6f6a6a;
    }

    .day_container {
        margin-top: 15px;
        margin-bottom: 15px;
        display: inline-block;
    }

    .name_container {
        display: inline-block;
        margin: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .available_table > table.avail_inner_table {
        border: 0 !important;
        border-collapse: collapse;
        width: 100%;
    }

        .available_table > table.avail_inner_table > tr > td {
            border: 0 !important;
        }

    .available_table > thead > tr > th {
        border: 1px solid #e1e1e1 !important;
        color: #7f7f7f;
        background: #fff !important;
        text-align: center;
    }

    .available_table > tbody > tr > td {
        border: 1px solid #e1e1e1 !important;
    }

    .table_bt_name_txt {
        margin: 0;
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        line-height: 20px;
        height: 20px;
    }

    .table_bt_name_txt_bussi_txt {
        margin: 0;
        padding: 0px;
        padding-top: 6px;
        padding-left: 0px;
        font-size: 16px;
        font-weight: bold;
        color: #7f7f7f;
        line-height: 20px;
        display: inline-block;
    }

    .table_bt_miles_txt {
        margin: 0;
        padding: 0px;
        font-size: 14px;
        font-weight: normal;
        color: #7f7f7f;
        font-style: italic;
    }

    .table_bticon {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        margin-top: 3px;
        margin-right: 11px;
    }

    .bt_checked_icon {
        margin: 0 auto;
        margin-top: 14px;
        display: block;
    }

    .assign_btn {
        margin: 0 auto;
        margin-top: 10px;
        display: block !important;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
        font-weight: bold;
    }

    .assign_btn_gray {
        margin: 0 auto;
        margin-top: 10px;
        display: block !important;
        padding: 3px 25px !important;
        background: #adadad !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
        font-weight: bold;
    }

    .assign_btn_Region {
        margin: 0 auto;
        margin-top: 10px;
        display: block;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
        font-weight: bold;
    }

    .save_btn {
        margin: 0 auto;
        margin-top: 10px;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .edit_btn {
        margin: 0 auto;
        margin-top: 10px;
        padding: 3px 25px !important;
        background: #c2cfd6 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .table_head_width80 {
        min-width: 80px;
    }

    .table_head_width110 {
        min-width: 110px;
    }

    .table_head_width160 {
        min-width: 160px;
    }

    .table_head_width170 {
        min-width: 170px;
    }

    .import_exc_btn {
        margin-top: 10px;
        display: inline-block !important;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
        font-weight: bold;
    }
    /*.table_inner_scroll { max-height:200px; overflow-y:auto; display:block; width:100%;}*/
    .tableFixHead {
        overflow-y: auto;
        max-height: 50vh;
    }

        .tableFixHead thead th {
            position: sticky;
            top: -1px;
            z-index: 9;
        }

    .session_table_bg {
        background: #fafafa !important;
    }

        .session_table_bg > thead > tr > th {
            background: #fafafa !important;
        }

    .table_bt_time_txt {
        margin: 0;
        padding: 5px 0px 5px 0px;
        font-size: 15px;
        font-weight: normal;
        color: #4c4c4c;
        line-height: 20px;
        text-align: center;
    }

    .table_bt_time_txt_business_view {
        margin: 0;
        padding: 11px 0px 5px 10px;
        font-size: 15px;
        font-weight: bold;
        color: #4c4c4c;
        line-height: 20px;
        text-align: left;
    }

    .table_bt_hrs_txt {
        margin: 0;
        padding: 0px 0px 5px 0px;
        font-size: 13px;
        font-weight: normal;
        color: #4c4c4c;
        font-style: italic;
        text-align: center;
    }

    .table_editwhiteicon {
        width: 18px;
        height: 18px;
        float: right;
        cursor: pointer;
        margin-top: -3px;
    }

    .add_update_btn {
        margin: 20px 22px 10px 20px !important;
        display: block !important;
        float: right;
        width: 140px;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .add_archive_btn {
        margin: 20px 20px 10px 20px !important;
        display: block;
        float: right;
        width: 140px;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .assign_btn_bussin_view {
        margin: 3px 10px 0px 20px !important;
        display: inline-block !important;
        width: 140px;
        float: right;
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .assign_btn_bussin_view_gray {
        margin: 3px 10px 0px 20px !important;
        display: inline-block !important;
        width: 140px;
        float: right;
        padding: 3px 25px !important;
        background: #adadad !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
        cursor: default;
    }

    .accor_expand_update_bg {
        margin: 0 !important;
        padding: 0px !important;
        background: #fafafa;
    }

        .accor_expand_update_bg .float-right {
            padding: 0px !important;
        }

    .back_icon_link {
        margin-right: 12px;
        margin-left: 0px;
        cursor: pointer;
        background: #185c9c;
        width: 57px;
        height: 45px;
        cursor: pointer;
        float: left;
    }

    .head_back_icon {
        margin: 0 auto;
        margin-top: 8px;
        padding: 0;
        width: 35px;
        height: 29px;
        display: block;
    }

    .clients_header {
        margin: 0;
        padding: 4px 0px 0px 0px;
        font-size: 22px;
        float: left;
        color: #4b4b4b;
        text-transform: uppercase;
        font-family: Aileron,Calibri,Arial;
    }

    .no_mar_pad {
        margin: 0 !important;
        padding: 0 !important;
        width: 99.5%;
    }

    .client_list_tbl {
        margin-top: 10px !important;
        border: 1px solid #dfdfdf;
    }

        .client_list_tbl thead {
            color: #fff;
            background-color: #1699dc;
            text-align: left;
        }

        .client_list_tbl > thead > tr > th {
            vertical-align: middle !important;
            text-align: left !important;
            font-size: 14px;
        }

        .client_list_tbl > tbody > tr > td {
            vertical-align: middle;
            font-size: 14px;
        }

    .grid_view_img {
        cursor: pointer;
        margin-left: 5px;
        margin-right: 10px;
    }

    .needbt_btn {
        background-color: #ff6262 !important;
        width: 115px !important;
        border-color: #ff6262 !important;
        text-shadow: 0 !important;
    }

        .needbt_btn:hover {
            color: #fff !important;
        }

    .assessmentbt_btn {
        background-color: #48c1ff !important;
        width: 115px !important;
        border-color: #48c1ff !important;
        text-shadow: 0 !important;
    }

        .assessmentbt_btn:hover {
            color: #fff !important;
        }

    .treatment_btn {
        background-color: #08c862 !important;
        width: 115px !important;
        border-color: #08c862 !important;
        text-shadow: 0 !important;
    }

        .treatment_btn:hover {
            color: #fff !important;
        }

    .onhold_btn {
        background-color: #ffff00 !important;
        width: 115px !important;
        border-color: #ffff00 !important;
        text-shadow: 0 !important;
    }

        .onhold_btn:hover {
            color: #fff !important;
        }

    .grid_btn_small {
        padding: 0.03rem 2rem !important;
        font-size: 12px !important;
        margin: 0px 0px 0px 0px;
        border-radius: 22px !important;
        border: none !important;
    }

    .grid_inner_txtbox {
        background: #f3f2f2 !important;
        border: 1px solid #cacaca;
        width: 120px !important;
        border-radius: 4px !important;
        margin-bottom: 0px !important;
    }

    .paging_foot_container_lotus {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        margin-top: 10px;
    }

    .bt_login_mar {
        margin-left: 13px;
    }

    .grid_view_icon {
        margin-left: 6px;
        cursor: pointer;
    }

    .chart_lgtxt {
        font-weight: bold;
        margin-left: 15px;
        color: #000;
        font-family: Aileron;
        font-size: 12px;
        letter-spacing: 1px;
    }


    .left_user_list .distance_txt {
        padding-left: 5px;
    }

    .left_user_list .bt_username {
        width: 340px;
    }

    .left_user_list .bt_clientavailable {
        width: 187px;
    }

    .ticket_left_container_inner_bt {
        padding: 0px;
        background: #ffffff;
        height: 83vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .ticket_left_container_inner_bt_new {
        padding: 0px;
        background: #ffffff;
        height: 62vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .ticket_left_container_inner_bt_new1 {
        padding: 0px;
        background: #ffffff;
        height: 53vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .map_whole_container_bt_home {
        background: url(../img/bt_home_location.jpg) no-repeat 0px 50px;
        width: 97%;
        height: 500px;
    }

    .schedule_container_width {
        width: 80% !important; /*width:90% !important;*/
    }

    .sche_date_txt {
        margin: 0px 10px 10px 10px;
        color: #444444;
        display: inline-block;
        font-size: 18px;
    }

    .sche_arr {
        cursor: pointer;
    }

    .schedule_container_inner {
        margin: 0 !important;
        padding: 0px !important;
        background: #fff;
    }

    .sche_inner_box_booked {
        margin: 0 auto;
        margin-top: 9px;
        margin-bottom: 9px;
        padding: 20px 10px 20px 10px;
        width: 100px;
        height: 65px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        background: #0fc892;
        color: #fff;
        display: block;
        border-radius: 12px;
    }

    .sche_inner_box_request {
        margin: 0 auto;
        margin-top: 9px;
        margin-bottom: 9px;
        padding: 9px 10px 20px 10px;
        width: 100px;
        height: 65px;
        cursor: pointer;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        background: #f6f6f6;
        border: 1px solid #d7d7d7;
        color: #e7bd05;
        display: block;
        border-radius: 12px;
        line-height: 20px;
    }

    .sche_no_pad {
        padding: 0 !important;
        margin: 0 !important;
    }

    .sche_noavailable_table {
        margin: 0;
        padding: 0px;
        border: 0px solid #e1e1e1 !important;
        border-collapse: collapse;
    }

        .sche_noavailable_table tr {
            margin: 0;
            padding: 0px;
            height: 75px;
        }


        .sche_noavailable_table > table.avail_inner_table {
            border: 0 !important;
            border-collapse: collapse;
            width: 100%;
        }

            .sche_noavailable_table > table.avail_inner_table > tr > td {
                border: 0 !important;
                vertical-align: middle !important
            }

        .sche_noavailable_table > thead > tr > th {
            vertical-align: middle !important;
            font-size: 19px;
            border: 0 !important;
            border-bottom: 1px solid #e1e1e1 !important;
            color: #7f7f7f;
            background: #fff;
            text-align: center;
        }

        .sche_noavailable_table > tbody > tr > td {
            border: 0 !important;
            vertical-align: middle !important;
            border-bottom: 1px solid #e1e1e1 !important;
        }

    .blue_bg_th {
        background: #66b4f2 !important;
        font-size: 22px !important;
        color: #fff !important;
        min-width: 160px;
    }

    .grey_bg_td {
        background: #ffffff !important;
        font-size: 18px; /*font-weight:bold;*/
        color: #000 !important;
        text-align: center;
    }

    .sche_card_header {
        background-color: #185c9c;
        border: 1px solid #185c9c;
    }

    .map_whole_container_bt_req_client {
        background: url(../img/bt_requst_client.jpg) no-repeat 0px 50px;
        width: 97%;
        height: 500px;
    }

    .req_session_btn {
        position: relative;
        top: 8px;
        margin: 10px 20px 0px 0px !important;
        display: inline-block !important;
        float: none;
        padding: 3px 15px !important;
        background: #34cc99 !important;
        font-size: 12.5px !important;
        text-transform: capitalize;
        border-radius: 11px !important;
        color: #fff !important;
    }

    .req_session_btn_orange {
        margin: 10px 20px 0px 0px !important;
        display: inline-block !important;
        float: none;
        position: relative;
        top: 8px;
        outline: none;
        padding: 3px 15px !important;
        background: #f9894d !important;
        font-size: 12.5px !important;
        text-transform: capitalize;
        border: 1px solid #f9894d;
        border-radius: 11px !important;
        color: #fff !important;
    }

    .req_session_btn_grey {
        margin: 10px 20px 0px 0px !important;
        display: inline-block !important;
        float: none;
        padding: 3px 15px !important;
        background: #b2aeae !important;
        font-size: 13px !important;
        text-transform: capitalize;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .left_user_list .bt_username_req_session {
        width: 190px;
    }

    .lead_frmrow {
        margin-bottom: 15px;
    }

    .my_availability_container_width {
        max-width: 100% !important;
    }

    .client_file_details {
        color: #fb7906;
        text-decoration: underline;
        font-size: 15px;
        cursor: pointer;
        height: 20px;
    }

    .client_file_details1 {
        color: #fb7906 !important;
        text-decoration: underline !important;
        font-size: 16px;
        cursor: pointer;
        margin: 14px 0px 10px 10px;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: 10px !important;
    }

    .font-size14lbl_clr {
        color: #3a3333;
    }

    .my_availability_table {
        margin: 0;
        padding: 0px;
        border: 1px solid #bfbfbf !important;
        border-collapse: collapse;
    }

        .my_availability_table tr {
            margin: 0;
            padding: 0px;
            height: 40px;
        }

        .my_availability_table > thead > tr > th {
            padding: 0px 0px 0px 4px !important;
            vertical-align: middle !important;
            font-size: 15px;
            font-weight: normal !important;
            border: 0 !important;
            border-right: 1px solid #010101 !important;
            border-bottom: 1px solid #010101 !important;
            color: #fff;
            background: #229ae6;
            text-align: left;
        }

        .my_availability_table > tbody > tr > td {
            padding: 0px 0px 0px 0px !important;
            width: 90px;
            border: 0 !important;
            vertical-align: middle !important;
            border-right: 1px solid #dadada !important;
            border-bottom: 1px solid #dadada !important;
        }

    .my_availability_table_head_width80 {
        min-width: 70px;
    }

    .yellow_bg_th {
        padding: 0px !important;
        background: #185c9c !important;
        font-size: 22px !important;
        min-width: 130px;
        font-weight: normal !important;
        text-align: center !important;
        color: #fff !important;
    }

    .cal_day_txt {
        padding: 0px 5px;
        font-size: 18px !important;
        float: left;
    }

    .cal_date_txt {
        padding: 0px 5px;
        font-size: 18px !important;
        color: #1ab6f2;
        float: right;
    }

.cal_booked_bg {
    margin: 0;
    padding: 4px;
    cursor: not-allowed;
    background: #fe5f7d;
    float: left;
    width: 50%;
  
    font-size: 13px;
    height: 40px;
    border-left: 1px solid #dadada !important;
    text-align: center;
    color: #ffffff;
}

    .cal_available_bg {
        margin: 0;
        padding: 0px;
        background: #fbfbfb;
        float: left;
        width: 50%;
        height: 40px;
        border-left: 1px solid #dadada !important;
    }

    .cal_selected_bg {
        margin: 0;
        padding: 0px;
        background: #c6e0b4;
        float: left;
        width: 50%;
        height: 40px;
        border-left: 1px solid #d4caca !important;
    }

    .cal_booked_bg:nth-child(odd) {
        border-left: 0px solid #010101 !important;
    }

    .cal_available_bg:nth-child(odd) {
        border-left: 0px solid #010101;
    }

    .br_left_0 {
        border-left: 0px solid #010101 !important;
    }

    .cal_selected_bg:nth-child(odd) {
        border-left: 0px solid #010101 !important;
    }

    .cal_box_status {
        margin: 0;
        margin-top: 5px;
        margin-right: 25px;
        display: inline-block;
        font-size: 13px;
        color: #3e515b;
        font-style: italic;
    }

    .cal_booked_bg_icon {
        margin-right: 5px;
        background: #fe5f7d;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .cal_available_bg_icon {
        margin-right: 5px;
        background: #fbfbfb;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
        border: 1px solid #e4e3e3;
    }

    .cal_selected_bg_icon {
        margin-right: 5px;
        background: #c6e0b4;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .main_page_title_admin_icon {
        margin: 0;
        padding: 0px 0px 0px 20px;
        color: #ffffff;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .menu_all_regions_icon_cls_white {
        margin: 0px 3px 0px 0px;
        padding: 0px;
        display: inline-block;
        width: 53px;
        height: 39px;
        top: -3px;
        position: relative;
        background: url(../img/menu_all_regions_icon.png) no-repeat;
    }

    .menu_all_regions_icon_cls_grey {
        margin: 0px 3px 0px 0px;
        padding: 0px;
        display: inline-block;
        width: 53px;
        height: 39px;
        top: -3px;
        position: relative;
        background: url(../img/menu_all_regions_icon_grey.png) no-repeat;
    }

    .menu_california_icon_cls {
        margin: 0px 20px 0px 0px;
        padding: 0px;
        display: inline-block;
        width: 34px;
        height: 39px;
        top: 0px;
        position: relative;
    }

    .menu_utah_icon_cls {
        margin: 0px 20px 0px 0px;
        padding: 0px;
        display: inline-block;
        width: 33px;
        height: 39px;
        top: 0px;
        position: relative;
    }

    .menu_all_region_icon_cls {
        margin: 0px 9px 0px -7px;
        padding: 0px;
        display: inline-block;
        width: 53px;
        height: 39px;
        top: 0px;
        position: relative;
    }

    .whole_container_border {
        border: 1px solid #f1f1f1;
        margin: 10px 0px !important;
    }

    .whole_container_border_admin {
        margin: 0px !important;
    }

    #reg_txt {
        top: -16px;
        position: relative;
    }

    .grid_status_btn {
        color: #4a4a4a !important;
        font-weight: bold !important;
        cursor: default !important;
    }

    .grid_status_btn_white:hover {
        color: #4a4a4a !important;
    }


    .clients_count_dv {
        margin: 0;
        padding: 0px 0px;
        border: 0px solid #aaaaaa;
        float: left;
        text-align: left;
        width: 98.5%;
        border-radius: 0px;
        color: #fb7906;
    }

        .clients_count_dv h1.count_txt {
            padding: 0px 0px 0px 0px;
            display: inline-block;
            color: #fb7906;
            font-size: 22px;
            font-weight: bold;
            line-height: 24px;
        }

    .clients_count_dv_inner {
        margin: 0;
        padding: 10px 0px;
        color: #fb7906;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }

    .dashboard_date_ranger {
        margin-top: 4px;
        margin-right: 5px;
        border-radius: 10px;
        background: #fbfbfb;
        float: right;
        color: #444444;
        cursor: pointer;
        padding: 5px 10px;
        border: 1px solid #ccc;
        width: 75%;
        font-size: 14px;
        display: inline-block;
    }

        .dashboard_date_ranger .fa-calendar {
            color: #ddb813;
        }

        .dashboard_date_ranger .fa-caret-down {
            color: #a5a4a4;
            float: right;
            margin-top: 4px;
        }

    .admin_widgets_icon_cls {
        margin-left: 10px;
        display: inline-block;
        width: 26px;
        height: 26px;
        cursor: pointer;
    }

    .dashboard_expand_update_bg .card-title {
        font-size: 16px !important;
    }

    .dashboard_status_table {
        background: #fcfcfc !important;
        margin-top: -1px;
    }

        .dashboard_status_table tr {
            margin: 0;
            padding: 0px;
        }

        .dashboard_status_table > thead > tr > th {
            font-size: 15px !important;
            padding: 5px 2px 5px 4px !important;
            border-bottom: 0 !important;
            background: #efefef !important;
            color: #474747 !important;
            vertical-align: middle !important;
            text-align: center;
        }

        .dashboard_status_table > tbody > tr > td {
            vertical-align: middle !important;
            border: 1px solid #e4e4e4 !important;
        }

        .dashboard_status_table > tfoot > tr > th {
            padding: 5px 0px 5px 4px !important;
            border-bottom: 0 !important;
            background: #efefef !important;
            color: #474747 !important;
            vertical-align: middle !important;
            text-align: center;
        }

        .dashboard_status_table > tbody > tr > td.right_td_width {
            width: 20%;
        }
.footer_total {
    font-size: 16px;
    font-weight: bold;
    background: #f5f5f5 !important;
    text-align: center;
}
        .dashboard_expand_update_bg .dashboard_status_table .dashboard_status_inner {
            padding-left: 8px;
        }

    .dashboard_chart_dv_bg {
        background: #fcfcfc;
    }

    .dash_chart_img_cls {
        margin: 0 auto;
        display: block;
        width: 235px;
        height: 321px;
    }

    .dashboard_status_inner {
        margin: 0;
        display: inline-block;
        font-size: 15px;
        color: #474747;
    }

    .dashboard_status_treatment {
        margin-right: 5px;
        margin-left: 5px;
        background: #169f3d;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_needbt {
        margin-right: 5px;
        margin-left: 5px;
        background: #fe3240;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_assessment {
        margin-right: 5px;
        margin-left: 5px;
        background: #0288d1;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_consultation {
        margin-right: 5px;
        margin-left: 5px;
        background: #ece12d;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_pendingauth {
        margin-right: 5px;
        margin-left: 5px;
        background: #f9a825;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_onhold {
        margin-right: 5px;
        margin-left: 5px;
        background: #afc3d4;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_discharge {
        margin-right: 5px;
        margin-left: 5px;
        background: #db1ab9;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_waitlist {
        margin-right: 5px;
        margin-left: 5px;
        background: #ff6c00;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_outofcoverage {
        margin-right: 5px;
        margin-left: 5px;
        background: #a4a4a4;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_denial {
        margin-right: 5px;
        margin-left: 5px;
        background: #5b0606;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

    .dashboard_status_new {
        margin-right: 5px;
        margin-left: 5px;
        background: #12eeeb;
        display: inline-block;
        width: 13px;
        height: 13px;
        top: 2px;
        position: relative;
    }

.dashboard_status_cnt {
    padding: 0px 4px;
    padding-right: 16px;
    text-align: right;
    dashboard_status_cnt_withlnk_total font-size: 16px;
    color: #474747;
    font-weight: bold;
    display: block;
}

    .dashboard_status_cnt_withlnk {
        padding: 0px 4px;
        text-align: center;
        font-size: 16px;
        color: #f9894d;
        font-weight: bold;
        display: block;
        text-decoration: underline;
    }

    .dashboard_status_cnt_withlnk10 {
        padding: 0px 4px;
        text-align: center;
        font-size: 16px;
        color: #f9894d;
        margin: 20px 0px 10px 20px !important;
        font-weight: bold;
        display: block;
        text-decoration: underline;
        cursor: pointer;
        float: right;
        padding: 3px 48px !important;
        text-transform: uppercase;
    }

    .btn :focus {
    }

.dashboard_status_cnt_withlnk_total {
    padding: 0px 4px;
    text-align: center;
    font-size: 16px;
    color: #474747;
    font-weight: bold;
    display: block;
    text-decoration: underline;
    cursor: pointer;
}

    .dashboard_tab_mar {
        margin-top: 18px;
    }

    .dashboard_map_img_cls {
        width: 795px;
        height: 388px;
    }

    .dashboard_scroll_dv {
        height: 84.5vh;
        overflow-y: scroll;
    }

    .dashboard_scroll_dv_report {
        height: 90vh;
        overflow-y: scroll;
    }


    .dashboard_expand_update_bg {
        margin: 0 !important;
        padding: 0px !important;
        background: #fff;
    }

    .business_view_left_ul {
        margin: 0;
        padding: 0px;
        list-style: none;
        float: left;
        width: 100%;
    }

        .business_view_left_ul li {
            margin: 0;
            padding: 7px 4px;
            list-style: none;
            display: inline-block;
            text-align: center;
            width: 47.7%;
            background: #e6e5e5;
            cursor: pointer;
        }

            .business_view_left_ul li span {
                color: #696969;
                font-size: 18px;
            }

            .business_view_left_ul li.active {
                padding: 7px 4px;
                list-style: none; /*float:left;*/
                text-align: center;
                background: #0da890;
                cursor: pointer;
            }

                .business_view_left_ul li.active span {
                    color: #fff;
                    font-size: 18px;
                }

    .business_view_left_ul_row {
        margin-left: 10px !important;
        margin-right: 0px !important;
        padding: 0 !important;
    }

    .business_view_left_ul_row_mar {
        margin-top: 39px;
    }

    .business_view_left_search_row_mar {
        margin-top: 0px;
    }

    .business_view_mar_top {
        margin-top: 20px;
    }

    .chart_legend_container {
        width: 140px;
        margin: 0 auto;
        padding: 0;
    }

    .chart_btm_label {
        width: 95px;
    }

    .chart_legend_clr1 {
        margin-right: 5px;
        margin-left: 20px;
        background: #ff4d4d;
        border-radius: 50px;
        width: 11px;
        height: 11px;
        display: inline-block;
    }

    .chart_legend_clr2 {
        margin-left: 0px;
        margin-right: 5px;
        background: #4dc3ff;
        border-radius: 50px;
        width: 11px;
        height: 11px;
        display: inline-block;
    }

    .chart_legend_txt {
        margin-top: 7px;
        margin-bottom: 7px;
        font-size: 12px;
        color: #29363d;
        padding-left: 5px;
        display: inline-block;
        top: -2px;
        position: relative;
    }

    .chart_des_table {
        margin: 0 auto;
        margin-top: 10px;
        width: 193px !important;
        display: block;
        background: none !important;
        border: 0 !important;
    }

        .chart_des_table tbody {
            width: 210px !important;
            margin-bottom: 10px;
            display: block;
        }

    .chart_des_txt1 {
        padding: 0 20px !important;
        width: 60%;
        font-size: 14px;
        text-align: left;
    }

    .chart_des_txt2 {
        padding-right: 10px !important;
        width: 40%;
        font-size: 14px;
        text-align: right;
        font-weight: bold;
    }

    .process-step .btn:focus {
        outline: none
    }

    .process {
        margin-top: -17px;
        padding-top: 22px;
        display: table;
        width: 100%;
        position: relative
    }

    .process-row {
        display: table-row
    }

    .process-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important
    }

    .process-row:before {
        top: 40px;
        left: 42px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 75%;
        height: 2px;
        border: 1px dashed #ccc;
        z-order: 0
    }

    .process-step {
        display: table-cell;
        text-align: center;
        position: relative
    }

        .process-step p {
            margin: 0 auto;
            width: 75px;
            color: #989898;
            font-style: italic;
            line-height: 15px;
            margin-top: 7px;
        }

    .btn-circle_green {
        padding: 0 !important;
        width: 24px;
        height: 24px;
        text-align: center !important;
        font-size: 12px !important;
        border-radius: 50% !important;
        background: #34cc99 !important;
        color: #fff !important;
    }

        .btn-circle_green .fa {
            margin: 0 auto;
            text-align: center !important;
            font-size: 14px !important;
            display: block;
        }

    .btn-circle_red {
        padding: 0 !important;
        width: 24px;
        height: 24px;
        text-align: center !important;
        font-size: 12px !important;
        border-radius: 50% !important;
        background: #f80000 !important;
        color: #fff !important;
    }

        .btn-circle_red .fa {
            margin: 0 auto;
            text-align: center !important;
            font-size: 14px !important;
            display: block;
        }

    /*********admin menu left starts***********/
    .content {
        width: 260px;
        margin: 100px auto;
    }

    .colors {
        width: 260px;
        float: left;
        margin: 20px auto;
    }

        .colors a {
            width: 43.3px;
            height: 30px;
            float: left;
        }

    .jquery-accordion-menu, .jquery-accordion-menu * {
        font-family: Calibri, Arial, sans-serif;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        outline: 0
    }

    .jquery-accordion-menu {
        min-width: 260px;
        float: left;
        position: relative;
    }

        .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header {
            width: 100%;
            height: 50px;
            padding-left: 22px;
            float: left;
            line-height: 50px;
            font-weight: 600;
            color: #f0f0f0;
            background: #414956
        }

        .jquery-accordion-menu ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .jquery-accordion-menu ul li {
                width: 100%;
                display: block;
                float: left;
                position: relative
            }

                .jquery-accordion-menu ul li a {
                    width: 100%;
                    padding: 0px 15px;
                    float: left;
                    text-decoration: none;
                    color: #fff;
                    font-size: 14px;
                    background: #229ae6;
                    white-space: nowrap;
                    position: relative;
                    overflow: hidden;
                    -o-transition: color .2s linear,background .2s linear;
                    -moz-transition: color .2s linear,background .2s linear;
                    -webkit-transition: color .2s linear,background .2s linear;
                    transition: color .2s linear,background .2s linear
                }
        /*.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#2ea3ed}*/
        .jquery-accordion-menu > ul > li > a {
            border-bottom: solid 1px #35aaf5
        }

        .jquery-accordion-menu ul li a i {
            width: 34px;
            float: left;
            line-height: 18px;
            font-size: 16px;
            text-align: left
        }

        .jquery-accordion-menu .submenu-indicator {
            display: none;
            float: right;
            right: 22px;
            top: 10px;
            position: absolute;
            line-height: 19px;
            font-size: 20px;
            -o-transition: transform .3s linear;
            -moz-transition: transform .3s linear;
            -webkit-transition: transform .3s linear;
            -ms-transition: transform .3s linear
        }

        .jquery-accordion-menu ul ul.submenu .submenu-indicator {
            display: none;
            line-height: 16px
        }

        .jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator {
            display: none;
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu {
            width: 100%;
            display: none;
            position: static
        }

            .jquery-accordion-menu ul ul.submenu li {
                clear: both;
                width: 100%;
                border-bottom: solid 1px #dedcdc;
            }

                .jquery-accordion-menu ul ul.submenu li a {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    background: #efefef;
                    color: #000000;
                    border-top: none;
                    position: relative;
                    border-left: solid 6px transparent;
                    border-bottom: solid 0px #dedcdc;
                    -o-transition: border .2s linear;
                    -moz-transition: border .2s linear;
                    -webkit-transition: border .2s linear;
                    transition: border .2s linear
                }

                    .jquery-accordion-menu ul ul.submenu li a.submenu-indicator-minus { /*background:#e7e1e1;*/
                        color: #ff7200;
                        font-weight: bold;
                    }

                .jquery-accordion-menu ul ul.submenu li:hover > a {
                    border-left-color: #414956
                }

            .jquery-accordion-menu ul ul.submenu > li > a {
                padding: 9px 15px;
            }

            .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a {
                padding-left: 30px;
            }

                .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a.active {
                    background: #fcdabe;
                }

            .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
                padding-left: 60px
            }

            .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
                min-width: 20px;
                padding: 1px 2px 1px 1px;
                position: absolute;
                right: 18px;
                top: 14px;
                font-size: 11px;
                font-weight: 800;
                color: #555;
                text-align: center;
                line-height: 18px;
                background: #f0f0f0;
                border-radius: 100%
            }

            .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
                top: 12px
            }

    .ink {
        display: block;
        position: absolute;
        background: rgba(255,255,255,.3);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    .animate-ink {
        -webkit-animation: ripple .5s linear;
        -moz-animation: ripple .5s linear;
        -ms-animation: ripple .5s linear;
        -o-animation: ripple .5s linear;
        animation: ripple .5s linear
    }

    @-webkit-keyframes ripple {
        100% {
            opacity: 0;
            -webkit-transform: scale(2.5)
        }
    }

    @-moz-keyframes ripple {
        100% {
            opacity: 0;
            -moz-transform: scale(2.5)
        }
    }

    @-o-keyframes ripple {
        100% {
            opacity: 0;
            -o-transform: scale(2.5)
        }
    }

    @keyframes ripple {
        100% {
            opacity: 0;
            transform: scale(2.5)
        }
    }

    .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a.activesub_menu {
        background: #f5bc8e;
    }

    .menu_view_btn {
        font-size: 12px;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 4px;
        float: right;
        padding: 0px 7px;
        line-height: 18px;
        margin-top: 9.5px;
        margin-right: 16px;
        cursor: pointer;
    }

    .menu_view_btn_dark {
        font-size: 12px;
        color: #696969;
        border: 1px solid #8c8989;
        border-radius: 4px;
        float: right;
        padding: 0px 7px;
        line-height: 18px;
        margin-top: 9.5px;
        margin-right: 16px;
        cursor: pointer;
    }

    .menu_dd_active {
        background: #185c9c !important;
    }

    /*********admin menu left ends***********/
    /*********checkbox style starts***********/
    .help-block {
        color: #7c7c7c;
        font-size: 13px;
    }

    .checkbox_white {
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        margin: 0 auto;
        margin-top: 13px;
        line-height: 20px;
        display: block;
        width: 20px;
        padding-top: 0px;
        font-weight: normal;
    }

    input[type=checkbox] {
        display: none;
    }

    .checkbox_white:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background-color: #ffffff;
        color: #f3f3f3;
        text-align: center;
        margin: 0px 10px 0px 0px;
        border: 1px solid #c2cfd6;
    }

    input[type=checkbox]:checked + .checkbox_white:before {
        content: "\2713";
        color: #42a5f5;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        font-size: 16px;
        font-weight: bold;
    }

    .gb_green_bt_leftrow {
        background-color: #1DB973;
    }

    .checkbox_whitebt {
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        font-style: italic;
        margin: 0 auto;
        line-height: 20px;
        display: block;
        width: 16px;
        padding-top: 0px;
        font-weight: normal;
    }


        .checkbox_whitebt:before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: sub;
            background-color: transparent;
            color: #fff;
            text-align: left;
            margin: 0px 2px 0px 0px;
            border: 1px solid #fff;
        }

    input[type=checkbox]:checked + .checkbox_whitebt:before {
        content: "\2713";
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        font-size: 15px;
        font-weight: bold;
    }

    .checkbox_white_role {
        display: inline-block !important;
        cursor: pointer;
        font-size: 14px;
        margin: 0 auto;
        line-height: 20px;
        display: block;
        width: 20px;
        padding-top: 0px;
        font-weight: normal;
        margin-left: 10px;
    }

    input[type=checkbox] {
        display: none;
    }

    .checkbox_white_role:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background-color: #ffffff;
        color: #f3f3f3;
        text-align: center;
        margin: 0px 10px 0px 0px;
        border: 1px solid #c2cfd6;
    }

    input[type=checkbox]:checked + .checkbox_white_role:before {
        content: "\2713";
        color: #42a5f5;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        font-size: 16px;
        font-weight: bold;
    }
    /*********checkbox style ends***********/
    /*********right menu start**************/
    .tab-content {
        background: #fff;
        line-height: 25px;
        border: 0px solid #ddd;
        padding: 30px 35px;
    }

    .nav-tabs {
        margin-top: 0 !important;
    }

    nav > .nav.nav-tabs {
        border: none;
        color: #fff;
        background: #f8f8f8;
        border-radius: 0;
        height: 40px;
        position: relative;
    }

    nav > div a.nav-item.nav-link.linkwidth1 {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth1.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #ffa16e;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }

    nav > div a.nav-item.nav-link.linkwidthitab {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidthitab.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #ffa16e;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }
    /*nav > div a.nav-item.nav-link.linkwidth1.active:after { content: ""; position: absolute;bottom: -20px; margin-left: -70px;border: 10px solid transparent;border-top-color: #f9894d ; width: 0px;}*/

    nav > div a.nav-item.nav-link.linkwidth2 {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        border-left: 1px solid #e8e8e8;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth2.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #f9894d;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }
nav > div a.nav-item.nav-link.linkwidth2A {
    border: none;
    padding: 9px 5px;
    color: #777;
    border-radius: 0;
    border-left: 1px solid #e8e8e8;
    width: 205px;
    height: 40px;
    text-align: center;
}

    nav > div a.nav-item.nav-link.linkwidth2A.active {
        border: none;
        padding: 9px 15px;
        color: #fff;
        background: #f9894d;
        border-radius: 0;
        width: 230px;
        height: 40px;
        text-align: center;
    }
    /*nav > div a.nav-item.nav-link.linkwidth2.active:after { content: ""; position: absolute;bottom: -20px; margin-left: -50px;border: 10px solid transparent;border-top-color: #f9894d ; width: 0px;}*/

    nav > div a.nav-item.nav-link.linkwidth3 {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        border-left: 1px solid #e8e8e8;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth3.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #ffa16e;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }
    /*nav > div a.nav-item.nav-link.linkwidth3.active:after { content: ""; position: absolute;bottom: -20px; margin-left: -50px;border: 10px solid transparent;border-top-color: #f9894d ; width: 0px;}*/

    nav > div a.nav-item.nav-link.linkwidth4 {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        border-left: 1px solid #e8e8e8;
        width: 220px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth4.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #ffa16e;
            border-radius: 0;
            width: 220px;
            height: 40px;
            text-align: center;
        }
    /*nav > div a.nav-item.nav-link.linkwidth4.active:after { content: ""; position: absolute;bottom: -20px; margin-left: -87px;border: 10px solid transparent;border-top-color: #f9894d ; width: 0px;}*/

    nav > div a.nav-item.nav-link.linkwidth5 {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        border-left: 1px solid #e8e8e8;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth5.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #f9894d;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }
    /*nav > div a.nav-item.nav-link.linkwidth5.active:after { content: ""; position: absolute;bottom: -20px; margin-left: -65px;border: 10px solid transparent;border-top-color: #f9894d ; width: 0px;}*/

    nav > div a.nav-item.nav-link.linkwidth6 {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        border-left: 1px solid #e8e8e8;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth6.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #f9894d;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }
    /*nav > div a.nav-item.nav-link.linkwidth6.active:after { content: ""; position: absolute;bottom: -20px; margin-left: -38px;border: 10px solid transparent;border-top-color: #f9894d ; width: 0px;}*/



    nav > div a.nav-item.nav-link:hover,
    nav > div a.nav-item.nav-link:focus {
        border: none;
        background: #e1e1e1;
        color: #777;
        border-left: 1px solid #e8e8e8;
        border-radius: 0;
        transition: background 0.20s linear;
    }

    .small_nav_inner {
        height: 32px !important;
        margin-left: 18px;
        margin-right: 30px;
        margin-top: 20px !important;
    }

    .small_nav_inner_admin {
        height: 32px !important;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px !important;
    }
    /*********right menu ends**************/

    .has-feedback i {
        top: -3px !important;
    }


    .pn-ProductNav_Wrapper {
        position: absolute;
        padding: 0px 15px 0px 0px;
        box-sizing: border-box;
        background: #66b4f2;
        z-index: 9;
        width: 95%;
        margin-left: 20px;
    }

    .pn-ProductNav {
        /* Make this scrollable when needed */
        overflow-x: hidden;
        /* We don't want vertical scrolling */
        overflow-y: hidden;
        /* For WebKit implementations, provide inertia scrolling */
        -webkit-overflow-scrolling: touch;
        /* We don't want internal inline elements to wrap */
        white-space: nowrap;
        /* If JS present, let's hide the default scrollbar */
        /* positioning context for advancers */
        position: relative;
        font-size: 0;
        background: #66b4f2;
        width: 92%;
        margin-left: 20px;
    }

    .js .pn-ProductNav {
        /* Make an auto-hiding scroller for the 3 people using a IE */
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* Remove the default scrollbar for WebKit implementations */
    }

        .js .pn-ProductNav::-webkit-scrollbar {
            display: none;
        }

    .pn-ProductNav_Contents {
        float: left;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        position: relative;
    }

    .pn-ProductNav_Contents-no-transition {
        -webkit-transition: none;
        transition: none;
    }

    .pn-ProductNav_Link {
        text-decoration: none;
        color: #ffffff !important;
        font-size: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 40px;
        border: 1px solid transparent;
        padding: 4px 20px;
        background: #66b4f2;
        cursor: pointer;
    }

        .pn-ProductNav_Link.active {
            background: #0086ca;
            color: #000;
            cursor: pointer;
        }

        .pn-ProductNav_Link:hover {
            color: #ffffff;
            text-decoration: none;
        }

        .pn-ProductNav_Link + .pn-ProductNav_Link {
            cursor: pointer;
            /*border-left-color: #eee;*/
        }

    /*.pn-ProductNav_Link[aria-selected="true"] {
                color: #111;
            }*/

    .pn-Advancer {
        /* Reset the button */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent;
        padding: 0;
        border: 0;
        /* Now style it as needed */
        position: absolute;
        top: 0;
        bottom: 0;
        /* Set the buttons invisible by default */
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }

        .pn-Advancer:focus {
            outline: 0;
        }

        .pn-Advancer:hover {
            cursor: pointer;
        }

    .pn-Advancer_Left {
        left: 0;
        background: #14a3d8;
    }

    [data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
        opacity: 1;
    }

    .pn-Advancer_Right {
        background: #14a3d8;
        right: 0;
    }

    [data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
        opacity: 1;
    }

    .pn-Advancer_Icon {
        width: 29px;
        height: 20px;
        fill: #fff;
        margin-top: 5px;
    }

    .pn-ProductNav_Indicator {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        width: 100px;
        background-color: transparent;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, background-color .2s ease-in-out;
        transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    /*new styles */
    .btm_shadow.new {
        display: block;
        width: 100%;
        margin-top: 26px;
        height: 38px;
    }

    .edit_btn_new {
        color: #ffffff;
        background: #00b0f0;
        border: none;
        outline: none;
        font-size: 16px;
        margin-top: 14px;
        width: 66px;
        border-radius: 7px;
    }

    .col_md_custom_width {
        flex: 20% !important;
        max-width: 20% !important;
    }

    .col_md_custom_width1 {
        flex: 21% !important;
        max-width: 21% !important;
    }

    .overflow_none {
        overflow-y: hidden !important;
    }

    .margin_top_18px {
        margin-top: 18px;
    }

    .bg_grey_tab {
        background-color: #8496a4 !important;
        border: none !important;
    }

    .bg_grey_tab1 {
        background-color: #d8e1e8 !important;
        border: none !important;
        padding: 10px;
    }

    .text-right {
        text-align: right;
    }

    .margin_bottom_18px {
        margin-bottom: 18px !important
    }

    .padd0 {
        padding: 0px !important;
    }

    .green_bg_btn {
        background-color: #086608 !important;
        border: none !important;
    }

    .width356 {
        width: 356px;
    }

    #updatecontentid {
        margin-left: 15px !important;
        margin-right: 5px !important;
    }

    .weblead_margin {
        margin-left: 15px !important;
    }

    .files_margin {
        margin-left: 20px !important;
        margin-right: 35px !important;
    }


    .addupdate_heading_txt {
        font-size: 14px !important;
    }

    .filter_bordr_btm1 {
        margin: 0px 0px 10px 0px;
        padding: 0;
        border-bottom: 1px solid #d8e1e8;
    }

    .height_width {
        width: 90px;
        height: 28px;
    }

    .height_width1 {
        width: 100px;
        height: 28px;
    }

    .padd_input_text {
        /*padding: 8px 10px 8px 10px !important;*/
        height: 28px !important;
        font-size: 15px !important;
    }

    .height32 {
        height: 28px !important;
    }

    #rightmar {
        margin-right: 20px;
    }

    #rightmar30 {
        margin-right: 30px !important;
    }

    #rightmar45 {
        margin-right: 45px;
    }

    .font-size14 {
        /*font-size: 14px !important;*/
        font-size: 15px;
    }

    .font-size18 {
        font-size: 18px !important;
    }

    .font-size15 {
        font-size: 15px !important;
    }

    .font-size13 {
        font-size: 13px !important;
    }

    .fa.cmsfolder_icon {
        font-size: 44px !important;
        color: #87ceeb !important;
        margin: 5px;
    }

    .cmsfolder_txtspn {
        position: absolute;
        margin-top: 8px;
        font-size: 14px;
        color: #212529;
    }

    .fa.cmsfolder_icon1 {
        font-size: 44px !important;
        color: #8096a6 !important;
        margin: 5px;
        margin-right: 15px;
    }

    .req_field {
        color: #ec0c0c;
        padding-left: 2px;
    }

    .grid_reddy_btn {
        background-color: #f4424a !important;
        border: none !important;
    }

    .borrder_dotted_file_upload {
        border: 1.5px dashed #00b0f0;
    }

    .dropbox {
        margin: 10px;
        background-color: #fff;
        height: 100px;
        text-align: center;
    }

    .drop_text {
        margin-top: 30px;
    }

    .browse_link {
        color: #00b0f0;
        border-bottom: 1px solid #00b0f0;
    }

    .size_upload_icon {
        color: #4183d9;
        font-size: 20px;
        margin-right: 5px;
    }

    .address_text_padd {
        padding: 9px 2px 28px 10px !important;
    }

    .quote_list_tbl {
        width: 100%;
        margin-top: 10px;
        border: 1px solid #e8e7e7;
    }

        .quote_list_tbl tr.row_withbrdr {
            border-bottom: 1px solid #e8e7e7;
        }

        .quote_list_tbl tr {
            border-top: 1px solid #e8e7e7;
        }

    .paging_foot_container_mar {
        padding: 0;
        margin: 0px 0px 0px 60px;
    }

    .paging_foot_container_mar_grid {
        padding: 0;
        margin: 0px 0px 0px 0px;
    }

    .btm_counts_txt {
        margin: 0;
        padding: 0px 0px 0px 5px;
        font-size: 14px;
        color: #4a4a4a;
        display: inline-block;
    }



    #adduser2 {
        margin-left: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: -15px;
    }

    .notify_form_text {
        color: #5f5f5f;
        font-size: 11px !important;
    }

    #changepwdid {
        margin: 15px;
    }

    #myNav {
        /*overflow-y: hidden;*/
    }

    #content3 {
        margin-left: 8px;
    }

    #scroller {
        overflow-x: hidden;
    }

    .update_scroll_dv1 {
        height: 79.5vh;
        overflow-y: scroll;
    }

    .update_scroll_dv2 {
        height: 83.5vh;
        overflow-y: scroll;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        overflow-x: hidden;
    }

    .mar_right10 {
        margin-right: 10px;
    }


    .icon_config_font_margin {
        margin-top: 3px;
        font-size: 20px;
    }

    .flex_cancel_icon_configuration {
        flex: 0 0 15.66667% !important;
        max-width: 15.66667% !important;
    }

    .filter_box_content1 {
        margin: 0px 0px 25px 0px;
        padding: 6px;
        display: block;
        background: #f9f7f7;
        height: 260px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .login_bg_color {
        background-color: #fff;
        overflow: hidden;
    }

    .lotus_login_btn {
        background-color: #086608;
        color: #fff;
        border: none;
        padding: 5px 15px 5px 15px;
        margin-right: 20px;
    }

    .lotus_cancel_btn {
        background-color: #aaaaaa;
        color: #fff;
        border: none;
        padding: 5px 15px 5px 15px;
    }

    .flex_login_ages {
        flex: 0 0 37% !important;
        max-width: 37% !important;
        float: left;
    }

    .form-group_login {
        margin-bottom: 2rem;
    }

    .brder_login {
        text-decoration: underline !important;
        /*   //border-bottom: 1px solid;*/
    }

        .brder_login:hover {
            text-decoration: none !important;
        }

    .padd2px {
        padding: 3px 10px !important;
    }

    .save_padd {
        padding: 5px 13px !important;
    }

    input:disabled {
        background-color: #f5f3f4 !important;
    }

    textarea:disabled {
        background-color: #f5f3f4 !important;
    }

    select:disabled {
        background-color: #f5f3f4 !important;
    }

    #browse_link {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

    .partlisttable > tbody > tr:nth-child(odd) {
        background-color: #fff !important;
    }

    .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr {
        background-color: #f7f8fa !important;
    }

    #divMap {
        z-index: 1;
    }
    /*switch menu above and map below*/


    /**radio**/
.switch-field_small_trip1 {
    display: inline-block;
    padding: 0px;
    overflow: hidden;
    z-index: 9;
    position: relative;
    float: right;
    opacity: 0.8;
    /* top: -381px; */
    top: -1000px;
    /* bottom: 678px; */
    /* left: 64.6%; */
    left: 36.6%;
}

        .switch-field_small_trip1 input {
            position: absolute !important;
            clip: rect(0, 0, 0, 0);
            height: 1px;
            width: 1px;
            border: 0;
            overflow: hidden;
        }

        .switch-field_small_trip1 label {
            float: left;
        }

        .switch-field_small_trip1 label {
            display: inline-block;
            width: 140px;
            background-color: #ffffff;
            color: #a5a2a2 !important;
            font-size: 16px;
            font-weight: normal;
            text-align: center;
            text-shadow: none;
            padding: 3px 20px;
            border: 1px solid #dfdfdf;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

            .switch-field_small_trip1 label:hover {
                cursor: pointer;
            }

    .file_type_txt {
        color: #00b0f0;
        text-decoration: underline;
        cursor: pointer;
    }

    .time_slot_rdbtn {
        position: absolute;
        top: 2px;
    }

    .time_slotlbl {
        margin-left: 20px;
        margin-right: 20px
    }

    .time_slot_rdbtnfrm {
        position: absolute;
        top: 3px;
    }

    .time_slotlbl12 {
        margin-left: 7px;
        margin-right: 20px;
        font-size: 15px;
    }

    .time_slot_rdbtn12 {
        position: relative;
        top: 5px;
        height: 20px;
        width: 20px;
    }

    .switch-field_small_trip1 input:checked + label {
        background-color: #1da4bc;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff !important;
    }

    .switch-field_small_trip1 label:first-of-type {
        border-radius: 17px 0 0 17px;
    }

    .switch-field_small_trip1 label:last-of-type {
        border-radius: 0 17px 17px 0;
        left: -1px;
        position: relative;
    }

    .width100 {
        width: 100px !important;
        height: 25px;
    }

    .width120 {
        width: 120px !important;
        height: 25px;
    }

    ::-webkit-input-placeholder { /* Edge */
        color: #636262 !important;
    }

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

    ::placeholder {
        color: #636262 !important;
    }


    .bg_updates {
        /*padding: 10px;*/
        background: #fafafa;
        padding: 30px;
    }

    .bg_updates1 {
        margin: 10px;
        background-color: #fff;
    }

    .cancel_button_link {
        text-decoration: underline;
        padding: 0px;
        font-size: 14px;
        cursor: pointer;
        color: #7f7f7f;
    }

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

    p.tr_btm_right_name_link1 {
        margin: 0;
        padding: 8px 5px;
        font-size: 12px;
        color: #fb7906;
        width: 99%;
        text-align: right;
        display: block;
        cursor: pointer;
    }

    p.tr_btm_right_name_link2 {
        margin: 0;
        padding: 8px 5px;
        font-size: 12px;
        color: #fb7906;
        width: 99%;
        display: block;
        text-decoration: underline;
        /*cursor: pointer;*/
    }

    .client_status_needbt1 {
        width: 8px;
        height: 8px;
        background: #ff6202;
        border-radius: 50%;
        display: inline-block;
        top: 0px;
        right: 5px;
        position: relative;
    }

    .font_size14 {
        font-size: 14px !important;
    }

    .margin12_card_body {
        margin: 12px;
    }

    .card_radius_br {
        border-radius: 10px;
    }

    .card_header_patient_detail {
        border-color: #4ac6ff !important;
        background-color: #4ac6ff !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        font-weight: bold;
        font-size: 18px;
        text-align: left;
    }

    .card_header_patient_detail_new {
        border-color: #ddb813 !important;
        background-color: #ddb813 !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .width20 {
        width: 20px;
    }

    .mar_btm-1rem {
        margin-bottom: 1.5rem !important;
    }

    .margin0 {
        margin: 0px !important;
    }

    .add_update_btn1 {
        cursor: pointer;
        margin: 0px !important;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .mar_top_13px {
        margin-top: 13px;
    }

    .assign_btn1 {
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    /*Popup Center align style*/
    .modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
    /*Popup Center align style*/
    .calendar_noclr {
        font-size: 12px;
        color: red;
        width: 30px;
        position: absolute;
        top: 30px;
    }

    .calendar_noclr2 {
        font-size: 12px;
        color: red;
        width: 30px;
        position: absolute;
        top: -5px;
    }

    .login_bg_container {
        background: url("../img/login_bg.png");
        background-repeat: no-repeat;
        background-size: 85%;
    }
    /*.login_inner_container{width:400px; float:right; margin:40px 70px 0px 20px;}*/
    .login_inner_container {
        position: absolute;
        left: 38%;
        top: 45%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 400px;
        text-align: center;
    }

    .footer_row {
        bottom: 0px;
        position: absolute;
        background-color: #4E5975;
        width: 100%;
        margin: 0px;
    }

    .footer_orderlst {
        list-style: none;
        margin: 10px 0px 10px 0px;
    }

        .footer_orderlst li {
            display: inline-block;
            color: #fdfdfd;
            font-size: 23px;
            font-family: Aileron;
            letter-spacing: 1px;
        }

            .footer_orderlst li span {
                color: #FDE233;
                width: 25px;
                display: inline-table;
            }

    .login_row {
        height: 100% !important;
    }

    .login_input_ctrl {
        background: #F8F8F8;
        border-radius: 10px;
        width: 84%;
        display: block;
        height: 43px;
        margin: 0 auto;
        margin-bottom: 20px;
        border-color: #d8d8d8;
    }

    .login_btn {
        width: 190px;
        height: 69px;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

    .welcome_txt {
        color: #565656;
        font-size: 20px;
        font-family: Aileron;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .login_inner_container h3 {
        color: #565656;
        font-size: 32px;
        font-family: Aileron;
        font-weight: bold;
        letter-spacing: 1px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .manage_txt {
        color: #565656;
        font-size: 14px;
        font-family: Aileron;
        /*font-weight:bold;*/
        letter-spacing: 1px;
        margin-bottom: 32px;
    }

    .frgt_pwd {
        font-family: Aileron;
        color: #838383;
        font-size: 10px;
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 1px;
        text-decoration: underline;
        margin-top: -9px;
        display: block;
    }

    .login_nomapad {
        margin: 0px !important;
        padding: 0px !important;
    }

    /*Tablet Media Query Strats*/
    @media only screen and (min-width:768px) and (max-width:1240px) {
        .tab_col_7 {
            max-width: 58.33333%;
            flex: 0 0 58.33333%;
        }
        .padd_2_for_t {
            padding: 2px !important;
        }
        .txtblack_slt
        {
            width:145px !important;
        }
        .tab_col_5 {
            max-width: 41.66667%;
            flex: 0 0 41.66667%;
        }
    }


    @media only screen and (min-width:768px) and (max-width:1024px) {
        
        .dashboard_date_ranger {
            width: 100%;
        }
        .update_inner_tab{
            margin-top:0px;
        }
        table.box_btm_table tbody tr td.right_td {
            padding: 0px !important;
        }

        .overlay {
            top: 54px;
        }

        .btm_shadow.new {
            display: block;
            width: 100%;
            margin-top: 5px;
            height: auto;
        }

        .app-header.navbar .navbar-brand {
            left: 0%;
            margin-left: 5px;
        }

        .app-header.navbar {
            background: #ffffff;
            position: relative;
        }

        .header-fixed .app-body {
            margin-top: 0px;
        }

        .header-fixed .custom_bdy {
            margin-top: 0px !important;
        }

        #left_splitter_admin {
            display: none;
        }

        #left_splitter {
            display: none;
        }


        nav > div a.nav-item.nav-link.linkwidth2 {
            width: 188px;
            font-size: 15px;
        }

        .map_container {
            width: 95%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            margin-left: 88px !important;
        }

        .tab_respclass {
            margin-bottom: 25px !important;
        }

        nav > div a.nav-item.nav-link.linkwidth1 {
            width: 187px;
        }

        .fullwidth_container {
            width: 100% !important;
        }
    }

    .wid97_p {
        width: 100% !important;
    }

    .ovf_x_auto {
        overflow-x: auto;
    }
    /*10inch tab lands start*/
    @media only screen and (min-width:1024px) and (max-width:1279px) {
        #left_splitter_admin {
            display: block;
        }

        .update_inner_tab {
            width: 23%;
        }

        .f_lt_tab {
            float: left !important;
        }

        .table_bticon {
            width: 30px !important;
            height: 30px !important;
        }

        .pr_rght_0_bt {
            padding-right: 0px !important;
        }

        .wid97_p {
            width: 95% !important;
        }

        .mt25_tab {
            margin-top: 15px !important;
        }

        .wid98dot5_p {
            width: 95% !important;
        }

        table.box_btm_table tbody tr td.right_td {
            padding: 0px !important;
        }

        .pr_4 {
            padding-right: 4px !important;
        }

        .wid98dot5_p .map_header {
            padding-left: 0px !important;
        }

        .map_header {
            font-size: 14px !important;
        }

        .paddlef5 {
            padding-left: 5px !important;
        }

        .update_btm_date {
            overflow-y: auto;
        }

        .padding_tab_all_0 {
            padding: 0px !important;
        }

        .switch-field_small_trip1 {
            margin-top: 0px !important;
        }

        .tab_padleft0 {
            padding-left: 0px !important;
        }

        .tab_padleft0_2 {
            padding-right: 20px !important;
            padding-left: 0px !important;
        }

        .divStatus_tab {
            padding: 0px !important;
        }

        .tab_padleft0_mauto {
            padding-left: 0px !important;
            margin-left: -10px !important;
        }

       .dashboard_status_cnt_withlnk10 {
            padding: 3px 30px !important;
        }


        #divClientRequest .dashboard_status_cnt_withlnk10 {
            padding: 3px !important;
        }

        .dashboard_status_inner {
            font-size: 13.5px;
        }

        #left_splitter {
            display: block;
        }

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

        .tab_col_12 {
            max-width: 100%;
            flex: 100%;
        }

        #piechart > div [dir="ltr"] {
            width: 100% !important;
            text-align: center !important;
        }

        .fl_rg_table_tab {
            float: right;
            margin-right: 20px;
        }

        #piechart {
            float: left !important;
        }
        /*#piechart svg {
        right: 35px;
        position: relative;
    }
    #piechart svg rect{
       fill:transparent;
    }*/
    }
    /*10inch tab lands end*/

    /*Tablet Media Query Ends*/
    .height25 {
        height: 25px !important;
    }

    .filter_list_dv_active1 {
        background: #42a5f5;
        cursor: pointer;
        display: block;
    }

    .filter_list_dv1 {
        display: block;
        cursor: pointer;
    }

    .lblError {
        text-align: center;
        padding-top: 10px;
    }

    .modal-backdrop {
        opacity: 0.5 !important;
    }

    .br_r_popup_s {
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        width: 54px;
        color: #fff !important;
        margin-left: 14px !important;
    }

    .br_r_popup_s1 {
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        /* width: 54px; */
        /*float: right;*/
        color: #fff !important;
        margin-left: 14px !important;
    }

    .btn_default_app_greeb {
        border: none !important;
        background-color: #34cc99 !important;
    }

    .ticket_left_row_content_active1 {
        /*background: #f0f5fa;*/
        background: #dce8f7;
        border: 1px solid #00b0f0;
        border-left: 0px solid #00b0f0;
    }

    ..clients_count_dv1 {
        margin: 0;
        padding: 0px 0px;
        border: 0px solid #aaaaaa;
        float: left;
        text-align: left;
        width: 98.5%;
        border-radius: 0px;
    }


    nav > div a.nav-item.nav-link.linkwidth_top {
        border: none;
        padding: 9px 5px;
        color: #777;
        border-radius: 0;
        border-left: 1px solid #e8e8e8;
        width: 192.5px;
        height: 40px;
        text-align: center;
    }

        nav > div a.nav-item.nav-link.linkwidth_top.active {
            border: none;
            padding: 9px 15px;
            color: #fff;
            background: #ffa16e !important;
            border-radius: 0;
            width: 192.5px;
            height: 40px;
            text-align: center;
        }

    #piechart svg {
        width: 300px !important;
    }

    .selectpicker {
        padding: 7px;
        padding-left: 9px;
        background-color: #0da890 !important;
        color: #fff !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        width: 344px;
        border: 1px solid #0da890 !important;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-appearance: none;
        cursor: pointer;
        background: url(../img/arrow-dropdown-white.png) 101% / 9.7% no-repeat;
    }





        .selectpicker option {
            background-color: #fff !important;
            color: #000 !important;
        }
    /*.selectarrow {
    position: relative;
    right: 25px;
    color: #fff;
    font-size: 20px;
}*/

    .pagination_row {
        margin-top: 10px;
        margin-right: 12px
    }

    .pagination_row1 {
        margin-top: 10px;
        margin-right: 15px;
        margin-left: 8px
    }

    .selectpicker:focus {
        outline: none;
    }



    .selectpicker::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

    .bg_sub_tab {
        background: #f8f8f8;
    }

    .br_radius_subtab1 {
        border-top-left-radius: 15px !important;
        border-bottom-left-radius: 15px !important;
    }

    .br_radius_subtab2 {
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }

    .btn_circle_white_New {
        background: #ffffff !important;
        border: 1px solid #989898 !important;
        color: #989898 !important;
    }

    .btn_circle_blue_Assessment {
        background: #0000ff !important;
    }

    .btn_circle_green_Treatment {
        background: #00ff00 !important;
    }

    .btn_circle_red_Needbt {
        background: #ff0000 !important;
    }

    .btn_circle_skyblue_Consultation {
        background: #00ffff !important;
    }

    .btn_circle_brwn_pendngAuth {
        background: #980000 !important;
    }

    .btn_circle_yelw_Onhold {
        background: #ffff00 !important;
    }

    .btn_circle_violt_Discharge {
        background: #9900ff !important;
    }

    .btn_circle_orge_Waitlist {
        background: #ff9900 !important;
    }

    .btn_circle_grey_OutCov {
        background: #999999 !important;
    }

    .btn_circle_pink_Denial {
        background: #ff00ff !important;
    }

    .btn_circle_grey_Det_Req {
        background: #f94646 !important;
    }

    .btn_circle_grey_Appr {
        background: #c9c9c9 !important;
    }

    .div_no_records_notifier {
        background: #0a3965;
        z-index: 9;
        position: absolute;
        float: left;
        color: #fff;
        padding: 10px 30px;
        opacity: 0.8;
        top: 29px;
        left: 3%;
    }

    .width_out_of_courage {
        width: 225px !important;
    }

    @-moz-document url-prefix() {
        .switch-field_small_trip1 {
            margin-top: -5px !important;
        }

        .time_slot_rdbtn12 {
            position: relative;
        }
    }


    .reg_paginate li a {
        font-size: 12px !important;
    }


    .page-item.active .page-link, .pagination-datatables li.active .page-link, .pagination li.active .page-link, .page-item.active .pagination-datatables li a, .pagination-datatables li .page-item.active a, .pagination-datatables li.active a, .page-item.active .pagination li a, .pagination li .page-item.active a, .pagination li.active a {
        z-index: 2;
        color: #fff;
        background-color: #f9894d !important;
        border-color: #f9894d !important;
    }

    @media only screen and (max-width: 1280px) {
      
        .font-size14 {
            font-size: 14px !important;
        }

        .time_slotlbl {
            margin-right: 5px !important;
        }

        .newdashboard_date_ranger {
            width: 90% !important;
        }
        .fdtabtblInqueryRegion {
            font-size: 12px;
        }
        #nav-home {
            overflow-x: hidden;
        }

        p.tr_btm_right_name {
            font-size: 13px;
        }

        p.tr_btm_right_nametp {
            font-size: 13px;
        }

        .table_bt_name_txt {
            font-size: 12px !important;
        }

        .update_btm_date .date_txt {
            font-size: 12px !important;
        }

        .box_header_txt {
            font-size: 16px !important;
        }

        .switch-field_small_trip1 {
            display: inline-block;
            margin: 15px 0px 0px 15px;
            padding: 0px;
            overflow: hidden;
            z-index: 9;
            position: relative;
            float: right;
            opacity: 0.8;
            /* top: -381px; */
            top: -670px;
            left: 36.6%;
        }
    }

    @media only (max-width: 1546px) and (min-width: 1375px) {
        .switch-field_small_trip1 {
            display: inline-block;
            margin: 50px 0px 0px 15px;
            padding: 0px;
            overflow: hidden;
            z-index: 9;
            position: relative;
            float: right;
            opacity: 0.8;
            /* top: -381px; */
            top: -641px;
            left: 35.6%;
        }
    }


    /*@media screen and (width: 1240px) {
        .switch-field_small_trip1 {
            display: inline-block;
            margin: 50px 0px 0px 15px;
            padding: 0px;
            overflow: hidden;
            z-index: 9;
            position: relative;
            float: right;
            opacity: 0.8;
         
            top: -677px;
            left: 32.6%;
        }
    }*/

    @-moz-document url-prefix() {
        @media only screen and (max-width: 1280px) {
            .switch-field_small_trip1 {
                display: inline-block;
                margin-top: 10px !important;
                padding: 0px;
                overflow: hidden;
                z-index: 9;
                position: relative;
                float: right;
                opacity: 0.8;
                /* top: -381px; */
                top: -669px;
                left: 34.6%;
            }
        }
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        /*ie*/
        .switch-field_small_trip1 {
            display: inline-block;
            margin-top: 10px;
            padding: 0px;
            overflow: hidden;
            z-index: 9;
            position: relative;
            float: right;
            opacity: 0.8;
            /* top: -381px; */
            top: -710px;
            left: 36.6%;
        }

        .time_slot_rdbtn12 {
            position: relative;
        }

        .header-fixed .custom_bdy {
            margin-top: 125px !important;
        }
    }

    .select2-selection {
        outline: 0px !important;
        border: 1px solid #ccc !important;
        border-radius: 2px !important;
        height: 65px !important;
        width: 100%;
        overflow-y: scroll !important;
    }

    .select2-selection__choice {
        font-size: 12px !important;
    }

    .modal-footer .grey_btn {
        padding: 4px !important;
    }

    .notes_bottom_txt {
        /*position: relative;*/
        padding-left: 10px;
        margin: 0px;
        padding-top: 10px;
        /*top: 452px;*/
        border-bottom: 0px;
        /*vertical-align: bottom;*/
    }

    .home_notes_txt {
        float: right;
        border: 0px !important;
    }

    #divMapNotes_seesion2 .clr_notes {
        font-size: 14px !important;
    }

    .clr_notes {
        font-size: 13px !important;
        /*color: #919191 !important;*/
    }

    .my_availability_table_head_width62 {
        min-width: 90px;
    }

    .yellow_bg_th1 {
        padding: 0px !important;
        background: #185c9c !important;
        font-size: 21px !important;
        min-width: 128px;
        font-weight: normal !important;
        text-align: center !important;
        color: #fff !important;
    }

    .sche_date_txt11 {
        margin: 3px 10px 0px 10px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
    }

    .client_file_details2 {
        color: #fb7906;
        text-decoration: underline;
        font-size: 14px;
        cursor: pointer;
        /* padding: 15px 0px 2px 0px; */
        /* height: 14px; */
    }

        .client_file_details2:hover {
            color: #fb7906;
            text-decoration: none;
            font-size: 14px;
            cursor: pointer;
            /* padding: 15px 0px 2px 0px; */
            /* height: 14px; */
        }

    .font-sz th {
        background: #229ae6 !important;
        font-size: 15px !important;
        color: #fff !important;
        font-weight: normal;
    }

    .font-sz {
        height: 35px !important;
        border-bottom: 1px solid #010101 !important;
    }

    .right_client_name .left_user_list .location_txt {
        color: #4ac6ff !important;
    }

    .switch-field_small_trip2 {
        display: inline-block;
        margin-top: 10px;
        padding: 0px;
        overflow: hidden;
        z-index: 9;
        position: relative;
        float: right;
        opacity: 0.8;
        top: 3px;
        /* top: -476px; */
        /* bottom: 678px; */
        /* left: 64.6%; */
        left: 2%;
    }

        .switch-field_small_trip2 input {
            position: absolute !important;
            clip: rect(0, 0, 0, 0);
            height: 1px;
            width: 1px;
            border: 0;
            overflow: hidden;
        }

        .switch-field_small_trip2 label {
            float: left;
        }

        .switch-field_small_trip2 label {
            display: inline-block;
            width: 130px;
            background-color: #ffffff;
            color: #a5a2a2 !important;
            font-size: 16px;
            font-weight: normal;
            text-align: center;
            text-shadow: none;
            padding: 3px 20px;
            border: 1px solid #dfdfdf;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

            .switch-field_small_trip2 label:hover {
                cursor: pointer;
            }

    .table_editicon2 {
        width: 16px;
        height: 16px;
        float: right;
        cursor: pointer;
        margin-left: 5px;
    }

    .time_slotlbl12_saf {
        margin-right: 0px !important;
    }

    @media not all and (min-resolution:.001dpcm) {
        @media {
            .saf-col-pre {
                flex: 50%;
                max-width: 50%;
            }

            .main_page_title {
                font-size: 15px;
            }

            #nav-home {
                overflow-x: hidden;
            }

            .calendar_noclr2 {
                width: auto !important;
                top: 30px !important;
            }

            .calendar_noclr {
                width: auto !important;
            }

            /*::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 7px;
            }

            ::-webkit-scrollbar-thumb {
                border-radius: 4px;
                background-color: rgba(0,0,0,.5);
                -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
            }*/

            .main {
                overflow-x: hidden;
            }

            .table_bt_name_txt {
                font-size: 12px;
            }

            .s_wd_25perc {
                flex: 25%;
                max-width: 25%;
            }

            .box_header_txt {
                font-size: 16px;
            }

            .font-size14 {
                font-size: 14px;
            }

            .font-size14_new {
                font-size: 14px;
            }

            .saf_col10 {
                flex: 82.33%;
            }


            .ht_safa {
                height: 85.3% !important;
            }

            .saf_m_t19 {
                margin-bottom: 10px;
                margin-top: -19px !important;
            }

            .custom_wid_safa {
                flex: 0 0 15.66667%;
                max-width: 15.66667%;
            }

            ul.tabs li {
                padding: 10px 10px !important;
            }

            .cal_day_txt {
                font-size: 15px !important;
            }

            table.box_btm_table tbody tr td.right_td {
                height: 45px !important;
            }

            table.box_btm_table tbody tr {
                height: 45px !important;
            }

                table.box_btm_table tbody tr td.left_td {
                    height: 45px !important;
                }

            nav > div a.nav-item.nav-link.linkwidth1.active {
                width: 220.5px;
            }

            table.box_btm_table_therapy tbody tr td.left_td_img {
                height: 45px !important;
            }

            .form-control.status_right_select {
                width: 120px;
            }

            .cal_box_status {
                padding-right: 10px !important;
            }

            .newclas {
                padding-top: 38px !important;
            }

            table.box_btm_table_therapy tbody tr {
                height: 45px !important;
            }

                table.box_btm_table_therapy tbody tr td.right_td {
                    height: 45px !important;
                }

            .update_btm_date .date_txt {
                padding: 0px 0px 0px 0px !important;
                font-size: 13px;
            }

            .time_slotlbl {
                font-size: 13px;
            }

            .col_md_custom_width {
                flex: 19% !important;
                max-width: 20% !important;
            }

            .time_slotlbl12 {
                font-size: 13px;
            }

            .add_update_btn12 {
                padding: 3px 6px !important;
                font-size: 14px !important;
            }



            .safari_browser {
                max-width: 30%;
            }

            .safari_browser_map {
                max-width: 66.5%;
            }

            .w33_P {
                max-width: 33%;
            }

            .ticket_top_sort {
                max-width: 8%;
            }

            #piechart {
                margin-left: 0px;
            }

            .dashboard_date_ranger {
                margin-top: 4px;
                margin-right: 5px;
                border-radius: 10px;
                background: #fbfbfb;
                float: right;
                color: #444444;
                cursor: pointer;
                padding: 5px 10px;
                border: 1px solid #ccc;
                width: 90%;
                font-size: 14px;
                display: inline-block;
            }

            .switch-field_small_trip1 label {
                display: inline-block;
                width: 140px;
                background-color: #ffffff;
                color: #a5a2a2 !important;
                font-size: 16px;
                font-weight: normal;
                text-align: center;
                text-shadow: none;
                padding: 3px 20px;
                border: 1px solid #dfdfdf;
                -webkit-transition: all 0.1s ease-in-out;
                -moz-transition: all 0.1s ease-in-out;
                -ms-transition: all 0.1s ease-in-out;
                -o-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out;
            }

            /*from left splitter search have stop do*/

            .switch-field_small_trip1 {
                display: inline-block;
                margin: 10px 0px 0px 15px;
                padding: 0px;
                overflow: hidden;
                z-index: 9;
                position: relative;
                float: right;
                opacity: 0.8;
                /* top: -381px; */
                top: -670px;
                left: 34.6%;
            }

            nav > div a.nav-item.nav-link.linkwidth4 {
                border: none;
                padding: 9px 5px;
                color: #777;
                border-radius: 0;
                border-left: 1px solid #e8e8e8;
                width: 230.5px;
                height: 40px;
                text-align: center;
            }

                nav > div a.nav-item.nav-link.linkwidth4.active {
                    border: none;
                    padding: 9px 15px;
                    color: #fff;
                    background: #ffa16e;
                    border-radius: 0;
                    width: 230.5px;
                    height: 40px;
                    text-align: center;
                }

            .pn-ProductNav_Wrapper {
                position: absolute;
                padding: 0px 15px 0px 0px;
                box-sizing: border-box;
                background: #66b4f2;
                z-index: 9;
                width: 94.2% !important;
                margin-left: 20px;
            }

            .right_client_name {
                margin: 0;
                padding: 0;
                line-height: 25px;
                font-size: 20px;
                color: #fb7906;
                font-weight: bold;
                display: block;
            }

            .col-md-5 {
                flex: 0 0 41%;
                max-width: 41%;
            }

            .box_container_col {
                padding: 0 !important;
                border-right: 1px solid #e1e1e1;
                
            }

            .col-md-6 {
                max-width: 50%;
                flex: 0 0 49%;
            }

            .assnote {
                max-width: 49.9% !important;
                flex: 0 0 49.9% !important;
            }

            .col-md-3 {
                max-width: 25%;
                flex: 0 0 24%;
            }

            .col-md-4 {
                max-width: 33%;
                flex: 0 0 33%;
            }
        }
    }

    .mnt_0 {
        margin-bottom: 0px !important;
    }

    .right_client_name12 {
        margin: 5px 0px 20px 0px !important;
        padding: 0;
        line-height: 25px;
        font-size: 26px;
        color: #fb7906;
        font-weight: normal;
        display: block;
    }

    .card_header_patient_detail2 {
        border-color: #4ac6ff !important;
        background-color: #4ac6ff !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        font-weight: bold;
        font-size: 18px !important;
        text-align: left;
    }

        .card_header_patient_detail2 .card-title {
            font-size: 18px !important;
        }

    .time_slotlbl1 {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 15px;
    }

    .box_header_txt12 {
        margin: 0;
        padding: 0px 20px 5px 0px;
        font-size: 22px;
        color: #353535;
        text-align: right;
        font-weight: 600;
    }

    .border10px {
        border-radius: 8px;
    }

    .padd3px {
        padding: 0.2rem 0.5rem;
        height: 28px;
    }

    .imaform {
        margin-right: 5px;
        height: 25px;
        width: 25px;
        cursor: pointer;
        vertical-align: text-top;
    }

    .imaform1 {
        margin-right: 3px;
        height: 25px;
        width: 22px;
        cursor: pointer;
        vertical-align: text-top;
    }

    .nodec {
        text-decoration: none;
        color: unset;
    }

        .nodec:hover {
            text-decoration: none;
        }

    .add_update_btn12 {
        /* margin: 20px 22px 10px 0px!important; */
        display: block !important;
        float: right;
        height: 27px;
        /* width: 140px; */
        padding: 3px 25px !important;
        background: #34cc99 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

    .mar_top_13px_btm {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .import_file_btn112 {
        background: #adadad !important;
        color: #ffffff;
        padding: 4px;
        vertical-align: middle;
        width: 150px;
        text-align: center;
        text-decoration: none;
        border-radius: 8px;
        font-size: 15px;
        display: inline-block;
        margin: 20px;
    }

        .import_file_btn112:hover {
            color: #fff;
        }

    .Upload_file_prelogin_box {
        background: #34cc99;
        color: #fff;
        margin-top: 10px;
        padding: 5px 10px;
    }

    .ic_close {
        float: right;
        margin-top: 4px;
        /* height: 20px; */
        cursor: pointer;
        /* width: 20px; */
    }

    .font-size14_new {
        font-size: 16px;
    }

    .margin12_card_body1 {
        margin: 12px;
        padding: 0.7rem 0.7rem 0.7rem 0.7rem !important;
    }




    .scrolldiv::-webkit-scrollbar {
        width: 1em;
        background: #efefef;
        border: 0px;
        outline: 0px;
    }

    .scrolldiv::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    }

    .scrolldiv::-webkit-scrollbar-thumb {
        background: rgba(86,86,86,0.3);
    }

        .scrolldiv::-webkit-scrollbar-thumb:hover {
            background-color: darkgrey;
            outline: 1px solid slategrey;
        }

    .update_scroll_dv12 {
        height: 80vh;
        overflow-y: scroll;
    }

    .asterisk_col {
        color: #ff4d4d;
    }

    #divCentralReach select {
        display: inline-block;
        width: 180px !important;
    }

    #divCentralReach .table_editicon {
        float: unset;
        margin-left: 10px;
    }

    #divCentralReach td {
        padding-left: 5px;
    }

    .ed {
        height: 65vh;
        overflow-y: auto;
        border-bottom: 1px solid #dfdfdf;
    }

    .wid30 thead tr td {
        width: 30%;
    }

    .wid30 tbody tr td {
        width: 30%;
    }

    .oveflow_x_none {
        overflow-x: hidden;
    }

    .tab_header_table {
        display: block;
        width: 99.8%;
        margin-left: 5px
    }

    .clientService_pagination {
        margin-right: 21px !important;
        padding-left: 20px
    }

    .client_datepicker {
        text-transform: capitalize;
        font-family: Calibri, Arial, sans-serif;
        width: 225px;
        margin: 10px 15px 0px 15px;
    }

    @media (max-width: 1190px) {

        nav > div a.nav-item.nav-link.bg_sub_tab {
            width: 158px !important;
        }

            nav > div a.nav-item.nav-link.bg_sub_tab.st_wid {
                width: 175px !important;
            }

        .margin12_card_body #divPreferedTime .col-md-3 {
            flex: 50%;
            max-width: 50%;
        }

        .saf_f_16 {
            font-size: 16px !important;
        }
    }

    @media (max-width: 1225px) {
        .font-size14 {
            font-size: 14px;
        }

        .time_slotlbl {
            margin-left: 15px;
            margin-right: 15px;
        }
    }

    @media (max-width: 1170px) {
        nav > div a.nav-item.nav-link.bg_sub_tab {
            width: 150px !important;
        }



        #divPreferedTime .col-md-3 {
            padding: 0px;
        }

        nav > div a.nav-item.nav-link.bg_sub_tab.st_wid {
            width: 175px !important;
        }

        .small_nav_inner {
            margin-left: 8px;
        }

        .col_no_pad {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .switch-field_small_trip1 label {
            display: inline-block;
            width: 140px;
        }

        ul.tabs li {
            padding: 10px 10px;
        }
    }

    .new_tab_font_z {
        height: 32px !important;
        font-size: 15px !important;
        padding: 6px 15px !important;
    }

    .assign_btn:disabled, .assign_btn button[disabled] {
        background: #cccccc !important;
    }

    .font-grey-lite {
        color: #adadad !important;
    }

        .font-grey-lite:before {
            margin: 0px 10px 3px 0px;
        }

    .clients_header_cllead {
        margin: 0;
        padding: 4px 0px 0px 0px;
        font-size: 22px;
        float: left;
        color: #4b4b4b;
        text-transform: uppercase;
        font-family: Aileron,Calibri,Arial;
    }

    .form-control.status_right_selectcl {
        width: 110px;
        margin-top: 10px;
        float: right;
        margin-right: 5px;
        font-size: 14px;
        height: 31px;
        line-height: 31px;
        padding: 2px 5px;
        display: inline-block;
        border-radius: 35px !important;
        border: none !important;
        color: #4b4b4b;
        background: #ededed;
    }

    .tab_pin_icon {
        width: 23px;
        height: 23px;
        margin-right: 4px;
        float: right;
        cursor: pointer;
        margin-left: 5px;
    }

    @media (max-width: 1300px) {

        .tx_padd {
            margin-top: 5px !important;
            font-size: 13px !important;
        }

        .tx_lhght {
            line-height: 12px !important;
        }
    }


    /*.tableFixHeadnew thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.tableFixHeadnew tbody {
    display: block;
   
    overflow: auto;
}*/


    .tableFixHead1 {
        overflow-y: auto;
        max-height: 118vh;
    }

        .tableFixHead1 thead th {
            position: sticky;
            top: -1px;
            z-index: 9;
        }

    .tableFixHead2 {
        overflow-y: auto;
        max-height: 85vh;
    }

        .tableFixHead2 tbody tr th {
            position: sticky;
            top: -1px;
            z-index: 9;
        }

    .f15_sz th {
        padding: 5px 16px !important;
        font-size: 15px !important;
    }

    .f15_sz1 {
        padding: 3px 13px !important;
    }

    .editTextbgWhite {
        background-color: #fff !important;
    }

    .newtable_td_pd {
        padding: 0rem 0rem 0.45rem 0rem !important;
    }

    .mx_190_scroll {
        max-height: 190px;
        overflow-y: auto;
    }

    .mx_190_scroll_dv {
        width: 100%;
        border-bottom: 1px solid #dadada;
        padding: 0rem 0.45rem 0rem 0.45rem;
    }



    .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle {
        background-color: #ffa16e !important;
        border: 0px;
        cursor: pointer;
    }

    .add_update_btn23 {
        margin: 0 auto;
        margin-top: 10px;
        display: block !important;
        padding: 3px 25px !important;
        background: #34cc99;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius: 8px !important;
        color: #fff !important;
    }

        .add_update_btn23:disabled, .add_update_btn23[disabled] {
            background: #cccccc !important;
            cursor: not-allowed;
        }

    .ul_client:hover {
        background: #e1e1e1 !important;
        color: #fff;
    }

    .hov_drop:hover {
        background: #e1e1e1 !important;
        color: #fff;
    }

    .ul_client li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .ul_client li a {
            display: block;
            padding: 8px 25px;
            color: #333;
            text-decoration: none;
        }

    .ul_client .dropdown {
        border-top: 1px solid #ccc;
    }

        .ul_client .dropdown li a:hover {
            color: #fff;
            background: #ffa16e !important;
        }

    .ul_client li ul.dropdown {
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
        padding: 0px !important;
    }

    .ul_client li:hover ul.dropdown {
        display: block; /* Display the dropdown */
    }

    .ul_client li ul.dropdown li {
        display: block;
    }

    .a_d {
        top: 2px;
        left: 10px;
        position: relative;
    }

    .font-size16 {
        font-size: 16px !important;
    }

    #dvCaptcha div {
        width: 100% !important;
        margin-top: 20px;
    }

.newimg_bullet {
    height: 14px;
    width: 14px;
    margin: 0px 5px 4px 19px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
}

    select#ddlReport option {
        background: #fff;
        color: #777777;
        cursor: pointer;
    }

    select#ddlReport:hover {
        background: #e1e1e1 !important;
        cursor: pointer;
    }

    .active.show#ddlReport:hover {
        background: #ffa16e !important;
    }

    select#ddlReport option:checked {
        background: #e1e1e1;
    }
.box_date_txt input {
    height: 20px !important;
    margin-bottom: -2px !important;
}
.form_width input, .form_width select {
    width: 96% !important;
}
.form_width textarea {
    width: 96% !important;
}
.fdtabtblInqueryRegion {
    padding: 2px 10px;
    height: 30px;
    margin: 3px;
    width: 55% !important;
    border-radius: 7px;
}
.notes_btm_bg {
    background: #28a2b8;
    padding-bottom:25px;
    color:#fff !important;
}
.ad_btn_cl_request {
    float: left !important;
    padding: 2px 10px !important;
    margin: 0px !important;
    margin-left: 8px !important;
    width: auto !important;
}

/*hexagon bullet styles*/


#hex1 {
    display: inline-block;
    top: 1px;
    border-radius: 5px;
    position: relative;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background:#4ac6ff;
}

.td_italic_txt {
    font-style: italic;
    font-weight: normal !important;
    color: #919191 !important;
    padding-left: 3px;
}
.div_tab_overflow
{
    height:300px;
    overflow:hidden;
}
.btm_map_left_table_row {
    margin-top: 7px;
    margin-bottom: 30px;
    margin-right: 11px !important;
    /*margin:15px 11px 40px  !important;*/
}
.padd_top_0
{
    padding-top:0px !important;
}
#divTimeslot th, #divTimeslot td{
    padding:5px;
}
@media only screen and (min-width:300px) and (max-width:639px) {
    .app-header.navbar .navbar-brand1 {
        display: inline-block;
        width: 90%;
        /* background-color: #000; */
        /*background-image: url(../img/logo-small.png);*/
        background-repeat: no-repeat;
        background-position: top left;
        padding: 5px;
        margin: 0px 5px;
        background-size: 40%;
        height: 80px;
        margin-top: 10px;
        margin-left: 0px !important;
    }

    .navbar1 .col-xl-5 {
        padding: 0px;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 5px 5px -4px #ddd;
    }

    .update_scroll_dv12 {
        margin: 0px;
        height: 63vh;
        padding: 0px !important;
        overflow-y: scroll;
        margin-bottom: 50px;
    }

    .app-header.navbar {
        background: #fff !important;
    }

    .saf-col-pre {
        max-width: 100%;
        flex: 100%;
    }

    .form-control {
        padding-bottom: 10px;
    }

    .row {
        margin-top: 5px;
    }

    .card_header_patient_detail2 .card-title {
        font-size: 16px !important;
    }

    .custom_bdy label {
        padding-top: 10px;
    }

    #rightmar {
        margin-right: 10px;
        margin-left: 0px;
    }

    .wd50 {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .custom_bdy {
        margin-top: 100px !important;
    }

    .box_header_txt12 {
        margin: 0;
        padding: 0px;
        color: #353535;
        text-align: right;
        font-weight: 600;
    }

    .app-header.navbar1 {
        border-bottom: 0px !important;
    }
}
.update_btm_date .date_txt.text-center {
    width: 36%;
}
.update_btm_date .date_txt {
    width: 31.5%;
}
.date_txt_result :root{
    padding-left:5px;
}
@media only screen and (min-width:640px) and (max-width:767px) {
    .app-header.navbar .navbar-brand1 {
        display: inline-block;
        width: 90%;
        height: 60px;
        /* background-color: #000; */
        /*background-image: url(../img/logo-small.png);*/
        background-repeat: no-repeat;
        background-position: top left;
        padding: 5px;
        margin: 0px 5px;
        background-size: 22%;
        margin-top: 10px;
        margin-left: 0px !important;
    }

    .navbar1 .col-xl-5 {
        padding: 0px;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 5px 5px -4px #ddd;
    }

    .update_scroll_dv12 {
        margin: 0px;
        height: 63vh;
        padding: 0px !important;
        overflow-y: scroll;
        margin-bottom: 50px;
    }

    .app-header.navbar {
        background: #fff !important;
    }

    .saf-col-pre {
        max-width: 100%;
        flex: 100%;
    }

    .form-control {
        padding-bottom: 10px;
    }

    .row {
        margin-top: 5px;
    }

    .card_header_patient_detail2 .card-title {
        font-size: 16px !important;
    }

    .custom_bdy label {
        padding-top: 10px;
    }

    #rightmar {
        margin-right: 10px;
        margin-left: 0px;
    }

    .wd50 {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .custom_bdy {
        margin-top: 45px !important;
    }

    .box_header_txt12 {
        margin: 0;
        padding: 0px;
        font-size:20px;
        color: #353535;
        text-align: right;
        font-weight: 600;
    }

    .app-header.navbar1 {
        border-bottom: 0px !important;
    }
}

.tr_btm_right_nametp_region {
    margin: 0;
    padding:5px 0px 5px 0px;
    font-size: 14px;
    color: #5a5a5a;
    /*width: 99%;*/
    width: 100%;
    display: block;
}
.tr_btm_right_nametp_region_input {
    font-size: 13px;
    color: #5a5a5a;
}
.pad_lft_2{
    padding-left:2px;
}
.br_td td {
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
.italic_txt_div {
    font-style: italic;
    font-weight: normal !important;
    color: #919191 !important;
   font-size:15px;
}
.pad10 th, .pad10 td {
    padding: 10px;
}
.txtblack_slt {
    width: 160px;
    color: #5a5a5a;
    height:24px;
    margin-left:10px;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0px;
}
.nonitalic_txt_div {
   
    font-weight: normal !important;
    color: #919191 !important;
    font-size: 15px;
}
.line_height15
{
    line-height:20px;
}
#collapse1 #tblBTAssign .br_td .select2-container {
    width: 100% !important;
}
.marginbot5
{
    margin-bottom:5px !important;
}
.find_expand_map button[title="Toggle fullscreen view"] {
    margin: 20px !important;
}
#btTab3
{
    width:300px !important;
}
.thaed_bt_avail .my_availability_table_head_width80
{
    min-width:125px !important;
}
.container_form {
    margin: 20px 0px;
}
@media (min-width: 1200px) {
    .container_form {
        margin: 20px 200px;
    }
}
    .container_form_input {
        height: 35px;
        font-size: 20px;
        border-radius: 5px;
    }

    .container_form_lable {
        height: 35px;
        font-size: 20px;
    }

.form_submit_btn {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    padding: 10px 25px;
    background: #34cc99;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid transparent;
}