/* -----------------------------------------------------------------------
 *  Main CSS file for the app
 *
 * 
 *	Table of Contents
 *	
 *  1. Utilities
 *  2. Reset
 *  3. Layout
 *  4. Navigation
 *  5. Panels
 *  6. Tabs
 *  7. Accordion
 *  8. Forms
 *  9. Pricing
 *  10. Tooltip
 *  11. Popover
 *  12. Masonry
 *  13. Sortable
 *  14. Sliders
 *  15. Timeline
 *  16. Rating
 *  17. Tables
 *  18. Modals
 *  19. Widgets
 *  20. Notifications
 *  21. Login & Register
 *  22. Mail
 *  23. Todo
 *  24. Calendar
 *  25. Profile
 *  26. JSON Table CSS
 *  27. Toggle Switch
 *  30. Table-For Grids
@import url('https://fonts.googleapis.com/css?family=Karla');

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
 * ----------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
/* ----------------------------------------------------
 *  1. Utilities
 *  
 *  Contains all the utility classes that we are
 *  using for this framework
 * ---------------------------------------------------- */
/* ====== Font Family ===== 
------------------------------------------------------------ */
.ff-oss {
    font-family: "Open Sans", "Helvetica Neue", sans-serif !important;
}

.ff-mnt {
    /*font-family: "Montserrat", sans-serif !important;*/
}

/* ====== Font Weight ===== 
------------------------------------------------------------ */
.fw-lgt {
    font-weight: 300;
}

.fw-nml {
    font-weight: 400;
}

.fw-thk {
    font-weight: 700;
}

.fw-thkr {
    font-weight: 800;
}

/* ====== Font Alignment ===== 
------------------------------------------------------------ */
.text-right {
    text-align: right;
}

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

.text-left {
    text-align: left;
}

/* ====== Font Color ===== 
------------------------------------------------------------ */
.text-default {
    color: #6a6c6f;
}

a.text-default {
    color: #6a6c6f;
    text-decoration: none;
}

    a.text-default:hover, a.text-default:focus, a.text-default:active {
        color: #6a6c6f;
        opacity: 0.8;
        text-decoration: none;
    }

.text-primary {
    color: #323c50;
}

a.text-primary {
    color: #323c50;
    text-decoration: none;
}

    a.text-primary:hover, a.text-primary:focus, a.text-primary:active {
        color: #323c50;
        opacity: 0.8;
        text-decoration: none;
    }

.text-success {
    color: #27c24c;
}

a.text-success {
    color: #27c24c;
    text-decoration: none;
}

    a.text-success:hover, a.text-success:focus, a.text-success:active {
        color: #27c24c;
        opacity: 0.8;
        text-decoration: none;
    }

.text-info {
    color: #00abe8;
}

a.text-info {
    color: #00abe8;
    text-decoration: none;
}

    a.text-info:hover, a.text-info:focus, a.text-info:active {
        color: #00abe8;
        opacity: 0.8;
        text-decoration: none;
    }

.text-warning {
    color: #ff9c00;
}

a.text-warning {
    color: #ff9c00;
    text-decoration: none;
}

    a.text-warning:hover, a.text-warning:focus, a.text-warning:active {
        color: #ff9c00;
        opacity: 0.8;
        text-decoration: none;
    }

.text-danger {
    color: #f93926;
}

a.text-danger {
    color: #f93926;
    text-decoration: none;
}

    a.text-danger:hover, a.text-danger:focus, a.text-danger:active {
        color: #f93926;
        opacity: 0.8;
        text-decoration: none;
    }

.text-white {
    color: #ffffff;
}

a.text-white {
    color: #ffffff;
    text-decoration: none;
}

    a.text-white:hover, a.text-white:focus, a.text-white:active {
        color: #ffffff;
        opacity: 0.8;
        text-decoration: none;
    }

.text-grey {
    color: #adadad;
}

a.text-grey {
    color: #adadad;
    text-decoration: none;
}

    a.text-grey:hover, a.text-grey:focus, a.text-grey:active {
        color: #adadad;
        opacity: 0.8;
        text-decoration: none;
    }

.text-black {
    color: #0b1115;
}

a.text-black {
    color: #0b1115;
    text-decoration: none;
}

    a.text-black:hover, a.text-black:focus, a.text-black:active {
        color: #0b1115;
        opacity: 0.8;
        text-decoration: none;
    }

/* ====== Font Size ===== 
------------------------------------------------------------ */
.fs-xs {
    font-size: 9px;
}

.fs-sm {
    font-size: 10.2px;
}

.fs-md {
    font-size: 12px;
}

.fs-lg {
    font-size: 15px;
}

.fs-xl {
    font-size: 21px;
}

.fs-36 {
    font-size: 36px;
}

.fs-48 {
    font-size: 48px;
}

.fs-56 {
    font-size: 56px;
}

.fs-72 {
    font-size: 72px;
}

.fs-96 {
    font-size: 96px;
}

.fs-128 {
    font-size: 128px;
}

/* ====== Padding ===== 
------------------------------------------------------------ */
.p-n {
    padding: 0 !important;
}

.p-n-t {
    padding-top: 0 !important;
}

.p-n-r {
    padding-right: 0 !important;
}

.p-n-b {
    padding-bottom: 0 !important;
}

.p-n-l {
    padding-left: 0 !important;
}

.p-xs {
    padding: 5px !important;
}

.p-xs-t {
    padding-top: 5px !important;
}

.p-xs-r {
    padding-right: 5px !important;
}

.p-xs-b {
    padding-bottom: 5px !important;
}

.p-xs-l {
    padding-left: 5px !important;
}

.p-sm {
    padding: 10px !important;
}

.p-sm-t {
    padding-top: 10px !important;
}

.p-sm-r {
    padding-right: 10px !important;
}

.p-sm-b {
    padding-bottom: 10px !important;
}

.p-sm-l {
    padding-left: 10px !important;
}

.p-md {
    padding: 15px !important;
}

.p-md-t {
    padding-top: 15px !important;
}

.p-md-r {
    padding-right: 15px !important;
}

.p-md-b {
    padding-bottom: 15px !important;
}

.p-md-l {
    padding-left: 15px !important;
}

.p-lg {
    padding: 20px !important;
}

.p-lg-t {
    padding-top: 20px !important;
}

.p-lg-r {
    padding-right: 20px !important;
}

.p-lg-b {
    padding-bottom: 20px !important;
}

.p-lg-l {
    padding-left: 20px !important;
}

.p-xl {
    padding: 40px !important;
}

.p-xl-t {
    padding-top: 40px !important;
}

.p-xl-r {
    padding-right: 40px !important;
}

.p-xl-b {
    padding-bottom: 40px !important;
}

.p-xl-l {
    padding-left: 40px !important;
}

/* ====== Margin ===== 
------------------------------------------------------------ */
.m-n {
    margin: 0 !important;
}

.m-n-t {
    margin-top: 0 !important;
}

.m-n-r {
    margin-right: 0 !important;
}

.m-n-b {
    margin-bottom: 0 !important;
}

.m-n-l {
    margin-left: 0 !important;
}

.m-xs {
    margin: 5px !important;
}

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

.m-xs-r {
    margin-right: 5px !important;
}

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

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

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

.m-sm-t {
    margin-top: 10px !important;
}

.m-sm-r {
    margin-right: 10px !important;
}

.m-sm-b {
    margin-bottom: 10px !important;
}

.m-sm-l {
    margin-left: 10px !important;
}

.m-md {
    margin: 15px !important;
}

.m-md-t {
    margin-top: 15px !important;
}

.m-md-r {
    margin-right: 15px !important;
}

.m-md-b {
    margin-bottom: 15px !important;
}

.m-md-l {
    margin-left: 15px !important;
}

.m-lg {
    margin: 20px !important;
}

.m-lg-t {
    margin-top: 20px !important;
}

.m-lg-r {
    margin-right: 20px !important;
}

.m-lg-b {
    margin-bottom: 20px !important;
}

.m-lg-l {
    margin-left: 20px !important;
}

.m-xl {
    margin: 40px !important;
}

.m-xl-t {
    margin-top: 40px !important;
}

.m-xl-r {
    margin-right: 40px !important;
}

.m-xl-b {
    /* modified  margin-bottom: 40px !important; */
    margin-bottom: 30px !important;
}

.m-xl-l {
    margin-left: 40px !important;
}

.m-a {
    margin: auto !important;
}

.m-a-t {
    margin-top: auto !important;
}

.m-a-r {
    margin-right: auto !important;
}

.m-a-b {
    margin-bottom: auto !important;
}

.m-a-l {
    margin-left: auto !important;
}

/* ====== Letter Spacing ===== 
------------------------------------------------------------ */
.ls-xs {
    letter-spacing: 1px;
}

.ls-sm {
    letter-spacing: 2px;
}

.ls-md {
    letter-spacing: 3px;
}

.ls-lg {
    letter-spacing: 4px;
}

.ls-xl {
    letter-spacing: 5px;
}

/* ====== Border ===== 
------------------------------------------------------------ */
.b-n {
    border: none;
}

.b-1px {
    border: solid 1px #ddd;
}

.b-l-1px {
    border-left: solid 1px #ddd;
}

.b-r-1px {
    border-right: solid 1px #ddd;
}

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

.b-t-1px {
    border-bottom: solid 1px #ddd;
}

.b-2px {
    border-width: 2px;
}

.b-3px {
    border-width: 3px;
}

.b-4px {
    border-width: 4px;
}

.b-5px {
    border-width: 5px;
}

/* ====== Background ===== 
------------------------------------------------------------ */
.bg-primary {
    background-color: #323c50 !important;
}

.bg-primary-light {
    background-color: #897fc5 !important;
}

.bg-primary-lighter {
    background-color: #9990cd !important;
}

.bg-primary-dark {
    background-color: #5c4eae !important;
}

.bg-primary-darker {
    background-color: #53469c !important;
}

.bg-success {
    background-color: #27c24c !important;
}

.bg-success-light {
    background-color: #36d75c !important;
}

.bg-success-lighter {
    background-color: #4bdb6e !important;
}

.bg-success-dark {
    background-color: #21a440 !important;
}

.bg-success-darker {
    background-color: #1d8f38 !important;
}

.bg-info {
    background-color: #00abe8 !important;
}

.bg-info-light {
    background-color: #0dbfff !important;
}

.bg-info-lighter {
    background-color: #26c6ff !important;
}

.bg-info-dark {
    background-color: #0091c4 !important;
}

.bg-info-darker {
    background-color: #007eab !important;
}

.bg-warning {
    background-color: #ff9c00 !important;
}

.bg-warning-light {
    background-color: #ffaa24 !important;
}

.bg-warning-lighter {
    background-color: #ffb43d !important;
}

.bg-warning-dark {
    background-color: #db8600 !important;
}

.bg-warning-darker {
    background-color: #c27700 !important;
}

.bg-danger {
    background-color: #f93926 !important;
}

.bg-danger-light {
    background-color: #fa5949 !important;
}

.bg-danger-lighter {
    background-color: #fb6f62 !important;
}

.bg-danger-dark {
    background-color: #f51c07 !important;
}

.bg-danger-darker {
    background-color: #dc1906 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-white-light {
    background-color: white !important;
}

.bg-white-lighter {
    background-color: white !important;
}

.bg-white-dark {
    background-color: #ededed !important;
}

.bg-white-darker {
    background-color: #e0e0e0 !important;
}

.bg-black {
    background-color: #0b1115 !important;
}

.bg-black-light {
    background-color: #17242c !important;
}

.bg-black-lighter {
    background-color: #20323d !important;
}

.bg-black-dark {
    background-color: black !important;
}

.bg-black-darker {
    background-color: black !important;
}

.bg-grey {
    background-color: #adadad !important;
}

.bg-grey-light {
    background-color: #bfbfbf !important;
}

.bg-grey-lighter {
    background-color: #cccccc !important;
}

.bg-grey-dark {
    background-color: #9b9b9b !important;
}

.bg-grey-darker {
    background-color: #8e8e8e !important;
}

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

.bg-transparent-light {
    background-color: rgba(18, 18, 18, 0) !important;
}

.bg-transparent-lighter {
    background-color: rgba(31, 31, 31, 0) !important;
}

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

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

/* ====== Row ===== 
------------------------------------------------------------ */
.row.row-xs {
    margin: 0 -5px;
}

    .row.row-xs > div {
        padding: 0 5px;
    }

.row.row-sm {
    margin: 0 -10px;
}

    .row.row-sm > div {
        padding: 0 10px;
    }

.row.row-md {
    margin: 0 -15px;
}

    .row.row-md > div {
        padding: 0 15px;
    }

.row.row-lg {
    margin: 0 -20px;
}

    .row.row-lg > div {
        padding: 0 20px;
    }

.row.row-xl {
    margin: 0 -25px;
}

    .row.row-xl > div {
        padding: 0 25px;
    }

/* ====== Overflow ===== 
------------------------------------------------------------ */
.of-v {
    overflow: visible !important;
}

.of-h {
    overflow: hidden !important;
}

.of-s {
    overflow: scroll !important;
}

.of-a {
    overflow: auto !important;
}

.of-in {
    overflow: initial !important;
}

.of-ih {
    overflow: inherit !important;
}

/* ====== Height ===== 
------------------------------------------------------------ */
.h-10 {
    height: 10px !important;
}

.h-20 {
    height: 20px !important;
}

.h-30 {
    height: 30px !important;
}

.h-40 {
    height: 40px !important;
}

.h-50 {
    height: 50px !important;
}

.h-75 {
    height: 75px !important;
}

.h-100 {
    height: 100px !important;
}

.h-125 {
    height: 125px !important;
}

.h-150 {
    height: 150px !important;
}

.h-175 {
    height: 175px !important;
}

.h-200 {
    height: 200px !important;
}

.h-225 {
    height: 225px !important;
}

.h-250 {
    height: 250px !important;
}

.h-275 {
    height: 275px !important;
}

.h-300 {
    height: 300px !important;
}

.h-350 {
    height: 350px !important;
}

.h-400 {
    height: 400px !important;
}

.h-450 {
    height: 450px !important;
}

.h-500 {
    height: 500px !important;
}

.h-full {
    height: 100% !important;
}

/* ====== Width ===== 
------------------------------------------------------------ */
.w-10 {
    width: 10px;
}

.w-20 {
    width: 20px;
}

.w-30 {
    width: 30px;
}

.w-40 {
    width: 40px;
}

.w-50 {
    width: 50px;
}

.w-75 {
    width: 75px;
}

.w-100 {
    width: 100px;
}

.w-125 {
    width: 125px;
}

.w-150 {
    width: 150px;
}

.w-175 {
    width: 175px;
}

.w-200 {
    width: 200px;
}

.w-225 {
    width: 225px;
}

.w-250 {
    width: 250px;
}

.w-275 {
    width: 275px;
}

.w-300 {
    width: 300px;
}

.w-400 {
    width: 400px;
}

.w-500 {
    width: 500px;
}

.w-100p {
    width: 100%;
}

/* ====== Line Height ===== 
------------------------------------------------------------ */
.lh-10 {
    line-height: 10px;
}

.lh-20 {
    line-height: 20px;
}

.lh-30 {
    line-height: 30px;
}

.lh-40 {
    line-height: 40px;
}

.lh-50 {
    line-height: 50px;
}

.lh-75 {
    line-height: 75px;
}

.lh-100 {
    line-height: 100px;
}

.lh-125 {
    line-height: 125px;
}

.lh-150 {
    line-height: 150px;
}

.lh-175 {
    line-height: 175px;
}

.lh-200 {
    line-height: 200px;
}

.lh-225 {
    line-height: 225px;
}

.lh-250 {
    line-height: 250px;
}

.lh-275 {
    line-height: 275px;
}

.lh-300 {
    line-height: 300px;
}

.lh-350 {
    line-height: 350px;
}

.lh-400 {
    line-height: 400px;
}

.lh-450 {
    line-height: 450px;
}

.lh-500 {
    line-height: 500px;
}

/* ====== Box Shadow ===== 
------------------------------------------------------------ */
.bs-none {
    box-shadow: none;
}

.bs-default {
    box-shadow: 0 1px 2px #ddd;
}

/* ====== Display ===== 
------------------------------------------------------------ */
.d-b {
    display: block;
}

.d-ib {
    display: inline-block;
}

/* ====== Flexbox ===== 
------------------------------------------------------------ */
.fb-r-c {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.fb-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* ====== Font Awesome ===== 
------------------------------------------------------------ */
.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

/* ====== Cursor ===== 
------------------------------------------------------------ */
.c-alias {
    cursor: alias;
}

.c-all-scroll {
    cursor: alias;
}

.c-auto {
    cursor: auto;
}

.c-cell {
    cursor: cell;
}

.c-content-menu {
    cursor: context-menu;
}

.c-col-resize {
    cursor: col-resize;
}

.c-copy {
    cursor: copy;
}

.c-crosshair {
    cursor: crosshair;
}

.c-default {
    cursor: default;
}

.c-e-resize {
    cursor: e-resize;
}

.c-ew-resize {
    cursor: ew-resize;
}

.c-grab {
    cursor: grab;
}

.c-grabbing {
    cursor: grabbing;
}

.c-help {
    cursor: help;
}

.c-move {
    cursor: move;
}

.c-n-resize {
    cursor: n-resize;
}

.c-ne-resize {
    cursor: ne-resize;
}

.c-nesw-resize {
    cursor: nesw-resize;
}

.c-ns-resize {
    cursor: ns-resize;
}

.c-nw-resize {
    cursor: nw-resize;
}

.c-nwse-resize {
    cursor: nwse-resize;
}

.c-no-drop {
    cursor: no-drop;
}

.c-none {
    cursor: none;
}

.c-not-allowed {
    cursor: not-allowed;
}

.c-pointer {
    cursor: pointer;
}

.c-progress {
    cursor: progres;
}

.c-row-resize {
    cursor: row-resize;
}

.c-s-resize {
    cursor: s-resize;
}

.c-se-resize {
    cursor: se-resize;
}

.c-sw-resize {
    cursor: sw-resize;
}

.c-text {
    cursor: text;
}

.c-vertical-text {
    cursor: vertical-text;
}

.c-w-resize {
    cursor: w-resize;
}

.c-wait {
    cursor: wait;
}

.c-zoom-in {
    cursor: zoom-in;
}

.c-zoom-out {
    cursor: zoom-out;
}

.c-initial {
    cursor: initial;
}

/* ====== Empty Badges ===== 
------------------------------------------------------------ */
.b-default {
    position: relative;
}

    .b-default:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.b-primary {
    position: relative;
}

    .b-primary:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #323c50;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.b-success {
    position: relative;
}

    .b-success:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #27c24c;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.b-info {
    position: relative;
}

    .b-info:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #00abe8;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.b-warning {
    position: relative;
}

    .b-warning:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #ff9c00;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.b-danger {
    position: relative;
}

    .b-danger:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #f93926;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.b-grey {
    position: relative;
}

    .b-grey:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background: #adadad;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

/* ====== Border Radius ===== 
------------------------------------------------------------ */
.br-n {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.br-4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.br-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.br-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.br-50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.br-t-4 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.br-b-4 {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* ====== Unordered List ===== 
------------------------------------------------------------ */
.ul-clear {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* ----------------------------------------------------
 *  2. Reset
 *
 *  This part contains overridden CSS.
 *  
 *  Description: For all the plugins like Bootstrap,
 *                  lightGallery, jQuery Steps. This
 *                  file has the CSS overridden.
 * ---------------------------------------------------- */
/* ====== Scaffolding ===== 
------------------------------------------------------------ */
* {
    outline: 0 !important;
}

html,
body {
    height: 100%;
    width: 100%;
}

body {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 12px;
    color: #6a6c6f;
    overflow-x: hidden;
    background: transparent;
    -webkit-font-smoothing: antialised;
}

/* ====== Typography ===== 
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
    color: #232323;
    -webkit-font-smoothing: antialised;
}

p {
    font-size: 13px;
    display: block;
    font-weight: normal;
    letter-spacing: 0.01em;
    white-space: normal;
    line-height: 20px;
}

    p.header {
        /*font-family: "Montserrat", sans-serif;*/
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0.03em;
        color: #0b1115;
    }

/* ====== Breadcrumb ===== 
------------------------------------------------------------ */
.page-title {
    padding: 0 15px;
}

.breadcrumb {
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-color: transparent;
}

    .breadcrumb > li {
        cursor: pointer;
    }

        .breadcrumb > li + li:before {
            display: inline-block;
            cursor: default;
            padding: 0;
            font-family: "FontAwesome";
            color: rgba(0, 0, 0, 0.7);
            content: "\f105";
            width: 20px;
            text-align: center;
        }

/* ====== Morris Tooltip ===== 
------------------------------------------------------------ */
.morris-hover.morris-default-style {
    border: none;
    box-shadow: none;
    background: #0b1115;
    color: #ffffff;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    border-radius: 4px;
    text-align: left;
}

    .morris-hover.morris-default-style .morris-hover-row-label {
        font-weight: normal;
    }

    .morris-hover.morris-default-style .morris-hover-point {
        color: #f3f3f3 !important;
        font-weight: 300;
    }

/* ====== Buttons ===== 
------------------------------------------------------------ */
button:focus {
    outline: none !important;
}

/* ============================
    Override Default Styles
============================ */
.btn {
    font-weight: 300;
    border: 1px solid #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    background-image: none !important;
    background-color: #ffffff;
    color: #6a6c6f;
    text-shadow: none;
    box-shadow: none;
    -webkit-transition: color 0.2s linear 0s;
    -moz-transition: color 0.2s linear 0s;
    transition: color 0.2s linear 0s;
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}

    .btn:hover {
        background-color: #fafafa;
        border: 1px solid rgba(98, 98, 98, 0.27);
    }

    .btn.active {
        border-color: #e6e6e6;
        background: #fff;
    }

        .btn:focus, .btn:active:focus, .btn.active:focus {
            outline: none !important;
            outline-style: none;
        }

    .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        box-shadow: none;
    }

/* ============================
    Buttons - Graph
============================ */

.btn-graph {
    margin-right: 5px !important;
    margin-top: 1px !important;
}


/* ============================
    Buttons - Default
============================ */
.btn-default,
.btn-default:focus {
    color: #5e5e5e;
    background-color: #ffffff;
    border-color: #f0f0f0;
}

    .btn-default.active,
    .btn-default:active,
    .btn-default.active:focus,
    .btn-default:active:focus,
    .btn-default:active:hover {
        background-color: #dcdcdc;
        border-color: #afafaf;
        color: #2c2c2c;
    }

    .btn-default.hover,
    .btn-default:hover {
        background-color: #fafafa;
        border-color: rgba(98, 98, 98, 0.27);
        color: #1a1a1a;
    }

    .btn-default.active:hover {
        background: #f0f0f0;
    }

/* ============================
    Rounded Buttons
============================ */
.btn-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

/* ============================
    Circle Buttons
============================ */
.btn-circle {
    height: 50px;
    width: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* ============================
    Buttons Variant
============================ */
.btn-primary,
.btn-primary:focus {
    /* modified background-color: #323c50;
 border-color: #323c50;*/
    background-color: #323c50;
    border-color: #323c50;
    color: #ffffff;
}

    .btn-primary.active, .btn-primary:active, .btn-primary.active:focus, .btn-primary:active:focus, .btn-primary:active:hover,
    .btn-primary:focus.active,
    .btn-primary:focus:active,
    .btn-primary:focus.active:focus,
    .btn-primary:focus:active:focus,
    .btn-primary:focus:active:hover {
        background-color: #53469c;
        border-color: #53469c;
        color: #ffffff;
    }

    .btn-primary:hover, .btn-primary.hover,
    .btn-primary:focus:hover,
    .btn-primary:focus.hover {
        background-color: #9990cd;
        border-color: #9990cd;
        color: #ffffff;
    }

    .btn-primary.active:hover,
    .btn-primary:focus.active:hover {
        background-color: #493f8b;
        border-color: #493f8b;
    }

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary.active,
    .btn-primary:focus.disabled,
    .btn-primary:focus.disabled:hover,
    .btn-primary:focus.disabled:focus,
    .btn-primary:focus.disabled.focus,
    .btn-primary:focus.disabled:active,
    .btn-primary:focus.disabled.active,
    .btn-primary:focus[disabled],
    .btn-primary:focus[disabled]:hover,
    .btn-primary:focus[disabled]:focus,
    .btn-primary:focus[disabled].focus,
    .btn-primary:focus[disabled]:active,
    .btn-primary:focus[disabled].active,
    fieldset[disabled]
    .btn-primary:focus,
    fieldset[disabled]
    .btn-primary:focus:hover,
    fieldset[disabled]
    .btn-primary:focus:focus,
    fieldset[disabled]
    .btn-primary:focus.focus,
    fieldset[disabled]
    .btn-primary:focus:active,
    fieldset[disabled]
    .btn-primary:focus.active {
        background-color: #564aa3;
        border-color: #564aa3;
    }

.btn-success,
.btn-success:focus {
    background-color: #27c24c;
    border-color: #27c24c;
    color: #ffffff;
}

    .btn-success.active, .btn-success:active, .btn-success.active:focus, .btn-success:active:focus, .btn-success:active:hover,
    .btn-success:focus.active,
    .btn-success:focus:active,
    .btn-success:focus.active:focus,
    .btn-success:focus:active:focus,
    .btn-success:focus:active:hover {
        background-color: #1d8f38;
        border-color: #1d8f38;
        color: #ffffff;
    }

    .btn-success:hover, .btn-success.hover,
    .btn-success:focus:hover,
    .btn-success:focus.hover {
        background-color: #4bdb6e;
        border-color: #4bdb6e;
        color: #ffffff;
    }

    .btn-success.active:hover,
    .btn-success:focus.active:hover {
        background-color: #187a30;
        border-color: #187a30;
    }

    .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success.active,
    .btn-success:focus.disabled,
    .btn-success:focus.disabled:hover,
    .btn-success:focus.disabled:focus,
    .btn-success:focus.disabled.focus,
    .btn-success:focus.disabled:active,
    .btn-success:focus.disabled.active,
    .btn-success:focus[disabled],
    .btn-success:focus[disabled]:hover,
    .btn-success:focus[disabled]:focus,
    .btn-success:focus[disabled].focus,
    .btn-success:focus[disabled]:active,
    .btn-success:focus[disabled].active,
    fieldset[disabled]
    .btn-success:focus,
    fieldset[disabled]
    .btn-success:focus:hover,
    fieldset[disabled]
    .btn-success:focus:focus,
    fieldset[disabled]
    .btn-success:focus.focus,
    fieldset[disabled]
    .btn-success:focus:active,
    fieldset[disabled]
    .btn-success:focus.active {
        background-color: #1e983b;
        border-color: #1e983b;
    }

.btn-info,
.btn-info:focus {
    background-color: #00abe8;
    border-color: #00abe8;
    color: #ffffff;
}


    .btn-info.active, .btn-info:active, .btn-info.active:focus, .btn-info:active:focus, .btn-info:active:hover,
    .btn-info:focus.active,
    .btn-info:focus:active,
    .btn-info:focus.active:focus,
    .btn-info:focus:active:focus,
    .btn-info:focus:active:hover {
        background-color: #007eab;
        border-color: #007eab;
        color: #ffffff;
    }

    .btn-info:hover, .btn-info.hover,
    .btn-info:focus:hover,
    .btn-info:focus.hover {
        background-color: #26c6ff;
        border-color: #26c6ff;
        color: #ffffff;
    }

    .btn-info.active:hover,
    .btn-info:focus.active:hover {
        background-color: #006b91;
        border-color: #006b91;
    }

    .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info.active,
    .btn-info:focus.disabled,
    .btn-info:focus.disabled:hover,
    .btn-info:focus.disabled:focus,
    .btn-info:focus.disabled.focus,
    .btn-info:focus.disabled:active,
    .btn-info:focus.disabled.active,
    .btn-info:focus[disabled],
    .btn-info:focus[disabled]:hover,
    .btn-info:focus[disabled]:focus,
    .btn-info:focus[disabled].focus,
    .btn-info:focus[disabled]:active,
    .btn-info:focus[disabled].active,
    fieldset[disabled]
    .btn-info:focus,
    fieldset[disabled]
    .btn-info:focus:hover,
    fieldset[disabled]
    .btn-info:focus:focus,
    fieldset[disabled]
    .btn-info:focus.focus,
    fieldset[disabled]
    .btn-info:focus:active,
    fieldset[disabled]
    .btn-info:focus.active {
        background-color: #0085b5;
        border-color: #0085b5;
    }

.btn-warning,
.btn-warning:focus {
    background-color: #ff9c00;
    border-color: #ff9c00;
    color: #ffffff;
}

    .btn-warning.active, .btn-warning:active, .btn-warning.active:focus, .btn-warning:active:focus, .btn-warning:active:hover,
    .btn-warning:focus.active,
    .btn-warning:focus:active,
    .btn-warning:focus.active:focus,
    .btn-warning:focus:active:focus,
    .btn-warning:focus:active:hover {
        background-color: #c27700;
        border-color: #c27700;
        color: #ffffff;
    }

    .btn-warning:hover, .btn-warning.hover,
    .btn-warning:focus:hover,
    .btn-warning:focus.hover {
        background-color: #ffb43d;
        border-color: #ffb43d;
        color: #ffffff;
    }

    .btn-warning.active:hover,
    .btn-warning:focus.active:hover {
        background-color: #a86700;
        border-color: #a86700;
    }

    .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning.active,
    .btn-warning:focus.disabled,
    .btn-warning:focus.disabled:hover,
    .btn-warning:focus.disabled:focus,
    .btn-warning:focus.disabled.focus,
    .btn-warning:focus.disabled:active,
    .btn-warning:focus.disabled.active,
    .btn-warning:focus[disabled],
    .btn-warning:focus[disabled]:hover,
    .btn-warning:focus[disabled]:focus,
    .btn-warning:focus[disabled].focus,
    .btn-warning:focus[disabled]:active,
    .btn-warning:focus[disabled].active,
    fieldset[disabled]
    .btn-warning:focus,
    fieldset[disabled]
    .btn-warning:focus:hover,
    fieldset[disabled]
    .btn-warning:focus:focus,
    fieldset[disabled]
    .btn-warning:focus.focus,
    fieldset[disabled]
    .btn-warning:focus:active,
    fieldset[disabled]
    .btn-warning:focus.active {
        background-color: #cc7d00;
        border-color: #cc7d00;
    }

.btn-danger,
.btn-danger:focus {
    background-color: #f93926;
    border-color: #f93926;
    color: #ffffff;
}

    .btn-danger.active, .btn-danger:active, .btn-danger.active:focus, .btn-danger:active:focus, .btn-danger:active:hover,
    .btn-danger:focus.active,
    .btn-danger:focus:active,
    .btn-danger:focus.active:focus,
    .btn-danger:focus:active:focus,
    .btn-danger:focus:active:hover {
        background-color: #dc1906;
        border-color: #dc1906;
        color: #ffffff;
    }

    .btn-danger:hover, .btn-danger.hover,
    .btn-danger:focus:hover,
    .btn-danger:focus.hover {
        background-color: #fb6f62;
        border-color: #fb6f62;
        color: #ffffff;
    }

    .btn-danger.active:hover,
    .btn-danger:focus.active:hover {
        background-color: #c31605;
        border-color: #c31605;
    }

    .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger.active,
    .btn-danger:focus.disabled,
    .btn-danger:focus.disabled:hover,
    .btn-danger:focus.disabled:focus,
    .btn-danger:focus.disabled.focus,
    .btn-danger:focus.disabled:active,
    .btn-danger:focus.disabled.active,
    .btn-danger:focus[disabled],
    .btn-danger:focus[disabled]:hover,
    .btn-danger:focus[disabled]:focus,
    .btn-danger:focus[disabled].focus,
    .btn-danger:focus[disabled]:active,
    .btn-danger:focus[disabled].active,
    fieldset[disabled]
    .btn-danger:focus,
    fieldset[disabled]
    .btn-danger:focus:hover,
    fieldset[disabled]
    .btn-danger:focus:focus,
    fieldset[disabled]
    .btn-danger:focus.focus,
    fieldset[disabled]
    .btn-danger:focus:active,
    fieldset[disabled]
    .btn-danger:focus.active {
        background-color: #e61a06;
        border-color: #e61a06;
    }

.btn-facebook,
.btn-facebook:focus {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

    .btn-facebook.active, .btn-facebook:active, .btn-facebook.active:focus, .btn-facebook:active:focus, .btn-facebook:active:hover,
    .btn-facebook:focus.active,
    .btn-facebook:focus:active,
    .btn-facebook:focus.active:focus,
    .btn-facebook:focus:active:focus,
    .btn-facebook:focus:active:hover {
        background-color: #2a3f6c;
        border-color: #2a3f6c;
        color: #ffffff;
    }

    .btn-facebook:hover, .btn-facebook.hover,
    .btn-facebook:focus:hover,
    .btn-facebook:focus.hover {
        background-color: #5476bd;
        border-color: #5476bd;
        color: #ffffff;
    }

    .btn-facebook.active:hover,
    .btn-facebook:focus.active:hover {
        background-color: #23345a;
        border-color: #23345a;
    }

    .btn-facebook.disabled, .btn-facebook.disabled:hover, .btn-facebook.disabled:focus, .btn-facebook.disabled.focus, .btn-facebook.disabled:active, .btn-facebook.disabled.active, .btn-facebook[disabled], .btn-facebook[disabled]:hover, .btn-facebook[disabled]:focus, .btn-facebook[disabled].focus, .btn-facebook[disabled]:active, .btn-facebook[disabled].active,
    fieldset[disabled] .btn-facebook,
    fieldset[disabled] .btn-facebook:hover,
    fieldset[disabled] .btn-facebook:focus,
    fieldset[disabled] .btn-facebook.focus,
    fieldset[disabled] .btn-facebook:active,
    fieldset[disabled] .btn-facebook.active,
    .btn-facebook:focus.disabled,
    .btn-facebook:focus.disabled:hover,
    .btn-facebook:focus.disabled:focus,
    .btn-facebook:focus.disabled.focus,
    .btn-facebook:focus.disabled:active,
    .btn-facebook:focus.disabled.active,
    .btn-facebook:focus[disabled],
    .btn-facebook:focus[disabled]:hover,
    .btn-facebook:focus[disabled]:focus,
    .btn-facebook:focus[disabled].focus,
    .btn-facebook:focus[disabled]:active,
    .btn-facebook:focus[disabled].active,
    fieldset[disabled]
    .btn-facebook:focus,
    fieldset[disabled]
    .btn-facebook:focus:hover,
    fieldset[disabled]
    .btn-facebook:focus:focus,
    fieldset[disabled]
    .btn-facebook:focus.focus,
    fieldset[disabled]
    .btn-facebook:focus:active,
    fieldset[disabled]
    .btn-facebook:focus.active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.btn-google-plus,
.btn-google-plus:focus {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #ffffff;
}

    .btn-google-plus.active, .btn-google-plus:active, .btn-google-plus.active:focus, .btn-google-plus:active:focus, .btn-google-plus:active:hover,
    .btn-google-plus:focus.active,
    .btn-google-plus:focus:active,
    .btn-google-plus:focus.active:focus,
    .btn-google-plus:focus:active:focus,
    .btn-google-plus:focus:active:hover {
        background-color: #b93120;
        border-color: #b93120;
        color: #ffffff;
    }

    .btn-google-plus:hover, .btn-google-plus.hover,
    .btn-google-plus:focus:hover,
    .btn-google-plus:focus.hover {
        background-color: #e67a6d;
        border-color: #e67a6d;
        color: #ffffff;
    }

    .btn-google-plus.active:hover,
    .btn-google-plus:focus.active:hover {
        background-color: #a32b1c;
        border-color: #a32b1c;
    }

    .btn-google-plus.disabled, .btn-google-plus.disabled:hover, .btn-google-plus.disabled:focus, .btn-google-plus.disabled.focus, .btn-google-plus.disabled:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled], .btn-google-plus[disabled]:hover, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled].focus, .btn-google-plus[disabled]:active, .btn-google-plus[disabled].active,
    fieldset[disabled] .btn-google-plus,
    fieldset[disabled] .btn-google-plus:hover,
    fieldset[disabled] .btn-google-plus:focus,
    fieldset[disabled] .btn-google-plus.focus,
    fieldset[disabled] .btn-google-plus:active,
    fieldset[disabled] .btn-google-plus.active,
    .btn-google-plus:focus.disabled,
    .btn-google-plus:focus.disabled:hover,
    .btn-google-plus:focus.disabled:focus,
    .btn-google-plus:focus.disabled.focus,
    .btn-google-plus:focus.disabled:active,
    .btn-google-plus:focus.disabled.active,
    .btn-google-plus:focus[disabled],
    .btn-google-plus:focus[disabled]:hover,
    .btn-google-plus:focus[disabled]:focus,
    .btn-google-plus:focus[disabled].focus,
    .btn-google-plus:focus[disabled]:active,
    .btn-google-plus:focus[disabled].active,
    fieldset[disabled]
    .btn-google-plus:focus,
    fieldset[disabled]
    .btn-google-plus:focus:hover,
    fieldset[disabled]
    .btn-google-plus:focus:focus,
    fieldset[disabled]
    .btn-google-plus:focus.focus,
    fieldset[disabled]
    .btn-google-plus:focus:active,
    fieldset[disabled]
    .btn-google-plus:focus.active {
        background-color: #c23321;
        border-color: #c23321;
    }

.btn-twitter,
.btn-twitter:focus {
    background-color: #00aced;
    border-color: #00aced;
    color: #ffffff;
}

    .btn-twitter.active, .btn-twitter:active, .btn-twitter.active:focus, .btn-twitter:active:focus, .btn-twitter:active:hover,
    .btn-twitter:focus.active,
    .btn-twitter:focus:active,
    .btn-twitter:focus.active:focus,
    .btn-twitter:focus:active:focus,
    .btn-twitter:focus:active:hover {
        background-color: #0080b0;
        border-color: #0080b0;
        color: #ffffff;
    }

    .btn-twitter:hover, .btn-twitter.hover,
    .btn-twitter:focus:hover,
    .btn-twitter:focus.hover {
        background-color: #2bc5ff;
        border-color: #2bc5ff;
        color: #ffffff;
    }

    .btn-twitter.active:hover,
    .btn-twitter:focus.active:hover {
        background-color: #006d96;
        border-color: #006d96;
    }

    .btn-twitter.disabled, .btn-twitter.disabled:hover, .btn-twitter.disabled:focus, .btn-twitter.disabled.focus, .btn-twitter.disabled:active, .btn-twitter.disabled.active, .btn-twitter[disabled], .btn-twitter[disabled]:hover, .btn-twitter[disabled]:focus, .btn-twitter[disabled].focus, .btn-twitter[disabled]:active, .btn-twitter[disabled].active,
    fieldset[disabled] .btn-twitter,
    fieldset[disabled] .btn-twitter:hover,
    fieldset[disabled] .btn-twitter:focus,
    fieldset[disabled] .btn-twitter.focus,
    fieldset[disabled] .btn-twitter:active,
    fieldset[disabled] .btn-twitter.active,
    .btn-twitter:focus.disabled,
    .btn-twitter:focus.disabled:hover,
    .btn-twitter:focus.disabled:focus,
    .btn-twitter:focus.disabled.focus,
    .btn-twitter:focus.disabled:active,
    .btn-twitter:focus.disabled.active,
    .btn-twitter:focus[disabled],
    .btn-twitter:focus[disabled]:hover,
    .btn-twitter:focus[disabled]:focus,
    .btn-twitter:focus[disabled].focus,
    .btn-twitter:focus[disabled]:active,
    .btn-twitter:focus[disabled].active,
    fieldset[disabled]
    .btn-twitter:focus,
    fieldset[disabled]
    .btn-twitter:focus:hover,
    fieldset[disabled]
    .btn-twitter:focus:focus,
    fieldset[disabled]
    .btn-twitter:focus.focus,
    fieldset[disabled]
    .btn-twitter:focus:active,
    fieldset[disabled]
    .btn-twitter:focus.active {
        background-color: #0087ba;
        border-color: #0087ba;
    }

/* ============================
    Transparent Buttons Variant
============================ */
.btn-transparent.btn-primary, .btn-transparent.btn-primary:focus {
    background-color: transparent;
    border-color: #323c50;
    color: #323c50;
}

    .btn-transparent.btn-primary.active, .btn-transparent.btn-primary:active, .btn-transparent.btn-primary.active:focus, .btn-transparent.btn-primary:active:focus, .btn-transparent.btn-primary:active:hover, .btn-transparent.btn-primary:focus.active, .btn-transparent.btn-primary:focus:active, .btn-transparent.btn-primary:focus.active:focus, .btn-transparent.btn-primary:focus:active:focus, .btn-transparent.btn-primary:focus:active:hover {
        background-color: #53469c;
        border-color: #53469c;
        color: #ffffff;
    }

    .btn-transparent.btn-primary:hover, .btn-transparent.btn-primary.hover, .btn-transparent.btn-primary:focus:hover, .btn-transparent.btn-primary:focus.hover {
        background-color: #323c50;
        border-color: #323c50;
        color: #ffffff;
    }

    .btn-transparent.btn-primary.active:hover, .btn-transparent.btn-primary:focus.active:hover {
        background-color: #493f8b;
        border-color: #493f8b;
    }

    .btn-transparent.btn-primary.disabled, .btn-transparent.btn-primary.disabled:hover, .btn-transparent.btn-primary.disabled:focus, .btn-transparent.btn-primary.disabled.focus, .btn-transparent.btn-primary.disabled:active, .btn-transparent.btn-primary.disabled.active, .btn-transparent.btn-primary[disabled], .btn-transparent.btn-primary[disabled]:hover, .btn-transparent.btn-primary[disabled]:focus, .btn-transparent.btn-primary[disabled].focus, .btn-transparent.btn-primary[disabled]:active, .btn-transparent.btn-primary[disabled].active,
    fieldset[disabled] .btn-transparent.btn-primary,
    fieldset[disabled] .btn-transparent.btn-primary:hover,
    fieldset[disabled] .btn-transparent.btn-primary:focus,
    fieldset[disabled] .btn-transparent.btn-primary.focus,
    fieldset[disabled] .btn-transparent.btn-primary:active,
    fieldset[disabled] .btn-transparent.btn-primary.active, .btn-transparent.btn-primary:focus.disabled, .btn-transparent.btn-primary:focus.disabled:hover, .btn-transparent.btn-primary:focus.disabled:focus, .btn-transparent.btn-primary:focus.disabled.focus, .btn-transparent.btn-primary:focus.disabled:active, .btn-transparent.btn-primary:focus.disabled.active, .btn-transparent.btn-primary:focus[disabled], .btn-transparent.btn-primary:focus[disabled]:hover, .btn-transparent.btn-primary:focus[disabled]:focus, .btn-transparent.btn-primary:focus[disabled].focus, .btn-transparent.btn-primary:focus[disabled]:active, .btn-transparent.btn-primary:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-primary:focus,
    fieldset[disabled] .btn-transparent.btn-primary:focus:hover,
    fieldset[disabled] .btn-transparent.btn-primary:focus:focus,
    fieldset[disabled] .btn-transparent.btn-primary:focus.focus,
    fieldset[disabled] .btn-transparent.btn-primary:focus:active,
    fieldset[disabled] .btn-transparent.btn-primary:focus.active {
        background-color: #564aa3;
        border-color: #564aa3;
    }

.btn-transparent.btn-success, .btn-transparent.btn-success:focus {
    background-color: transparent;
    border-color: #27c24c;
    color: #27c24c;
}

    .btn-transparent.btn-success.active, .btn-transparent.btn-success:active, .btn-transparent.btn-success.active:focus, .btn-transparent.btn-success:active:focus, .btn-transparent.btn-success:active:hover, .btn-transparent.btn-success:focus.active, .btn-transparent.btn-success:focus:active, .btn-transparent.btn-success:focus.active:focus, .btn-transparent.btn-success:focus:active:focus, .btn-transparent.btn-success:focus:active:hover {
        background-color: #1d8f38;
        border-color: #1d8f38;
        color: #ffffff;
    }

    .btn-transparent.btn-success:hover, .btn-transparent.btn-success.hover, .btn-transparent.btn-success:focus:hover, .btn-transparent.btn-success:focus.hover {
        background-color: #27c24c;
        border-color: #27c24c;
        color: #ffffff;
    }

    .btn-transparent.btn-success.active:hover, .btn-transparent.btn-success:focus.active:hover {
        background-color: #187a30;
        border-color: #187a30;
    }

    .btn-transparent.btn-success.disabled, .btn-transparent.btn-success.disabled:hover, .btn-transparent.btn-success.disabled:focus, .btn-transparent.btn-success.disabled.focus, .btn-transparent.btn-success.disabled:active, .btn-transparent.btn-success.disabled.active, .btn-transparent.btn-success[disabled], .btn-transparent.btn-success[disabled]:hover, .btn-transparent.btn-success[disabled]:focus, .btn-transparent.btn-success[disabled].focus, .btn-transparent.btn-success[disabled]:active, .btn-transparent.btn-success[disabled].active,
    fieldset[disabled] .btn-transparent.btn-success,
    fieldset[disabled] .btn-transparent.btn-success:hover,
    fieldset[disabled] .btn-transparent.btn-success:focus,
    fieldset[disabled] .btn-transparent.btn-success.focus,
    fieldset[disabled] .btn-transparent.btn-success:active,
    fieldset[disabled] .btn-transparent.btn-success.active, .btn-transparent.btn-success:focus.disabled, .btn-transparent.btn-success:focus.disabled:hover, .btn-transparent.btn-success:focus.disabled:focus, .btn-transparent.btn-success:focus.disabled.focus, .btn-transparent.btn-success:focus.disabled:active, .btn-transparent.btn-success:focus.disabled.active, .btn-transparent.btn-success:focus[disabled], .btn-transparent.btn-success:focus[disabled]:hover, .btn-transparent.btn-success:focus[disabled]:focus, .btn-transparent.btn-success:focus[disabled].focus, .btn-transparent.btn-success:focus[disabled]:active, .btn-transparent.btn-success:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-success:focus,
    fieldset[disabled] .btn-transparent.btn-success:focus:hover,
    fieldset[disabled] .btn-transparent.btn-success:focus:focus,
    fieldset[disabled] .btn-transparent.btn-success:focus.focus,
    fieldset[disabled] .btn-transparent.btn-success:focus:active,
    fieldset[disabled] .btn-transparent.btn-success:focus.active {
        background-color: #1e983b;
        border-color: #1e983b;
    }

.btn-transparent.btn-info, .btn-transparent.btn-info:focus {
    background-color: transparent;
    border-color: #00abe8;
    color: #00abe8;
}

    .btn-transparent.btn-info.active, .btn-transparent.btn-info:active, .btn-transparent.btn-info.active:focus, .btn-transparent.btn-info:active:focus, .btn-transparent.btn-info:active:hover, .btn-transparent.btn-info:focus.active, .btn-transparent.btn-info:focus:active, .btn-transparent.btn-info:focus.active:focus, .btn-transparent.btn-info:focus:active:focus, .btn-transparent.btn-info:focus:active:hover {
        background-color: #007eab;
        border-color: #007eab;
        color: #ffffff;
    }

    .btn-transparent.btn-info:hover, .btn-transparent.btn-info.hover, .btn-transparent.btn-info:focus:hover, .btn-transparent.btn-info:focus.hover {
        background-color: #00abe8;
        border-color: #00abe8;
        color: #ffffff;
    }

    .btn-transparent.btn-info.active:hover, .btn-transparent.btn-info:focus.active:hover {
        background-color: #006b91;
        border-color: #006b91;
    }

    .btn-transparent.btn-info.disabled, .btn-transparent.btn-info.disabled:hover, .btn-transparent.btn-info.disabled:focus, .btn-transparent.btn-info.disabled.focus, .btn-transparent.btn-info.disabled:active, .btn-transparent.btn-info.disabled.active, .btn-transparent.btn-info[disabled], .btn-transparent.btn-info[disabled]:hover, .btn-transparent.btn-info[disabled]:focus, .btn-transparent.btn-info[disabled].focus, .btn-transparent.btn-info[disabled]:active, .btn-transparent.btn-info[disabled].active,
    fieldset[disabled] .btn-transparent.btn-info,
    fieldset[disabled] .btn-transparent.btn-info:hover,
    fieldset[disabled] .btn-transparent.btn-info:focus,
    fieldset[disabled] .btn-transparent.btn-info.focus,
    fieldset[disabled] .btn-transparent.btn-info:active,
    fieldset[disabled] .btn-transparent.btn-info.active, .btn-transparent.btn-info:focus.disabled, .btn-transparent.btn-info:focus.disabled:hover, .btn-transparent.btn-info:focus.disabled:focus, .btn-transparent.btn-info:focus.disabled.focus, .btn-transparent.btn-info:focus.disabled:active, .btn-transparent.btn-info:focus.disabled.active, .btn-transparent.btn-info:focus[disabled], .btn-transparent.btn-info:focus[disabled]:hover, .btn-transparent.btn-info:focus[disabled]:focus, .btn-transparent.btn-info:focus[disabled].focus, .btn-transparent.btn-info:focus[disabled]:active, .btn-transparent.btn-info:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-info:focus,
    fieldset[disabled] .btn-transparent.btn-info:focus:hover,
    fieldset[disabled] .btn-transparent.btn-info:focus:focus,
    fieldset[disabled] .btn-transparent.btn-info:focus.focus,
    fieldset[disabled] .btn-transparent.btn-info:focus:active,
    fieldset[disabled] .btn-transparent.btn-info:focus.active {
        background-color: #0085b5;
        border-color: #0085b5;
    }

.btn-transparent.btn-warning, .btn-transparent.btn-warning:focus {
    background-color: transparent;
    border-color: #ff9c00;
    color: #ff9c00;
}

    .btn-transparent.btn-warning.active, .btn-transparent.btn-warning:active, .btn-transparent.btn-warning.active:focus, .btn-transparent.btn-warning:active:focus, .btn-transparent.btn-warning:active:hover, .btn-transparent.btn-warning:focus.active, .btn-transparent.btn-warning:focus:active, .btn-transparent.btn-warning:focus.active:focus, .btn-transparent.btn-warning:focus:active:focus, .btn-transparent.btn-warning:focus:active:hover {
        background-color: #c27700;
        border-color: #c27700;
        color: #ffffff;
    }

    .btn-transparent.btn-warning:hover, .btn-transparent.btn-warning.hover, .btn-transparent.btn-warning:focus:hover, .btn-transparent.btn-warning:focus.hover {
        background-color: #ff9c00;
        border-color: #ff9c00;
        color: #ffffff;
    }

    .btn-transparent.btn-warning.active:hover, .btn-transparent.btn-warning:focus.active:hover {
        background-color: #a86700;
        border-color: #a86700;
    }

    .btn-transparent.btn-warning.disabled, .btn-transparent.btn-warning.disabled:hover, .btn-transparent.btn-warning.disabled:focus, .btn-transparent.btn-warning.disabled.focus, .btn-transparent.btn-warning.disabled:active, .btn-transparent.btn-warning.disabled.active, .btn-transparent.btn-warning[disabled], .btn-transparent.btn-warning[disabled]:hover, .btn-transparent.btn-warning[disabled]:focus, .btn-transparent.btn-warning[disabled].focus, .btn-transparent.btn-warning[disabled]:active, .btn-transparent.btn-warning[disabled].active,
    fieldset[disabled] .btn-transparent.btn-warning,
    fieldset[disabled] .btn-transparent.btn-warning:hover,
    fieldset[disabled] .btn-transparent.btn-warning:focus,
    fieldset[disabled] .btn-transparent.btn-warning.focus,
    fieldset[disabled] .btn-transparent.btn-warning:active,
    fieldset[disabled] .btn-transparent.btn-warning.active, .btn-transparent.btn-warning:focus.disabled, .btn-transparent.btn-warning:focus.disabled:hover, .btn-transparent.btn-warning:focus.disabled:focus, .btn-transparent.btn-warning:focus.disabled.focus, .btn-transparent.btn-warning:focus.disabled:active, .btn-transparent.btn-warning:focus.disabled.active, .btn-transparent.btn-warning:focus[disabled], .btn-transparent.btn-warning:focus[disabled]:hover, .btn-transparent.btn-warning:focus[disabled]:focus, .btn-transparent.btn-warning:focus[disabled].focus, .btn-transparent.btn-warning:focus[disabled]:active, .btn-transparent.btn-warning:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-warning:focus,
    fieldset[disabled] .btn-transparent.btn-warning:focus:hover,
    fieldset[disabled] .btn-transparent.btn-warning:focus:focus,
    fieldset[disabled] .btn-transparent.btn-warning:focus.focus,
    fieldset[disabled] .btn-transparent.btn-warning:focus:active,
    fieldset[disabled] .btn-transparent.btn-warning:focus.active {
        background-color: #cc7d00;
        border-color: #cc7d00;
    }

.btn-transparent.btn-danger, .btn-transparent.btn-danger:focus {
    background-color: transparent;
    border-color: #f93926;
    color: #f93926;
}

    .btn-transparent.btn-danger.active, .btn-transparent.btn-danger:active, .btn-transparent.btn-danger.active:focus, .btn-transparent.btn-danger:active:focus, .btn-transparent.btn-danger:active:hover, .btn-transparent.btn-danger:focus.active, .btn-transparent.btn-danger:focus:active, .btn-transparent.btn-danger:focus.active:focus, .btn-transparent.btn-danger:focus:active:focus, .btn-transparent.btn-danger:focus:active:hover {
        background-color: #dc1906;
        border-color: #dc1906;
        color: #ffffff;
    }

    .btn-transparent.btn-danger:hover, .btn-transparent.btn-danger.hover, .btn-transparent.btn-danger:focus:hover, .btn-transparent.btn-danger:focus.hover {
        background-color: #f93926;
        border-color: #f93926;
        color: #ffffff;
    }

    .btn-transparent.btn-danger.active:hover, .btn-transparent.btn-danger:focus.active:hover {
        background-color: #c31605;
        border-color: #c31605;
    }

    .btn-transparent.btn-danger.disabled, .btn-transparent.btn-danger.disabled:hover, .btn-transparent.btn-danger.disabled:focus, .btn-transparent.btn-danger.disabled.focus, .btn-transparent.btn-danger.disabled:active, .btn-transparent.btn-danger.disabled.active, .btn-transparent.btn-danger[disabled], .btn-transparent.btn-danger[disabled]:hover, .btn-transparent.btn-danger[disabled]:focus, .btn-transparent.btn-danger[disabled].focus, .btn-transparent.btn-danger[disabled]:active, .btn-transparent.btn-danger[disabled].active,
    fieldset[disabled] .btn-transparent.btn-danger,
    fieldset[disabled] .btn-transparent.btn-danger:hover,
    fieldset[disabled] .btn-transparent.btn-danger:focus,
    fieldset[disabled] .btn-transparent.btn-danger.focus,
    fieldset[disabled] .btn-transparent.btn-danger:active,
    fieldset[disabled] .btn-transparent.btn-danger.active, .btn-transparent.btn-danger:focus.disabled, .btn-transparent.btn-danger:focus.disabled:hover, .btn-transparent.btn-danger:focus.disabled:focus, .btn-transparent.btn-danger:focus.disabled.focus, .btn-transparent.btn-danger:focus.disabled:active, .btn-transparent.btn-danger:focus.disabled.active, .btn-transparent.btn-danger:focus[disabled], .btn-transparent.btn-danger:focus[disabled]:hover, .btn-transparent.btn-danger:focus[disabled]:focus, .btn-transparent.btn-danger:focus[disabled].focus, .btn-transparent.btn-danger:focus[disabled]:active, .btn-transparent.btn-danger:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-danger:focus,
    fieldset[disabled] .btn-transparent.btn-danger:focus:hover,
    fieldset[disabled] .btn-transparent.btn-danger:focus:focus,
    fieldset[disabled] .btn-transparent.btn-danger:focus.focus,
    fieldset[disabled] .btn-transparent.btn-danger:focus:active,
    fieldset[disabled] .btn-transparent.btn-danger:focus.active {
        background-color: #e61a06;
        border-color: #e61a06;
    }

.btn-transparent.btn-white, .btn-transparent.btn-white:focus {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

    .btn-transparent.btn-white.active, .btn-transparent.btn-white:active, .btn-transparent.btn-white.active:focus, .btn-transparent.btn-white:active:focus, .btn-transparent.btn-white:active:hover, .btn-transparent.btn-white:focus.active, .btn-transparent.btn-white:focus:active, .btn-transparent.btn-white:focus.active:focus, .btn-transparent.btn-white:focus:active:focus, .btn-transparent.btn-white:focus:active:hover {
        background-color: #e0e0e0;
        border-color: #e0e0e0;
        color: #ffffff;
    }

    .btn-transparent.btn-white:hover, .btn-transparent.btn-white.hover, .btn-transparent.btn-white:focus:hover, .btn-transparent.btn-white:focus.hover {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #ffffff;
    }

    .btn-transparent.btn-white.active:hover, .btn-transparent.btn-white:focus.active:hover {
        background-color: #d4d4d4;
        border-color: #d4d4d4;
    }

    .btn-transparent.btn-white.disabled, .btn-transparent.btn-white.disabled:hover, .btn-transparent.btn-white.disabled:focus, .btn-transparent.btn-white.disabled.focus, .btn-transparent.btn-white.disabled:active, .btn-transparent.btn-white.disabled.active, .btn-transparent.btn-white[disabled], .btn-transparent.btn-white[disabled]:hover, .btn-transparent.btn-white[disabled]:focus, .btn-transparent.btn-white[disabled].focus, .btn-transparent.btn-white[disabled]:active, .btn-transparent.btn-white[disabled].active,
    fieldset[disabled] .btn-transparent.btn-white,
    fieldset[disabled] .btn-transparent.btn-white:hover,
    fieldset[disabled] .btn-transparent.btn-white:focus,
    fieldset[disabled] .btn-transparent.btn-white.focus,
    fieldset[disabled] .btn-transparent.btn-white:active,
    fieldset[disabled] .btn-transparent.btn-white.active, .btn-transparent.btn-white:focus.disabled, .btn-transparent.btn-white:focus.disabled:hover, .btn-transparent.btn-white:focus.disabled:focus, .btn-transparent.btn-white:focus.disabled.focus, .btn-transparent.btn-white:focus.disabled:active, .btn-transparent.btn-white:focus.disabled.active, .btn-transparent.btn-white:focus[disabled], .btn-transparent.btn-white:focus[disabled]:hover, .btn-transparent.btn-white:focus[disabled]:focus, .btn-transparent.btn-white:focus[disabled].focus, .btn-transparent.btn-white:focus[disabled]:active, .btn-transparent.btn-white:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-white:focus,
    fieldset[disabled] .btn-transparent.btn-white:focus:hover,
    fieldset[disabled] .btn-transparent.btn-white:focus:focus,
    fieldset[disabled] .btn-transparent.btn-white:focus.focus,
    fieldset[disabled] .btn-transparent.btn-white:focus:active,
    fieldset[disabled] .btn-transparent.btn-white:focus.active {
        background-color: #e6e6e6;
        border-color: #e6e6e6;
    }

.btn-transparent.btn-black, .btn-transparent.btn-black:focus {
    background-color: transparent;
    border-color: #0b1115;
    color: #0b1115;
}

    .btn-transparent.btn-black.active, .btn-transparent.btn-black:active, .btn-transparent.btn-black.active:focus, .btn-transparent.btn-black:active:focus, .btn-transparent.btn-black:active:hover, .btn-transparent.btn-black:focus.active, .btn-transparent.btn-black:focus:active, .btn-transparent.btn-black:focus.active:focus, .btn-transparent.btn-black:focus:active:focus, .btn-transparent.btn-black:focus:active:hover {
        background-color: black;
        border-color: black;
        color: #ffffff;
    }

    .btn-transparent.btn-black:hover, .btn-transparent.btn-black.hover, .btn-transparent.btn-black:focus:hover, .btn-transparent.btn-black:focus.hover {
        background-color: #0b1115;
        border-color: #0b1115;
        color: #ffffff;
    }

    .btn-transparent.btn-black.active:hover, .btn-transparent.btn-black:focus.active:hover {
        background-color: black;
        border-color: black;
    }

    .btn-transparent.btn-black.disabled, .btn-transparent.btn-black.disabled:hover, .btn-transparent.btn-black.disabled:focus, .btn-transparent.btn-black.disabled.focus, .btn-transparent.btn-black.disabled:active, .btn-transparent.btn-black.disabled.active, .btn-transparent.btn-black[disabled], .btn-transparent.btn-black[disabled]:hover, .btn-transparent.btn-black[disabled]:focus, .btn-transparent.btn-black[disabled].focus, .btn-transparent.btn-black[disabled]:active, .btn-transparent.btn-black[disabled].active,
    fieldset[disabled] .btn-transparent.btn-black,
    fieldset[disabled] .btn-transparent.btn-black:hover,
    fieldset[disabled] .btn-transparent.btn-black:focus,
    fieldset[disabled] .btn-transparent.btn-black.focus,
    fieldset[disabled] .btn-transparent.btn-black:active,
    fieldset[disabled] .btn-transparent.btn-black.active, .btn-transparent.btn-black:focus.disabled, .btn-transparent.btn-black:focus.disabled:hover, .btn-transparent.btn-black:focus.disabled:focus, .btn-transparent.btn-black:focus.disabled.focus, .btn-transparent.btn-black:focus.disabled:active, .btn-transparent.btn-black:focus.disabled.active, .btn-transparent.btn-black:focus[disabled], .btn-transparent.btn-black:focus[disabled]:hover, .btn-transparent.btn-black:focus[disabled]:focus, .btn-transparent.btn-black:focus[disabled].focus, .btn-transparent.btn-black:focus[disabled]:active, .btn-transparent.btn-black:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-black:focus,
    fieldset[disabled] .btn-transparent.btn-black:focus:hover,
    fieldset[disabled] .btn-transparent.btn-black:focus:focus,
    fieldset[disabled] .btn-transparent.btn-black:focus.focus,
    fieldset[disabled] .btn-transparent.btn-black:focus:active,
    fieldset[disabled] .btn-transparent.btn-black:focus.active {
        background-color: black;
        border-color: black;
    }

.btn-transparent.btn-grey, .btn-transparent.btn-grey:focus {
    background-color: transparent;
    border-color: #adadad;
    color: #adadad;
}

    .btn-transparent.btn-grey.active, .btn-transparent.btn-grey:active, .btn-transparent.btn-grey.active:focus, .btn-transparent.btn-grey:active:focus, .btn-transparent.btn-grey:active:hover, .btn-transparent.btn-grey:focus.active, .btn-transparent.btn-grey:focus:active, .btn-transparent.btn-grey:focus.active:focus, .btn-transparent.btn-grey:focus:active:focus, .btn-transparent.btn-grey:focus:active:hover {
        background-color: #8e8e8e;
        border-color: #8e8e8e;
        color: #ffffff;
    }

    .btn-transparent.btn-grey:hover, .btn-transparent.btn-grey.hover, .btn-transparent.btn-grey:focus:hover, .btn-transparent.btn-grey:focus.hover {
        background-color: #adadad;
        border-color: #adadad;
        color: #ffffff;
    }

    .btn-transparent.btn-grey.active:hover, .btn-transparent.btn-grey:focus.active:hover {
        background-color: #828282;
        border-color: #828282;
    }

    .btn-transparent.btn-grey.disabled, .btn-transparent.btn-grey.disabled:hover, .btn-transparent.btn-grey.disabled:focus, .btn-transparent.btn-grey.disabled.focus, .btn-transparent.btn-grey.disabled:active, .btn-transparent.btn-grey.disabled.active, .btn-transparent.btn-grey[disabled], .btn-transparent.btn-grey[disabled]:hover, .btn-transparent.btn-grey[disabled]:focus, .btn-transparent.btn-grey[disabled].focus, .btn-transparent.btn-grey[disabled]:active, .btn-transparent.btn-grey[disabled].active,
    fieldset[disabled] .btn-transparent.btn-grey,
    fieldset[disabled] .btn-transparent.btn-grey:hover,
    fieldset[disabled] .btn-transparent.btn-grey:focus,
    fieldset[disabled] .btn-transparent.btn-grey.focus,
    fieldset[disabled] .btn-transparent.btn-grey:active,
    fieldset[disabled] .btn-transparent.btn-grey.active, .btn-transparent.btn-grey:focus.disabled, .btn-transparent.btn-grey:focus.disabled:hover, .btn-transparent.btn-grey:focus.disabled:focus, .btn-transparent.btn-grey:focus.disabled.focus, .btn-transparent.btn-grey:focus.disabled:active, .btn-transparent.btn-grey:focus.disabled.active, .btn-transparent.btn-grey:focus[disabled], .btn-transparent.btn-grey:focus[disabled]:hover, .btn-transparent.btn-grey:focus[disabled]:focus, .btn-transparent.btn-grey:focus[disabled].focus, .btn-transparent.btn-grey:focus[disabled]:active, .btn-transparent.btn-grey:focus[disabled].active,
    fieldset[disabled] .btn-transparent.btn-grey:focus,
    fieldset[disabled] .btn-transparent.btn-grey:focus:hover,
    fieldset[disabled] .btn-transparent.btn-grey:focus:focus,
    fieldset[disabled] .btn-transparent.btn-grey:focus.focus,
    fieldset[disabled] .btn-transparent.btn-grey:focus:active,
    fieldset[disabled] .btn-transparent.btn-grey:focus.active {
        background-color: #949494;
        border-color: #949494;
    }

/* ====== Dropdown ===== 
------------------------------------------------------------ */
.btn-group {
    /* ============================
        Adding Transition to Dropdown
    ============================ */
    /* ============================
        Override Default Styles
    ============================ */
}

    .btn-group > .dropdown-menu {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        transform-origin: top;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        display: block;
    }

    .btn-group.dropup > .dropdown-menu {
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        transform-origin: bottom;
    }

    .btn-group.open {
        /* ============================
            Dropdown - Default
        ============================ */
        /* ============================
            Dropdown - Primary
        ============================ */
        /* ============================
            Dropdown - Success
        ============================ */
        /* ============================
            Dropdown - Info
        ============================ */
        /* ============================
            Dropdown - Warning
        ============================ */
        /* ============================
            Dropdown - Danger
        ============================ */
    }

        .btn-group.open > .dropdown-toggle {
            box-shadow: none;
        }

        .btn-group.open > .dropdown-menu {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .btn-group.open .btn-default,
        .btn-group.open .btn-default:focus {
            color: #5e5e5e;
            background-color: #f0f0f0;
            border-color: rgba(98, 98, 98, 0.27);
        }

        .btn-group.open .btn-primary,
        .btn-group.open .btn-primary:focus {
            color: #ffffff;
            background-color: #53469c;
            border-color: #53469c;
        }

        .btn-group.open .btn-success,
        .btn-group.open .btn-success:focus {
            color: #ffffff;
            background-color: #1d8f38;
            border-color: #1d8f38;
        }

        .btn-group.open .btn-info,
        .btn-group.open .btn-info:focus {
            color: #ffffff;
            background-color: #007eab;
            border-color: #007eab;
        }

        .btn-group.open .btn-warning,
        .btn-group.open .btn-warning:focus {
            color: #ffffff;
            background-color: #c27700;
            border-color: #c27700;
        }

        .btn-group.open .btn-danger,
        .btn-group.open .btn-danger:focus {
            color: #ffffff;
            background-color: #dc1906;
            border-color: #dc1906;
        }

    .btn-group .dropdown-menu {
        padding: 0;
        margin: 0;
        border-color: rgba(0, 0, 0, 0.07);
        box-shadow: 0 1px 0px #ddd;
        background-clip: initial;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .btn-group .dropdown-menu > li > a {
            padding: 10px 10px;
            color: #757474;
            -webkit-transition: color 0.2s ease-in;
            -moz-transition: color 0.2s ease-in;
            transition: color 0.2s ease-in;
        }

            .btn-group .dropdown-menu > li > a:hover {
                color: #6a6c6f;
                background: transparent;
            }

.dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    border-color: rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0px #ddd;
    background-clip: initial;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .dropdown .dropdown-menu > li > a {
        padding: 10px 10px;
        color: #757474;
        -webkit-transition: color 0.2s ease-in;
        -moz-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in;
    }

        .dropdown .dropdown-menu > li > a:hover {
            color: #6a6c6f;
            background: transparent;
        }

/* ====== Form Group ===== 
------------------------------------------------------------ */
.form-group label {
    color: #626262;
    /*font-family: "Montserrat", sans-serif;*/
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.03em;
}

.form-group .input-group .input-group-addon {
    border-width: 2px;
    border-color: #e5e5e5;
    background: #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-control {
    box-shadow: none;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    height: 45px;
    line-height: 25px;
    color: #6a6c6f;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.form-control-datepicker {
    box-shadow: none;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    height: 45px;
    line-height: 25px;
    color: #6a6c6f;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px;
}


.form-control.input-lg {
    height: 55px;
    line-height: 35px;
}

.form-control.input-sm {
    height: 35px;
    padding: 5px 10px;
    line-height: 25px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ababab;
}

.form-control::-webkit-input-placeholder {
    color: #aaa;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
}

.form-control:-ms-input-placeholder {
    color: #aaa;
}

select.input-sm {
    line-height: 20px !important;
}

.form-inline .checkbox-default > span {
    margin-left: 25px;
}

.form-inline .form-group {
    margin-right: 15px;
}

    .form-inline .form-group label {
        margin-right: 5px;
    }

/* ====== Owl Carousel ===== 
------------------------------------------------------------ */
.owl-theme .owl-nav [class*='owl-'] {
    background: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10.2px;
    color: #6a6c6f;
}

    .owl-theme .owl-nav [class*='owl-']:hover {
        background: #ffffff;
        color: #aaacae;
    }

.owl-theme .owl-nav .owl-prev:before {
    font-family: 'FontAwesome';
    content: "\f104";
    font-size: 14px;
    margin-right: 5px;
}

.owl-theme .owl-nav .owl-next:after {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 14px;
    margin-left: 5px;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #6a6c6f;
}

/* ====== Bootstrap Editable ===== 
------------------------------------------------------------ */
.datepicker.datepicker-inline {
    width: auto !important;
}

/* ====== Modals ===== 
------------------------------------------------------------ */
.modal .modal-dialog .modal-content {
    box-shadow: none;
    border-radius: 5px;
    border: none;
    padding: 0;
}

    .modal .modal-dialog .modal-content .modal-header {
        border: none;
        padding: 30px 30px 0 30px;
    }

    .modal .modal-dialog .modal-content .modal-body {
        padding: 0 30px 30px 30px;
    }

.modal-backdrop {
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
}

    .modal-backdrop.in {
        opacity: 1;
    }

/* ====== NVD3 CSS Reset ===== 
------------------------------------------------------------ */
.nvd3 text,
.nvd3 .title,
.nvd3.nv-bullet,
.nvtooltip {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

/* ====== Date Picker ===== 
------------------------------------------------------------ */
.input-daterange input {
    text-align: left;
}

.datepicker {
    padding: 15px 20px;
    margin: 0;
    border-color: #f9f9f9;
}

    .datepicker:before {
        border-bottom-color: #f9f9f9;
    }

    .datepicker .datepicker-days table thead .datepicker-switch {
        font-weight: bold;
        font-size: 12px;
    }

    .datepicker .datepicker-days table thead .dow {
        /*font-family: "Montserrat", sans-serif;*/
        font-weight: 600;
        text-transform: uppercase;
        font-size: 11px;
        color: #323c50;
    }

    .datepicker .datepicker-days table tbody tr {
        font-size: 12px;
    }

        .datepicker .datepicker-days table tbody tr td {
            padding: 7px 10px;
        }

    .datepicker .datepicker-days table tbody .day.old, .datepicker .datepicker-days table tbody .day.new {
        color: #c7c7c7;
    }

    .datepicker .datepicker-days table tbody .day.active {
        background: #323c50;
        border-radius: 50%;
    }

    .datepicker .datepicker-days table tbody .day.range-start.selected, .datepicker .datepicker-days table tbody .day.range-end.selected {
        background: #adadad;
    }

    .datepicker .datepicker-days table tbody .day.range-start.active, .datepicker .datepicker-days table tbody .day.range-end.active {
        background: #323c50;
    }

    .datepicker .datepicker-days table tbody .day.range-start.active {
        border-radius: 50% 0 0 50%;
    }

    .datepicker .datepicker-days table tbody .day.range-start.selected {
        border-radius: 50% 0 0 50%;
    }

    .datepicker .datepicker-days table tbody .day.range-end.active {
        border-radius: 0 50% 50% 0;
    }

    .datepicker .datepicker-days table tbody .day.range-end.selected {
        border-radius: 0 50% 50% 0;
    }

    .datepicker .datepicker-months table thead {
        font-weight: bold;
        font-size: 12px;
    }

    .datepicker .datepicker-months table tbody .month {
        line-height: 40px;
        height: 40px;
        /*font-family: "Montserrat", sans-serif;*/
        font-size: 12px;
    }

        .datepicker .datepicker-months table tbody .month.active {
            background: #323c50;
        }

            .datepicker .datepicker-months table tbody .month.active:hover {
                background: #564aa3 !important;
            }

    .datepicker .datepicker-years table thead {
        font-weight: bold;
        font-size: 12px;
    }

    .datepicker .datepicker-years table tbody .year {
        line-height: 40px;
        height: 40px;
        /*font-family: "Montserrat", sans-serif;*/
        font-size: 12px;
    }

        .datepicker .datepicker-years table tbody .year.active {
            background: #323c50;
        }

            .datepicker .datepicker-years table tbody .year.active:hover {
                background: #564aa3 !important;
            }

    .datepicker .datepicker-decades table thead {
        font-weight: bold;
        font-size: 12px;
    }

    .datepicker .datepicker-decades table tbody .decade {
        line-height: 40px;
        height: 40px;
        /*font-family: "Montserrat", sans-serif;*/
        font-size: 12px;
    }

        .datepicker .datepicker-decades table tbody .decade.active {
            background: #323c50;
        }

            .datepicker .datepicker-decades table tbody .decade.active:hover {
                background: #564aa3 !important;
            }

    .datepicker .datepicker-centuries table thead {
        font-weight: bold;
        font-size: 12px;
    }

    .datepicker .datepicker-centuries table tbody .century {
        line-height: 40px;
        height: 40px;
        /*font-family: "Montserrat", sans-serif;*/
        font-size: 12px;
    }

        .datepicker .datepicker-centuries table tbody .century.active {
            background: #323c50;
        }

            .datepicker .datepicker-centuries table tbody .century.active:hover {
                background: #564aa3 !important;
            }

/* ====== Date Range Picker ===== 
------------------------------------------------------------ */
.daterangepicker {
    padding: 20px 20px;
    border-color: #f9f9f9;
}

    .daterangepicker:before {
        border-bottom-color: #f9f9f9;
    }

    .daterangepicker .calendar {
        margin: 0 0 10px 0;
    }

        .daterangepicker .calendar .daterangepicker_input input {
            border-radius: 0 !important;
            padding: 5px 15px 5px 40px;
            height: 40px;
            line-height: 30px;
            border-color: #ddd;
        }

            .daterangepicker .calendar .daterangepicker_input input.active {
                border-color: #ddd;
            }

        .daterangepicker .calendar .daterangepicker_input i {
            left: 12px;
            top: 12px;
        }

        .daterangepicker .calendar .calendar-table table thead tr th {
            font-size: 12px;
            font-weight: 600;
        }

        .daterangepicker .calendar .calendar-table table thead tr:nth-child(2) th {
            /*font-family: "Montserrat", sans-serif;*/
            text-transform: uppercase;
            font-size: 11px;
            color: #323c50;
        }

        .daterangepicker .calendar .calendar-table table tbody tr td {
            font-size: 12px;
            padding: 7px 10px;
            color: #838589;
        }

            .daterangepicker .calendar .calendar-table table tbody tr td.active.start-date.end-date {
                border-radius: 50%;
            }

            .daterangepicker .calendar .calendar-table table tbody tr td.active.start-date, .daterangepicker .calendar .calendar-table table tbody tr td.active.end-date {
                background: #323c50 !important;
                color: #ffffff;
            }

            .daterangepicker .calendar .calendar-table table tbody tr td.active.start-date {
                border-radius: 50% 0 0 50%;
            }

            .daterangepicker .calendar .calendar-table table tbody tr td.active.end-date {
                border-radius: 0 50% 50% 0;
            }

            .daterangepicker .calendar .calendar-table table tbody tr td.in-range {
                color: #0b1115;
            }

                .daterangepicker .calendar .calendar-table table tbody tr td.in-range.available {
                    background: #eeeeee;
                }

    .daterangepicker .ranges {
        margin: 0 15px;
    }

        .daterangepicker .ranges ul {
            width: 100%;
            margin-bottom: 20px;
        }

            .daterangepicker .ranges ul li {
                padding: 10px 15px;
                background: #f9f9f9;
                color: #6a6c6f;
                border-color: #f9f9f9;
                /*font-family: "Montserrat", sans-serif;*/
                text-transform: uppercase;
                font-size: 11px;
            }

                .daterangepicker .ranges ul li.active {
                    background: #323c50;
                    color: #ffffff;
                    border-color: #323c50;
                }

                .daterangepicker .ranges ul li:hover {
                    background: #323c50;
                    color: #ffffff;
                }

        .daterangepicker .ranges .range_inputs button {
            width: 100px;
            margin-right: 10px;
        }

            .daterangepicker .ranges .range_inputs button.applyBtn {
                background: #323c50;
                border-color: #323c50;
            }

/* ====== jQuery Steps ===== 
------------------------------------------------------------ */
.wizard .steps > ul > li > a {
    margin: 0;
    border-radius: 0;
    color: #6a6c6f;
    background: transparent !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .wizard .steps > ul > li > a:hover {
        margin: 0 !important;
        color: #0b1115;
        border-radius: none;
    }

.wizard .steps > ul > li.current {
    border-bottom: solid 3px #323c50;
}

    .wizard .steps > ul > li.current a {
        color: #0b1115;
    }

        .wizard .steps > ul > li.current a:hover {
            color: #0b1115;
        }

.wizard .steps > ul > li.done {
    border-bottom: solid 3px #323c50;
}

    .wizard .steps > ul > li.done a {
        color: #0b1115;
    }

        .wizard .steps > ul > li.done a:hover {
            color: #0b1115;
        }

.wizard .content {
    margin: 0;
    background: #ffffff;
}

    .wizard .content .body label.error {
        margin-left: 0;
        color: #f93926;
    }

    .wizard .content .body input.error {
        color: #f93926;
        background: #ffffff;
        border-color: #f93926;
    }

.wizard .actions {
    background: #ffffff;
    padding: 25px;
}

    .wizard .actions > ul li {
        margin-bottom: 15px;
    }

        .wizard .actions > ul li a {
            background: #323c50;
            padding: 10px 15px;
            width: 150px;
            text-align: center;
        }

            .wizard .actions > ul li a:hover {
                background: #323c50;
                padding: 10px 15px;
                width: 150px;
            }

/* ====== Light Gallery ===== 
------------------------------------------------------------ */
#select-trans {
    margin-left: 80px;
    margin-bottom: 20px;
}

.lightgallery-img li {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    margin-right: 10px;
}

    .lightgallery-img li:before {
        content: '';
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
        z-index: 999;
    }

    .lightgallery-img li:after {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: "FontAwesome";
        content: "\f002";
        line-height: 100px;
        color: rgba(255, 255, 255, 0.85);
        font-size: 28px;
        background: transparent;
        text-align: center;
        z-index: 1000;
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s;
        -webkit-transition: transform 0.35s;
        -moz-transition: transform 0.35s;
        transition: transform 0.35s;
    }

    .lightgallery-img li:hover:before {
        display: block;
    }

    .lightgallery-img li:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .lightgallery-img li img {
        transform: scale(1);
        -webkit-transition: transform 0.4s;
        -moz-transition: transform 0.4s;
        transition: transform 0.4s;
    }

/* ============================
    Progress Bar
============================ */
.progress {
    height: 10px;
    border-radius: 50px;
    box-shadow: none;
    background: #e1e1e1;
}

    .progress .progress-bar {
        border-radius: 50px;
        background: #323c50;
        font-size: 8px;
        line-height: 10px;
    }

        .progress .progress-bar.progress-bar-primary {
            background: #323c50;
        }

        .progress .progress-bar.progress-bar-success {
            background: #27c24c;
        }

        .progress .progress-bar.progress-bar-info {
            background: #00abe8;
        }

        .progress .progress-bar.progress-bar-warning {
            background: #ff9c00;
        }

        .progress .progress-bar.progress-bar-danger {
            background: #f93926;
        }

/* ----------------------------------------------------
 *  3. Layout
 *
 *  Base part for the layout of the application
 *  
 *  Description: Contains all the basic and responsive
 *  				layout for the app.
 *
 *  Reference Class or Main Elements
 *  	.content-wrapper
 *  		#page-sidebar
 *  		#page-header
 *  		#page-content
 *  		#page-footer
 *  		.navbar-collapsed
 *  		@media
 * ---------------------------------------------------- */
.content-wrapper {
    position: relative;
    height: auto;
    min-height: 100%;
}

    .content-wrapper.mail-wrapper {
        height: 100% !important;
    }

    .content-wrapper:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #f1f1f1;
        z-index: -1;
    }

    .content-wrapper #page-sidebar {
        position: fixed;
        width: 250px;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding-top: 50px;
        overflow: hidden;
    }

        .content-wrapper #page-sidebar div.sidebar-header {
            background: #151515;
            position: fixed;
            top: 0;
            width: 250px;
            left: 0;
            z-index: 999;
        }

    .content-wrapper #page-header {
        height: 50px;
        /* modified background: #fff;*/
        background: #323c50;
        box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.1);
        position: fixed;
        top: 0;
        right: 0;
        left: 250px;
        z-index: 990;
    }

        .content-wrapper #page-header #header-notifications-list > a:before {
            content: '';
            display: block;
            position: absolute;
            height: 6px;
            width: 6px;
            border-radius: 50%;
            background: #f93926;
            top: 14px;
            right: 8px;
        }

        .content-wrapper #page-header .profile-dropdown {
            top: 101%;
            padding: 0;
            border: none;
            background: #ffffff;
            overflow: hidden;
            border-radius: 0 4px;
        }

            .content-wrapper #page-header .profile-dropdown .profile-menu-container {
                width: 300px;
            }

                .content-wrapper #page-header .profile-dropdown .profile-menu-container .media {
                    padding: 25px 0;
                }

                    .content-wrapper #page-header .profile-dropdown .profile-menu-container .media .profile-image {
                        border-radius: 50%;
                        padding: 0 10px;
                    }

                    .content-wrapper #page-header .profile-dropdown .profile-menu-container .media .media-body {
                        padding: 0px 15px;
                    }

                .content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options {
                    overflow: hidden;
                }

                    .content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options > div {
                        width: 100px;
                        float: left;
                        background: #292E31;
                    }

                        .content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options > div a {
                            color: #ffffff;
                            padding: 15px 0;
                            font-size: 16px;
                            display: block;
                            text-decoration: none;
                        }

                            .content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options > div a:hover {
                                color: #ffffff;
                                text-decoration: none;
                            }

        .content-wrapper #page-header .nav > li > a:focus,
        .content-wrapper #page-header .nav > li > a:hover {
            background: transparent;
            color: #6a6c6f;
        }

    .content-wrapper #page-content {
        margin-left: 250px;
        /* modified padding: 75px 25px 80px 25px; */
        padding: 50px 25px 80px 25px;
    }

    .content-wrapper #page-footer {
        height: 70px;
        line-height: 70px;
        padding: 0 40px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 250px;
    }

        .content-wrapper #page-footer > p {
            line-height: 70px;
        }

    .content-wrapper > .error #page-footer {
        left: 0;
    }

.navbar-collapsed #page-header {
    left: 75px;
}

.navbar-collapsed #page-sidebar {
    width: 75px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

    .navbar-collapsed #page-sidebar:hover {
        width: 250px;
    }

        .navbar-collapsed #page-sidebar:hover .sidebar-header {
            width: 250px !important;
        }

            .navbar-collapsed #page-sidebar:hover .sidebar-header a span {
                opacity: 1;
                -webkit-transition: opacity 0.3s 0.2s ease;
                -moz-transition: opacity 0.3s 0.2s ease;
                transition: opacity 0.3s 0.2s ease;
            }

        .navbar-collapsed #page-sidebar:hover .sidebar-avatar {
            padding: 0 15px !important;
        }

            .navbar-collapsed #page-sidebar:hover .sidebar-avatar .media .media-left img {
                height: 64px;
                width: 64px;
            }

            .navbar-collapsed #page-sidebar:hover .sidebar-avatar .media .media-body {
                opacity: 1;
                -webkit-transition: opacity 0.3s 0.2s ease;
                -moz-transition: opacity 0.3s 0.2s ease;
                transition: opacity 0.3s 0.2s ease;
            }

        .navbar-collapsed #page-sidebar:hover .sidebar-navigation li.menu-header {
            opacity: 1;
            -webkit-transition: opacity 0.3s 0.2s ease;
            -moz-transition: opacity 0.3s 0.2s ease;
            transition: opacity 0.3s 0.2s ease;
        }

        .navbar-collapsed #page-sidebar:hover .sidebar-navigation li a span {
            opacity: 1;
            -webkit-transition: opacity 0.3s 0.2s ease;
            -moz-transition: opacity 0.3s 0.2s ease;
            transition: opacity 0.3s 0.2s ease;
        }

        .navbar-collapsed #page-sidebar:hover .sidebar-navigation li a i {
            right: 25px !important;
        }

        .navbar-collapsed #page-sidebar:hover .sidebar-navigation li.open ul.nav-submenu {
            height: auto !important;
        }

        .navbar-collapsed #page-sidebar:hover .sidebar-stats {
            opacity: 1;
            -webkit-transition: opacity 0.3s 0.2s ease;
            -moz-transition: opacity 0.3s 0.2s ease;
            transition: opacity 0.3s 0.2s ease;
        }

    .navbar-collapsed #page-sidebar .sidebar-header {
        width: 75px !important;
        overflow: hidden;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }

        .navbar-collapsed #page-sidebar .sidebar-header a span {
            opacity: 0;
        }

    .navbar-collapsed #page-sidebar .sidebar-avatar {
        padding: 0 5px !important;
        -webkit-transition: padding 0.3s ease;
        -moz-transition: padding 0.3s ease;
        transition: padding 0.3s ease;
    }

        .navbar-collapsed #page-sidebar .sidebar-avatar .media {
            height: 70px;
        }

            .navbar-collapsed #page-sidebar .sidebar-avatar .media .media-left img {
                height: 64px;
                width: 64px;
            }

            .navbar-collapsed #page-sidebar .sidebar-avatar .media .media-body {
                opacity: 0;
            }

    .navbar-collapsed #page-sidebar .sidebar-navigation li.menu-header {
        opacity: 0;
    }

    .navbar-collapsed #page-sidebar .sidebar-navigation li a span {
        opacity: 0;
    }

    .navbar-collapsed #page-sidebar .sidebar-navigation li a i {
        right: 30px !important;
    }

    .navbar-collapsed #page-sidebar .sidebar-navigation li.open ul.nav-submenu {
        height: 0 !important;
    }

    .navbar-collapsed #page-sidebar .sidebar-stats {
        opacity: 0;
    }

.navbar-collapsed #page-content {
    margin-left: 75px;
}

.navbar-collapsed #page-footer {
    left: 75px;
}

@media (max-width: 768px) {
    .notify-container[data-position="top-left"], .notify-container[data-position="top-right"], .notify-container[data-position="bottom-left"], .notify-container[data-position="bottom-right"], .notify-container[data-position="top"], .notify-container[data-position="bottom"] {
        left: 10px !important;
        right: 10px !important;
    }

    .notify-container .notify-wrapper {
        width: 300px !important;
    }

    .profile-widget-compact .profile-follow .row > div {
        padding: 15px !important;
    }

    .register-container {
        width: 100%;
    }

    .mini-stats-container .mini-stats-content {
        padding: 40px 40px;
    }

        .mini-stats-container .mini-stats-content h1 {
            font-size: 24px;
        }

    .mini-user-widget .media .media-body h3 {
        font-size: 15px;
    }

    .email-widget ul li {
        width: auto !important;
    }

    body.navbar-visible .content-wrapper {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

        body.navbar-visible .content-wrapper #page-sidebar {
            left: 0 !important;
        }

            body.navbar-visible .content-wrapper #page-sidebar .sidebar-header {
                left: 0px !important;
                top: 0px !important;
            }

        body.navbar-visible .content-wrapper #page-header {
            left: 250px !important;
        }

            body.navbar-visible .content-wrapper #page-header .header-container {
                margin-right: -250px !important;
            }

        body.navbar-visible .content-wrapper #page-content {
            margin-left: 250px !important;
            margin-right: -250px !important;
        }

    body .content-wrapper.mail .mail-container {
        position: relative;
        overflow: hidden;
    }

        body .content-wrapper.mail .mail-container .mail-list {
            width: calc(100% - 75px) !important;
        }

        body .content-wrapper.mail .mail-container .mail-message {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 75px;
            right: 0;
            width: calc(100% - 75px);
            z-index: 9999;
            -webkit-transform: translate(100%, 0);
            -moz-transform: translate(100%, 0);
            transform: translate(100%, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

            body .content-wrapper.mail .mail-container .mail-message.mail-message-visible {
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                transform: translate(0, 0);
            }

            body .content-wrapper.mail .mail-container .mail-message .mail-message-close {
                position: absolute;
                top: 0;
                right: 0;
                cursor: pointer;
            }

    body .content-wrapper .lockscreen-container,
    body .content-wrapper .register-container,
    body .content-wrapper .login-container,
    body .content-wrapper .fp-container {
        width: 100%;
    }

    body .content-wrapper #page-header {
        left: 0;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }

        body .content-wrapper #page-header .header-container {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 150px;
            text-align: center;
            margin: 0 auto;
            height: 50px;
            line-height: 50px;
        }

    body .content-wrapper #page-sidebar {
        left: -250px;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }

        body .content-wrapper #page-sidebar .sidebar-header {
            left: -250px;
            -webkit-transition: left 0.3s ease;
            -moz-transition: left 0.3s ease;
            transition: left 0.3s ease;
        }

    body .content-wrapper #page-content {
        margin-left: 0;
        margin-right: 0;
        transition: margin-left 0.3s ease, margin-right 0.3s ease;
    }

        body .content-wrapper #page-content .todo-container .todo-body {
            position: relative;
            overflow: hidden;
        }

            body .content-wrapper #page-content .todo-container .todo-body .todo-aside {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                z-index: 9999;
                -webkit-transform: translate(-100%, 0);
                -moz-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
                -webkit-transition: transform 0.3s;
                -moz-transition: transform 0.3s;
                transition: transform 0.3s;
            }

                body .content-wrapper #page-content .todo-container .todo-body .todo-aside.todo-aside-visible {
                    -webkit-transform: translate(0, 0);
                    -moz-transform: translate(0, 0);
                    transform: translate(0, 0);
                }

        body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-left {
            text-align: center;
            width: 100%;
        }

            body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-left button {
                margin: 0;
            }

            body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-left h2 {
                margin: 0;
                font-size: 24px;
            }

        body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-right {
            float: none;
        }

        body .content-wrapper #page-content .tab-content #simple-notification .notifications-dummy .dummy-notification,
        body .content-wrapper #page-content .tab-content #alert-notification .notifications-dummy .dummy-notification {
            height: 20px;
            width: 100px;
        }

        body .content-wrapper #page-content .tab-content #thumb-notification .notifications-dummy .dummy-notification,
        body .content-wrapper #page-content .tab-content #thumb-circle-notification .notifications-dummy .dummy-notification {
            width: 100px;
        }

            body .content-wrapper #page-content .tab-content #thumb-notification .notifications-dummy .dummy-notification .dummy-notification-image,
            body .content-wrapper #page-content .tab-content #thumb-circle-notification .notifications-dummy .dummy-notification .dummy-notification-image {
                height: 30px;
                width: 30px;
            }

            body .content-wrapper #page-content .tab-content #thumb-notification .notifications-dummy .dummy-notification .dummy-notification-content,
            body .content-wrapper #page-content .tab-content #thumb-circle-notification .notifications-dummy .dummy-notification .dummy-notification-content {
                width: 35px;
                left: 45px;
                top: 25px;
            }

        body .content-wrapper #page-content .tab-content #flip-notification .notifications-dummy .dummy-notification {
            width: 100px;
        }

        body .content-wrapper #page-content #form-notify .notification-style ul li {
            width: 33%;
        }

        body .content-wrapper #page-content .timeline-container .timeline-ul:before {
            margin: 0 0 0 28px !important;
        }

        body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-moment, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-moment {
            width: 0% !important;
            height: 0;
            float: none !important;
        }

            body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-moment span:first-child, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-moment span:first-child {
                position: absolute;
                top: -20px;
                left: 70px;
                z-index: 9999;
            }

            body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-moment .timeline-incident-icon, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-moment .timeline-incident-icon {
                margin: 0 !important;
            }

        body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-body, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-body {
            float: none !important;
            width: calc(100% - 50px);
            margin-left: 50px;
            text-align: left !important;
        }

        body .content-wrapper #page-content .profile-stats {
            display: none;
        }

    body .content-wrapper #page-footer {
        left: 0;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }

        body .content-wrapper #page-footer p {
            text-align: center;
        }

            body .content-wrapper #page-footer p .footer-author {
                display: none;
            }
}

/* ----------------------------------------------------
 *  4. Navigation
 *
 *  Base part for the navifation of the application
 *  
 *  Description: Contains styling for the navigation.
 * ---------------------------------------------------- */
#page-sidebar {
    background: #323c50;
}

    #page-sidebar .scrollbar-padder {
        height: 100%;
        width: 100%;
    }

        #page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_container {
            margin: 0;
        }

        #page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_draggerRail {
            background: transparent;
        }

        #page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
            background: rgba(255, 255, 255, 0.3);
        }

        #page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
            background: rgba(255, 255, 255, 0.3);
            margin-right: 0;
            border-radius: 0;
        }

    #page-sidebar .sidebar-container .sidebar-header {
        height: 50px;
        line-height: 50px;
    }

        #page-sidebar .sidebar-container .sidebar-header a {
            color: #ffffff;
            display: block;
            padding: 0 32px;
            font-size: 18px;
        }

            #page-sidebar .sidebar-container .sidebar-header a:hover, #page-sidebar .sidebar-container .sidebar-header a:focus {
                text-decoration: none;
            }

    #page-sidebar .sidebar-container .sidebar-avatar {
        padding: 0px 15px;
        margin: 25px 0;
    }

    #page-sidebar .sidebar-container .sidebar-navigation .menu-header {
        padding: 10px 25px;
        color: rgba(255, 255, 255, 0.6);
    }

    #page-sidebar .sidebar-container .sidebar-navigation li {
        border-left: solid 3px transparent;
    }

        #page-sidebar .sidebar-container .sidebar-navigation li a {
            color: rgba(255, 255, 255, 1);
            position: relative;
            display: block;
            padding: 15px 25px;
            height: 40px;
            line-height: 15px;
            text-decoration: none;
            font-size: 15px;
        }

            #page-sidebar .sidebar-container .sidebar-navigation li a:hover {
                color: #ffffff;
                text-decoration: none;
            }

            #page-sidebar .sidebar-container .sidebar-navigation li a i {
                position: absolute;
                right: 25px;
                top: 0;
                bottom: 0;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
            }

        #page-sidebar .sidebar-container .sidebar-navigation li.divider {
            margin: 15px 0;
            border-top: solid 1px rgba(255, 255, 255, 0.05);
        }

        #page-sidebar .sidebar-container .sidebar-navigation li ul.nav-submenu {
            height: 0;
            overflow: hidden;
        }

            #page-sidebar .sidebar-container .sidebar-navigation li ul.nav-submenu li {
                opacity: 0;
                -webkit-transform: translateX(-15px);
                -moz-transform: translateX(-15px);
                transform: translateX(-15px);
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                transition: all 0.2s;
            }

        #page-sidebar .sidebar-container .sidebar-navigation li.open {
            background: rgba(0, 0, 0, 0.25);
            border-left: solid 3px #27c24c;
        }

            #page-sidebar .sidebar-container .sidebar-navigation li.open > a {
                color: #ffffff;
            }

            #page-sidebar .sidebar-container .sidebar-navigation li.open ul.nav-submenu {
                height: auto;
            }

                #page-sidebar .sidebar-container .sidebar-navigation li.open ul.nav-submenu li {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    transform: translateX(0);
                }

                    #page-sidebar .sidebar-container .sidebar-navigation li.open ul.nav-submenu li.active a {
                        color: #ffffff !important;
                    }

    #page-sidebar .sidebar-container .sidebar-stats {
        padding: 25px;
    }

/* ----------------------------------------------------
 *  5. Panels
 *
 *  Only panel which was created for panels for XPLOIT
 * ---------------------------------------------------- */
.panel-x {
    /* modified
  margin-bottom: 20px; */
    background-color: #ffffff;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.07);
}

    .panel-x .panel-heading {
        padding: 15px 15px;
        /*font-family: "Montserrat", sans-serif;*/
        font-weight: 600;
        text-overflow: ellipsis;
        letter-spacing: 0.02em;
        color: #0b1115;
    }

    .panel-x.panel-transparent {
        background: transparent;
        border-color: transparent;
    }

.panel .panel-heading {
    /*font-family: "Montserrat", sans-serif;*/
    font-weight: 600;
    text-overflow: ellipsis;
}

/* ----------------------------------------------------
 *  6. Tabs
 *
 *  This part of the CSS only
 *  contains the over ride CSS for bootstrap tabs
 *  and contains the CSS for extra tabs that are 
 *  available.
 * ---------------------------------------------------- */
.tab-container {
    margin-bottom: 15px;
    position: relative;
    /* ============================
        Over Ride Default Stlyes
    ============================ */
    /* --------------- Begin Tab Position Stlyes --------------- */
    /* ============================
        Tab Position Top
    ============================ */
    /* ============================
        Tab Position Right
    ============================ */
    /* ============================
        Tab Position Bottom
    ============================ */
    /* ============================
        Tab Position Left
    ============================ */
    /* --------------- End Tab Position Stlyes --------------- */
    /* --------------- Begin Tab Style - Border Top Styles --------------- */
    /* ============================
        Tab Style Border Top
    ============================ */
    /* --------------- End Tab Style - Border Top Styles --------------- */
    /* --------------- Begin Tab Style - Border Bottom Styles --------------- */
    /* ============================
        Tab Style Border Bottom
    ============================ */
    /* --------------- End Tab Style - Border Bottom Styles --------------- */
    /* --------------- Begin Tab Style - Arrow Down --------------- */
    /* ============================
        Tab Style Arrow Down
    ============================ */
    /* --------------- End Tab Style - Arrow Down --------------- */
    /* --------------- Begin Tab Style - Colored Arrow Down --------------- */
    /* ============================
        Tab Style Colored Arrow Down
    ============================ */
    /* --------------- End Tab Style - Colored Arrow Down --------------- */
    /* --------------- Begin Tab Style - Box Line --------------- */
    /* ============================
        Tab Style Box Line
    ============================ */
    /* --------------- End Tab Style - Box Line --------------- */
}

    .tab-container.tab-top.tab-arrow-down .nav-tabs-container {
        height: 56px;
        position: relative;
        z-index: 999;
    }

    .tab-container.tab-top.tab-arrow-down .tab-content {
        position: relative;
        top: -8px;
    }

    .tab-container.tab-bottom .nav-tabs-container {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tab-container.tab-bottom.tab-arrow-down .nav-tabs-container {
        height: 56px;
    }

    .tab-container .nav-tabs {
        border: none;
    }

        .tab-container .nav-tabs > li > a {
            margin: 0;
            border: none;
            border-radius: 0;
            color: #757474;
            /*font-family: "Montserrat", sans-serif;*/
            font-size: 12px;
            font-weight: 400;
            padding: 15px 20px;
            text-transform: uppercase;
            -webkit-transition: color 0.2s;
            -moz-transition: color 0.2s;
            transition: color 0.2s;
        }

            .tab-container .nav-tabs > li > a:hover, .tab-container .nav-tabs > li > a:focus {
                color: #6a6c6f;
                background: transparent;
            }

        .tab-container .nav-tabs > li.active > a,
        .tab-container .nav-tabs > li.active > a:hover,
        .tab-container .nav-tabs > li.active > a:focus {
            color: #6a6c6f;
            background: #ffffff;
            border: none;
        }

    .tab-container > .tab-content {
        background: #ffffff;
        padding: 15px 25px;
    }

    .tab-container.tab-top .nav-tabs > li > a {
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    .tab-container.tab-top > .tab-content {
        overflow: auto;
    }

    .tab-container.tab-right .nav-tabs {
        float: right;
    }

        .tab-container.tab-right .nav-tabs > li {
            display: block;
            float: none;
        }

            .tab-container.tab-right .nav-tabs > li > a {
                margin: 0;
            }

    .tab-container.tab-right > .tab-content {
        overflow: auto;
    }

    .tab-container.tab-bottom.tab-container {
        overflow: hidden;
    }

        .tab-container.tab-bottom.tab-container .nav-tabs {
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .tab-container.tab-bottom.tab-container .nav-tabs > li {
                display: inline-block;
            }

                .tab-container.tab-bottom.tab-container .nav-tabs > li > a {
                    margin: 0;
                }

        .tab-container.tab-bottom.tab-container .tab-content {
            margin-bottom: 46px;
            overflow: auto;
        }

    .tab-container.tab-left .nav-tabs {
        float: left;
    }

        .tab-container.tab-left .nav-tabs > li {
            display: block;
            float: none;
        }

            .tab-container.tab-left .nav-tabs > li > a {
                margin: 0;
            }

    .tab-container.tab-left > .tab-content {
        overflow: auto;
    }

    .tab-container.tab-border-top {
        /* --------------- Begin Tab Position for Border Top --------------- */
        /* ============================
            Tab Position Top
        ============================ */
        /* ============================
            Tab Position Right
        ============================ */
        /* ============================
            Tab Position bottom
        ============================ */
        /* ============================
            Tab Position Left
        ============================ */
        /* --------------- End Tab Position for Border Top --------------- */
        /* --------------- Begin Tab Colors for Border Top --------------- */
        /* ============================
            Tab Color Default
        ============================ */
        /* ============================
            Tab Color Primary
        ============================ */
        /* ============================
            Tab Color Success
        ============================ */
        /* ============================
            Tab Color Info
        ============================ */
        /* ============================
            Tab Color Warning
        ============================ */
        /* ============================
            Tab Color Danger
        ============================ */
        /* --------------- End Tab Colors for Border Top --------------- */
    }

        .tab-container.tab-border-top .nav-tabs > li > a {
            background: #ffffff;
            overflow: hidden;
            position: relative;
        }

            .tab-container.tab-border-top .nav-tabs > li > a:hover {
                background: #ffffff !important;
            }

        .tab-container.tab-border-top .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-top.tab-top .nav-tabs > li > a:after {
            height: 4px;
            width: 100%;
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            -webkit-transform: translate3d(0, -150%, 0);
            -moz-transform: translate3d(0, -150%, 0);
            transform: translate3d(0, -150%, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-top.tab-top .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-top.tab-right .nav-tabs > li > a:after {
            height: 100%;
            width: 4px;
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            -webkit-transform: translate3d(150%, 0, 0);
            -moz-transform: translate3d(150%, 0, 0);
            transform: translate3d(150%, 0, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-top.tab-right .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-top.tab-bottom .nav-tabs > li > a:after {
            height: 4px;
            width: 100%;
            position: absolute;
            content: '';
            bottom: 1px;
            left: 0;
            -webkit-transform: translate3d(0, 150%, 0);
            -moz-transform: translate3d(0, 150%, 0);
            transform: translate3d(0, 150%, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-top.tab-bottom .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-top.tab-left .nav-tabs > li > a:after {
            height: 100%;
            width: 4px;
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            -webkit-transform: translate3d(-150%, 0, 0);
            -moz-transform: translate3d(-150%, 0, 0);
            transform: translate3d(-150%, 0, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-top.tab-left .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-top.tab-default .nav-tabs > li > a {
            color: #0b1115;
        }

        .tab-container.tab-border-top.tab-default .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-top.tab-default .nav-tabs > li.active > a:after {
                background: #0b1115;
            }

        .tab-container.tab-border-top.tab-primary .nav-tabs > li > a {
            color: #323c50;
        }

        .tab-container.tab-border-top.tab-primary .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-top.tab-primary .nav-tabs > li.active > a:after {
                background: #323c50;
            }

        .tab-container.tab-border-top.tab-success .nav-tabs > li > a {
            color: #27c24c;
        }

        .tab-container.tab-border-top.tab-success .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-top.tab-success .nav-tabs > li.active > a:after {
                background: #27c24c;
            }

        .tab-container.tab-border-top.tab-info .nav-tabs > li > a {
            color: #00abe8;
        }

        .tab-container.tab-border-top.tab-info .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-top.tab-info .nav-tabs > li.active > a:after {
                background: #00abe8;
            }

        .tab-container.tab-border-top.tab-warning .nav-tabs > li > a {
            color: #ff9c00;
        }

        .tab-container.tab-border-top.tab-warning .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-top.tab-warning .nav-tabs > li.active > a:after {
                background: #ff9c00;
            }

        .tab-container.tab-border-top.tab-danger .nav-tabs > li > a {
            color: #f93926;
        }

        .tab-container.tab-border-top.tab-danger .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-top.tab-danger .nav-tabs > li.active > a:after {
                background: #f93926;
            }

    .tab-container.tab-border-bottom {
        /* --------------- Begin Tab Position for Border Bottom --------------- */
        /* ============================
            Tab Position Top
        ============================ */
        /* ============================
            Tab Position Right
        ============================ */
        /* ============================
            Tab Position Bottom
        ============================ */
        /* ============================
            Tab Position Left
        ============================ */
        /* --------------- End Tab Position for Border Bottom --------------- */
        /* --------------- Begin Tab Colors for Border Bottom --------------- */
        /* ============================
            Tab Color Default
        ============================ */
        /* ============================
            Tab Color Primary
        ============================ */
        /* ============================
            Tab Color Success
        ============================ */
        /* ============================
            Tab Color Info
        ============================ */
        /* ============================
            Tab Color Warning
        ============================ */
        /* ============================
            Tab Color Danger
        ============================ */
        /* --------------- End Tab Colors for Border Bottom --------------- */
    }

        .tab-container.tab-border-bottom .nav-tabs > li > a {
            background: #ffffff;
            overflow: hidden;
            position: relative;
        }

            .tab-container.tab-border-bottom .nav-tabs > li > a:hover {
                background: #ffffff !important;
            }

        .tab-container.tab-border-bottom .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-bottom.tab-top .nav-tabs > li > a:after {
            height: 4px;
            width: 100%;
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            -webkit-transform: translate3d(0, 150%, 0);
            -moz-transform: translate3d(0, 150%, 0);
            transform: translate3d(0, 150%, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-bottom.tab-top .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-bottom.tab-right .nav-tabs > li > a:after {
            height: 100%;
            width: 4px;
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            -webkit-transform: translate3d(-150%, 0, 0);
            -moz-transform: translate3d(-150%, 0, 0);
            transform: translate3d(-150%, 0, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-bottom.tab-right .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-bottom.tab-bottom .nav-tabs > li > a:after {
            height: 4px;
            width: 100%;
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            -webkit-transform: translate3d(0, -150%, 0);
            -moz-transform: translate3d(0, -150%, 0);
            transform: translate3d(0, -150%, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-bottom.tab-bottom .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-bottom.tab-left .nav-tabs > li > a:after {
            height: 100%;
            width: 4px;
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            -webkit-transform: translate3d(150%, 0, 0);
            -moz-transform: translate3d(150%, 0, 0);
            transform: translate3d(150%, 0, 0);
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .tab-container.tab-border-bottom.tab-left .nav-tabs > li.active > a:after {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .tab-container.tab-border-bottom.tab-default .nav-tabs > li > a {
            color: #0b1115;
        }

        .tab-container.tab-border-bottom.tab-default .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-bottom.tab-default .nav-tabs > li.active > a:after {
                background: #0b1115;
            }

        .tab-container.tab-border-bottom.tab-primary .nav-tabs > li > a {
            color: #323c50;
        }

        .tab-container.tab-border-bottom.tab-primary .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-bottom.tab-primary .nav-tabs > li.active > a:after {
                background: #323c50;
            }

        .tab-container.tab-border-bottom.tab-success .nav-tabs > li > a {
            color: #27c24c;
        }

        .tab-container.tab-border-bottom.tab-success .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-bottom.tab-success .nav-tabs > li.active > a:after {
                background: #27c24c;
            }

        .tab-container.tab-border-bottom.tab-info .nav-tabs > li > a {
            color: #00abe8;
        }

        .tab-container.tab-border-bottom.tab-info .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-bottom.tab-info .nav-tabs > li.active > a:after {
                background: #00abe8;
            }

        .tab-container.tab-border-bottom.tab-warning .nav-tabs > li > a {
            color: #ff9c00;
        }

        .tab-container.tab-border-bottom.tab-warning .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-bottom.tab-warning .nav-tabs > li.active > a:after {
                background: #ff9c00;
            }

        .tab-container.tab-border-bottom.tab-danger .nav-tabs > li > a {
            color: #f93926;
        }

        .tab-container.tab-border-bottom.tab-danger .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

            .tab-container.tab-border-bottom.tab-danger .nav-tabs > li.active > a:after {
                background: #f93926;
            }

    .tab-container.tab-arrow-down {
        /* --------------- Begin Tab Position for Arrow Down --------------- */
        /* ============================
            Tab Position Top
        ============================ */
        /* ============================
            Tab Position Right
        ============================ */
        /* ============================
            Tab Position Bottom
        ============================ */
        /* ============================
            Tab Position Left
        ============================ */
        /* --------------- End Tab Position for Arrow Down --------------- */
        /* --------------- Begin Tab Color for Arrow Down --------------- */
        /* ============================
            Tab Color Default
        ============================ */
        /* ============================
            Tab Color Primary
        ============================ */
        /* ============================
            Tab Color Success
        ============================ */
        /* ============================
            Tab Color Info
        ============================ */
        /* ============================
            Tab Color Warning
        ============================ */
        /* ============================
            Tab Color Danger
        ============================ */
        /* --------------- End Tab Color for Arrow Down --------------- */
    }

        .tab-container.tab-arrow-down .nav-tabs > li > a {
            background: #ffffff;
            position: relative;
            overflow: visible;
        }

        .tab-container.tab-arrow-down.tab-top .nav-tabs > li > a {
            border-bottom: solid 1px #ddd !important;
            background: #ffffff;
            position: relative;
            overflow: visible;
        }

        .tab-container.tab-arrow-down.tab-top .nav-tabs > li.active > a:before {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            border-width: 8px;
            margin-left: -8px;
            border-top-color: rgba(0, 0, 0, 0.2);
        }

        .tab-container.tab-arrow-down.tab-top .nav-tabs > li.active > a:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            width: 0;
            height: 0;
            border: solid transparent;
            pointer-events: none;
            margin-left: -7px;
            border-width: 7px;
            border-top-color: #ffffff;
        }

        .tab-container.tab-arrow-down.tab-right .nav-tabs > li > a {
            border-left: solid 1px #ddd !important;
            background: #ffffff;
            position: relative;
            overflow: visible;
        }

        .tab-container.tab-arrow-down.tab-right .nav-tabs > li.active > a:before {
            content: '';
            position: absolute;
            right: 100%;
            top: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            border-width: 8px;
            margin-top: -8px;
            border-right-color: rgba(0, 0, 0, 0.2);
        }

        .tab-container.tab-arrow-down.tab-right .nav-tabs > li.active > a:after {
            content: '';
            position: absolute;
            right: 100%;
            top: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            margin-top: -7px;
            border-width: 7px;
            border-right-color: #ffffff;
        }

        .tab-container.tab-arrow-down.tab-bottom .nav-tabs > li > a {
            border-top: solid 1px #ddd !important;
            background: #ffffff;
            position: relative;
            overflow: visible;
        }

        .tab-container.tab-arrow-down.tab-bottom .nav-tabs > li.active > a:before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            border-width: 8px;
            margin-left: -8px;
            border-bottom-color: rgba(0, 0, 0, 0.2);
        }

        .tab-container.tab-arrow-down.tab-bottom .nav-tabs > li.active > a:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            margin-left: -7px;
            border-width: 7px;
            border-bottom-color: #ffffff;
        }

        .tab-container.tab-arrow-down.tab-left .nav-tabs > li > a {
            border-right: solid 1px #ddd !important;
            background: #ffffff;
            position: relative;
            overflow: visible;
        }

        .tab-container.tab-arrow-down.tab-left .nav-tabs > li.active > a:before {
            content: '';
            position: absolute;
            left: 100%;
            top: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            border-width: 8px;
            margin-top: -8px;
            border-left-color: rgba(0, 0, 0, 0.2);
        }

        .tab-container.tab-arrow-down.tab-left .nav-tabs > li.active > a:after {
            content: '';
            position: absolute;
            left: 100%;
            top: 50%;
            height: 0;
            width: 0;
            border: solid transparent;
            pointer-events: none;
            margin-top: -7px;
            border-width: 7px;
            border-left-color: #ffffff;
        }

        .tab-container.tab-arrow-down.tab-default .nav-tabs > li > a {
            color: #0b1115;
        }

        .tab-container.tab-arrow-down.tab-default .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

        .tab-container.tab-arrow-down.tab-primary .nav-tabs > li > a {
            color: #323c50;
        }

        .tab-container.tab-arrow-down.tab-primary .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

        .tab-container.tab-arrow-down.tab-success .nav-tabs > li > a {
            color: #27c24c;
        }

        .tab-container.tab-arrow-down.tab-success .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

        .tab-container.tab-arrow-down.tab-info .nav-tabs > li > a {
            color: #00abe8;
        }

        .tab-container.tab-arrow-down.tab-info .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

        .tab-container.tab-arrow-down.tab-warning .nav-tabs > li > a {
            color: #ff9c00;
        }

        .tab-container.tab-arrow-down.tab-warning .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

        .tab-container.tab-arrow-down.tab-danger .nav-tabs > li > a {
            color: #f93926;
        }

        .tab-container.tab-arrow-down.tab-danger .nav-tabs > li.active > a {
            color: #6a6c6f;
        }

    .tab-container.tab-colored-arrow-down {
        /* --------------- Begin Tab Position for Colored Arrow Down --------------- */
        /* ============================
            Tab Position Top
        ============================ */
        /* ============================
            Tab Position Right
        ============================ */
        /* ============================
            Tab Position Bottom
        ============================ */
        /* ============================
            Tab Position Left
        ============================ */
        /* --------------- End Tab Position for Colored Arrow Down --------------- */
    }

        .tab-container.tab-colored-arrow-down .nav-tabs > li > a {
            position: relative;
            overflow: visible;
        }

        .tab-container.tab-colored-arrow-down.tab-top {
            /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
            /* ============================
                Tab Color Default
            ============================ */
            /* ============================
                Tab Color Primary
            ============================ */
            /* ============================
                Tab Color Success
            ============================ */
            /* ============================
                Tab Color Info
            ============================ */
            /* ============================
                Tab Color Warning
            ============================ */
            /* ============================
                Tab Color Danger
            ============================ */
            /* --------------- End Tab Color for Colored Arrow Down --------------- */
        }

            .tab-container.tab-colored-arrow-down.tab-top .nav-tabs > li.active > a:before {
                content: '';
                position: absolute;
                top: 100%;
                left: 50%;
                height: 0;
                width: 0;
                border: solid transparent;
                pointer-events: none;
                border-width: 8px;
                margin-left: -8px;
                border-top-color: #ffffff;
            }

            .tab-container.tab-colored-arrow-down.tab-top.tab-default .nav-tabs > li.active > a {
                background: #0b1115;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-top.tab-default .nav-tabs > li.active > a:before {
                    border-top-color: #0b1115;
                }

            .tab-container.tab-colored-arrow-down.tab-top.tab-primary .nav-tabs > li.active > a {
                background: #323c50;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-top.tab-primary .nav-tabs > li.active > a:before {
                    border-top-color: #323c50;
                }

            .tab-container.tab-colored-arrow-down.tab-top.tab-success .nav-tabs > li.active > a {
                background: #27c24c;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-top.tab-success .nav-tabs > li.active > a:before {
                    border-top-color: #27c24c;
                }

            .tab-container.tab-colored-arrow-down.tab-top.tab-info .nav-tabs > li.active > a {
                background: #00abe8;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-top.tab-info .nav-tabs > li.active > a:before {
                    border-top-color: #00abe8;
                }

            .tab-container.tab-colored-arrow-down.tab-top.tab-warning .nav-tabs > li.active > a {
                background: #ff9c00;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-top.tab-warning .nav-tabs > li.active > a:before {
                    border-top-color: #ff9c00;
                }

            .tab-container.tab-colored-arrow-down.tab-top.tab-danger .nav-tabs > li.active > a {
                background: #f93926;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-top.tab-danger .nav-tabs > li.active > a:before {
                    border-top-color: #f93926;
                }

        .tab-container.tab-colored-arrow-down.tab-right {
            /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
            /* ============================
                Tab Color Default
            ============================ */
            /* ============================
                Tab Color Primary
            ============================ */
            /* ============================
                Tab Color Success
            ============================ */
            /* ============================
                Tab Color Info
            ============================ */
            /* ============================
                Tab Color Warning
            ============================ */
            /* ============================
                Tab Color Danger
            ============================ */
            /* --------------- End Tab Color for Colored Arrow Down --------------- */
        }

            .tab-container.tab-colored-arrow-down.tab-right .nav-tabs > li.active > a:before {
                content: '';
                position: absolute;
                right: 100%;
                top: 50%;
                height: 0;
                width: 0;
                border: solid transparent;
                pointer-events: none;
                border-width: 8px;
                margin-top: -8px;
                border-right-color: #ffffff;
            }

            .tab-container.tab-colored-arrow-down.tab-right.tab-default .nav-tabs > li.active > a {
                background: #0b1115;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-right.tab-default .nav-tabs > li.active > a:before {
                    border-right-color: #0b1115;
                }

            .tab-container.tab-colored-arrow-down.tab-right.tab-primary .nav-tabs > li.active > a {
                background: #323c50;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-right.tab-primary .nav-tabs > li.active > a:before {
                    border-right-color: #323c50;
                }

            .tab-container.tab-colored-arrow-down.tab-right.tab-success .nav-tabs > li.active > a {
                background: #27c24c;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-right.tab-success .nav-tabs > li.active > a:before {
                    border-right-color: #27c24c;
                }

            .tab-container.tab-colored-arrow-down.tab-right.tab-info .nav-tabs > li.active > a {
                background: #00abe8;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-right.tab-info .nav-tabs > li.active > a:before {
                    border-right-color: #00abe8;
                }

            .tab-container.tab-colored-arrow-down.tab-right.tab-warning .nav-tabs > li.active > a {
                background: #ff9c00;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-right.tab-warning .nav-tabs > li.active > a:before {
                    border-right-color: #ff9c00;
                }

            .tab-container.tab-colored-arrow-down.tab-right.tab-danger .nav-tabs > li.active > a {
                background: #f93926;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-right.tab-danger .nav-tabs > li.active > a:before {
                    border-right-color: #f93926;
                }

        .tab-container.tab-colored-arrow-down.tab-bottom {
            /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
            /* ============================
                Tab Color Default
            ============================ */
            /* ============================
                Tab Color Primary
            ============================ */
            /* ============================
                Tab Color Success
            ============================ */
            /* ============================
                Tab Color Info
            ============================ */
            /* ============================
                Tab Color Warning
            ============================ */
            /* ============================
                Tab Color Danger
            ============================ */
            /* --------------- End Tab Color for Colored Arrow Down --------------- */
        }

            .tab-container.tab-colored-arrow-down.tab-bottom .nav-tabs > li.active > a:before {
                content: '';
                position: absolute;
                bottom: 100%;
                left: 50%;
                height: 0;
                width: 0;
                border: solid transparent;
                pointer-events: none;
                border-width: 8px;
                margin-left: -8px;
                border-bottom-color: #ffffff;
            }

            .tab-container.tab-colored-arrow-down.tab-bottom.tab-default .nav-tabs > li.active > a {
                background: #0b1115;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-bottom.tab-default .nav-tabs > li.active > a:before {
                    border-bottom-color: #0b1115;
                }

            .tab-container.tab-colored-arrow-down.tab-bottom.tab-primary .nav-tabs > li.active > a {
                background: #323c50;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-bottom.tab-primary .nav-tabs > li.active > a:before {
                    border-bottom-color: #323c50;
                }

            .tab-container.tab-colored-arrow-down.tab-bottom.tab-success .nav-tabs > li.active > a {
                background: #27c24c;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-bottom.tab-success .nav-tabs > li.active > a:before {
                    border-bottom-color: #27c24c;
                }

            .tab-container.tab-colored-arrow-down.tab-bottom.tab-info .nav-tabs > li.active > a {
                background: #00abe8;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-bottom.tab-info .nav-tabs > li.active > a:before {
                    border-bottom-color: #00abe8;
                }

            .tab-container.tab-colored-arrow-down.tab-bottom.tab-warning .nav-tabs > li.active > a {
                background: #ff9c00;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-bottom.tab-warning .nav-tabs > li.active > a:before {
                    border-bottom-color: #ff9c00;
                }

            .tab-container.tab-colored-arrow-down.tab-bottom.tab-danger .nav-tabs > li.active > a {
                background: #f93926;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-bottom.tab-danger .nav-tabs > li.active > a:before {
                    border-bottom-color: #f93926;
                }

        .tab-container.tab-colored-arrow-down.tab-left {
            /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
            /* ============================
                Tab Color Default
            ============================ */
            /* ============================
                Tab Color Primary
            ============================ */
            /* ============================
                Tab Color Success
            ============================ */
            /* ============================
                Tab Color Info
            ============================ */
            /* ============================
                Tab Color Warning
            ============================ */
            /* ============================
                Tab Color Danger
            ============================ */
            /* --------------- End Tab Color for Colored Arrow Down --------------- */
        }

            .tab-container.tab-colored-arrow-down.tab-left .nav-tabs > li.active > a:before {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                height: 0;
                width: 0;
                border: solid transparent;
                pointer-events: none;
                border-width: 8px;
                margin-top: -8px;
                border-left-color: #ffffff;
            }

            .tab-container.tab-colored-arrow-down.tab-left.tab-default .nav-tabs > li.active > a {
                background: #0b1115;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-left.tab-default .nav-tabs > li.active > a:before {
                    border-left-color: #0b1115;
                }

            .tab-container.tab-colored-arrow-down.tab-left.tab-primary .nav-tabs > li.active > a {
                background: #323c50;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-left.tab-primary .nav-tabs > li.active > a:before {
                    border-left-color: #323c50;
                }

            .tab-container.tab-colored-arrow-down.tab-left.tab-success .nav-tabs > li.active > a {
                background: #27c24c;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-left.tab-success .nav-tabs > li.active > a:before {
                    border-left-color: #27c24c;
                }

            .tab-container.tab-colored-arrow-down.tab-left.tab-info .nav-tabs > li.active > a {
                background: #00abe8;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-left.tab-info .nav-tabs > li.active > a:before {
                    border-left-color: #00abe8;
                }

            .tab-container.tab-colored-arrow-down.tab-left.tab-warning .nav-tabs > li.active > a {
                background: #ff9c00;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-left.tab-warning .nav-tabs > li.active > a:before {
                    border-left-color: #ff9c00;
                }

            .tab-container.tab-colored-arrow-down.tab-left.tab-danger .nav-tabs > li.active > a {
                background: #f93926;
                color: #ffffff;
            }

                .tab-container.tab-colored-arrow-down.tab-left.tab-danger .nav-tabs > li.active > a:before {
                    border-left-color: #f93926;
                }

    .tab-container.tab-box-line {
        /* --------------- Begin Tab Color for Box Line --------------- */
        /* ============================
            Tab Color Default
        ============================ */
        /* ============================
            Tab Color Primary
        ============================ */
        /* ============================
            Tab Color Success
        ============================ */
        /* ============================
            Tab Color Info
        ============================ */
        /* ============================
            Tab Color Warning
        ============================ */
        /* ============================
            Tab Color Danger
        ============================ */
        /* --------------- End Tab Color for Box Line --------------- */
    }

        .tab-container.tab-box-line .nav-tabs > li > a {
            position: relative;
            z-index: 1;
            margin-right: 5px;
        }

            .tab-container.tab-box-line .nav-tabs > li > a:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                height: 100%;
                width: 100%;
                background: #d2d8d6;
                -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
                transition: background-color 0.3s, transform 0.3s;
                -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
                transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
                -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
                transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
            }

        .tab-container.tab-box-line .nav-tabs > li.active > a {
            color: #ffffff !important;
        }

            .tab-container.tab-box-line .nav-tabs > li.active > a:after {
                background: #2CC185;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

        .tab-container.tab-box-line.tab-default .nav-tabs > li.active > a:after {
            background: #0b1115;
        }

        .tab-container.tab-box-line.tab-primary .nav-tabs > li.active > a:after {
            background: #323c50;
        }

        .tab-container.tab-box-line.tab-success .nav-tabs > li.active > a:after {
            background: #27c24c;
        }

        .tab-container.tab-box-line.tab-info .nav-tabs > li.active > a:after {
            background: #00abe8;
        }

        .tab-container.tab-box-line.tab-warning .nav-tabs > li.active > a:after {
            background: #ff9c00;
        }

        .tab-container.tab-box-line.tab-danger .nav-tabs > li.active > a:after {
            background: #f93926;
        }

/* ------------------------- End Tabs ------------------------- */
/* ------------------------- Begin Accordion ------------------------- */
/* ============================
    Accordion Default
============================ */
.accordion-default {
    margin-bottom: 20px;
}

    .accordion-default .panel {
        margin-bottom: 5px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-default .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-default .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-default .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px;
                }

                    .accordion-default .panel > .panel-heading > .panel-title a:hover, .accordion-default .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-default .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-default .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        right: 15px;
                    }

        .accordion-default .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #6a6c6f;
        }

        .accordion-default .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-default .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-default .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-default .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-default .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Sticked
============================ */
.accordion-sticked {
    margin-bottom: 20px;
}

    .accordion-sticked .panel {
        margin-bottom: 0px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-sticked .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-sticked .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-sticked .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px;
                }

                    .accordion-sticked .panel > .panel-heading > .panel-title a:hover, .accordion-sticked .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-sticked .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-sticked .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        right: 15px;
                    }

        .accordion-sticked .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #6a6c6f;
        }

        .accordion-sticked .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Centered Title
============================ */
.accordion-centered-title {
    margin-bottom: 20px;
}

    .accordion-centered-title .panel {
        margin-bottom: 0px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-centered-title .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-align: center;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-centered-title .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-centered-title .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px;
                }

                    .accordion-centered-title .panel > .panel-heading > .panel-title a:hover, .accordion-centered-title .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-centered-title .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-centered-title .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        left: 15px;
                    }

        .accordion-centered-title .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #6a6c6f;
        }

        .accordion-centered-title .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Colored Icon
============================ */
.accordion-colored-icon {
    margin-bottom: 20px;
}

    .accordion-colored-icon .panel {
        margin-bottom: 0px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-colored-icon .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-align: center;
            text-transform: uppercase;
            border: none;
        }

            .accordion-colored-icon .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-colored-icon .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    color: #6a6c6f;
                    padding: 15px;
                    border-bottom: solid 1px #ddd;
                }

                    .accordion-colored-icon .panel > .panel-heading > .panel-title a:hover, .accordion-colored-icon .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-colored-icon .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-colored-icon .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        left: 0px;
                        top: 0;
                        bottom: -1px;
                        font-size: 16px;
                        background: #adadad;
                        color: #ffffff;
                        padding: 15px 20px;
                    }

        .accordion-colored-icon .panel.panel-default > .panel-heading a:after {
            background: #adadad;
        }

        .accordion-colored-icon .panel.panel-primary > .panel-heading a:after {
            background: #323c50;
        }

        .accordion-colored-icon .panel.panel-success > .panel-heading a:after {
            background: #27c24c;
        }

        .accordion-colored-icon .panel.panel-info > .panel-heading a:after {
            background: #00abe8;
        }

        .accordion-colored-icon .panel.panel-warning > .panel-heading a:after {
            background: #ff9c00;
        }

        .accordion-colored-icon .panel.panel-danger > .panel-heading a:after {
            background: #f93926;
        }

/* ----------------------------------------------------
 *  7. Accordion
 *
 *  This part of the CSS only
 *  contains the over ride CSS for bootstrap tabs
 *  and contains the CSS for extra accordions that are 
 *  available.
 * ---------------------------------------------------- */
/* ============================
    Accordion Default
============================ */
.accordion-default {
    margin-bottom: 20px;
}

    .accordion-default .panel {
        margin-bottom: 5px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-default .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-default .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 500;
            }

                .accordion-default .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px 15px 15px 40px;
                }

                    .accordion-default .panel > .panel-heading > .panel-title a:hover, .accordion-default .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-default .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-default .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        left: 15px;
                    }

        .accordion-default .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #0b1115;
        }

        .accordion-default .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-default .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-default .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-default .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-default .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Default - Right
============================ */
.accordion-icon-right {
    margin-bottom: 20px;
}

    .accordion-icon-right .panel {
        margin-bottom: 5px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-icon-right .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-icon-right .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-icon-right .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px;
                }

                    .accordion-icon-right .panel > .panel-heading > .panel-title a:hover, .accordion-icon-right .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-icon-right .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-icon-right .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        right: 15px;
                    }

        .accordion-icon-right .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #0b1115;
        }

        .accordion-icon-right .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-icon-right .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-icon-right .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-icon-right .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-icon-right .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Sticked
============================ */
.accordion-sticked {
    margin-bottom: 20px;
}

    .accordion-sticked .panel {
        margin-bottom: 0px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-sticked .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-sticked .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-sticked .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px;
                }

                    .accordion-sticked .panel > .panel-heading > .panel-title a:hover, .accordion-sticked .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-sticked .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-sticked .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        right: 15px;
                    }

        .accordion-sticked .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #0b1115;
        }

        .accordion-sticked .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-sticked .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Centered Title
============================ */
.accordion-centered-title {
    margin-bottom: 20px;
}

    .accordion-centered-title .panel {
        margin-bottom: 0px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-centered-title .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-align: center;
            text-transform: uppercase;
            border-color: transparent;
        }

            .accordion-centered-title .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-centered-title .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    padding: 15px;
                }

                    .accordion-centered-title .panel > .panel-heading > .panel-title a:hover, .accordion-centered-title .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-centered-title .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-centered-title .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        left: 15px;
                    }

        .accordion-centered-title .panel.panel-default > .panel-heading {
            background: #ffffff;
            color: #0b1115;
        }

        .accordion-centered-title .panel.panel-primary > .panel-heading {
            background: #323c50;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-success > .panel-heading {
            background: #27c24c;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-info > .panel-heading {
            background: #00abe8;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-warning > .panel-heading {
            background: #ff9c00;
            color: #ffffff;
        }

        .accordion-centered-title .panel.panel-danger > .panel-heading {
            background: #f93926;
            color: #ffffff;
        }

/* ============================
    Accordion Colored Icon
============================ */
.accordion-colored-icon {
    margin-bottom: 20px;
}

    .accordion-colored-icon .panel {
        margin-bottom: 0px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.07);
    }

        .accordion-colored-icon .panel > .panel-heading {
            padding: 0;
            background: #ffffff;
            text-align: left;
            text-transform: uppercase;
            border: none;
        }

            .accordion-colored-icon .panel > .panel-heading > .panel-title {
                font-size: 13px;
                font-weight: 700;
            }

                .accordion-colored-icon .panel > .panel-heading > .panel-title a {
                    text-decoration: none;
                    position: relative;
                    display: block;
                    color: #0b1115;
                    padding: 15px;
                    border-bottom: solid 1px #ddd;
                    padding-left: 70px;
                }

                    .accordion-colored-icon .panel > .panel-heading > .panel-title a:hover, .accordion-colored-icon .panel > .panel-heading > .panel-title a:focus {
                        text-decoration: none;
                    }

                    .accordion-colored-icon .panel > .panel-heading > .panel-title a.collapsed:after {
                        content: "\f055";
                    }

                    .accordion-colored-icon .panel > .panel-heading > .panel-title a:after {
                        font-family: "FontAwesome";
                        content: "\f056";
                        position: absolute;
                        left: 0px;
                        top: 0;
                        bottom: -1px;
                        font-size: 16px;
                        background: #adadad;
                        color: #ffffff;
                        padding: 15px 20px;
                    }

        .accordion-colored-icon .panel.panel-default > .panel-heading a:after {
            background: #adadad;
        }

        .accordion-colored-icon .panel.panel-primary > .panel-heading a:after {
            background: #323c50;
        }

        .accordion-colored-icon .panel.panel-success > .panel-heading a:after {
            background: #27c24c;
        }

        .accordion-colored-icon .panel.panel-info > .panel-heading a:after {
            background: #00abe8;
        }

        .accordion-colored-icon .panel.panel-warning > .panel-heading a:after {
            background: #ff9c00;
        }

        .accordion-colored-icon .panel.panel-danger > .panel-heading a:after {
            background: #f93926;
        }

/* ============================
    Accordion Transparent
============================ */
.accordion-transparent .panel {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

    .accordion-transparent .panel .panel-heading {
        background: transparent;
        border-color: transparent;
    }

/* ----------------------------------------------------
 *  8. Forms
 *  
 *  Contains both overridden and extra CSS
 *  that are added for all the components
 *  that we are using.
 * ---------------------------------------------------- */
/* ------------------------- Begin Input ------------------------- */
.form-group-default {
    position: relative;
    padding-top: 23px;
}

    .form-group-default label {
        text-transform: uppercase;
        position: absolute;
        display: block;
        top: 0;
        left: 15px;
    }

        .form-group-default label:first-child {
            -webkit-transform: translate3d(0, 38px, 0);
            -moz-transform: translate3d(0, 38px, 0);
            transform: translate3d(0, 38px, 0);
            -webkit-transition: transform 0.2s ease;
            -moz-transition: transform 0.2s ease;
            transition: transform 0.2s ease;
        }

    .form-group-default.form-group-default-lg label:first-child {
        -webkit-transform: translate3d(0, 43px, 0);
        -moz-transform: translate3d(0, 43px, 0);
        transform: translate3d(0, 43px, 0);
        -webkit-transition: transform 0.2s ease;
        -moz-transition: transform 0.2s ease;
        transition: transform 0.2s ease;
    }

    .form-group-default.form-group-default-lg input {
        height: 55px;
        line-height: 35px;
    }

    .form-group-default.form-group-default-sm label:first-child {
        -webkit-transform: translate3d(0, 33px, 0);
        -moz-transform: translate3d(0, 33px, 0);
        transform: translate3d(0, 33px, 0);
        -webkit-transition: transform 0.2s ease;
        -moz-transition: transform 0.2s ease;
        transition: transform 0.2s ease;
    }

    .form-group-default.form-group-default-sm input {
        height: 35px;
        padding: 5px 10px;
        line-height: 25px;
    }

    .form-group-default.input--filled label:first-child {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .form-group-default.input--filled input {
        background: #e5e5e5;
    }

/* ------------------------- End Input ------------------------- */
/* ------------------------- Begin Material Design Input ------------------------- */
.md-group {
    position: relative;
    margin-bottom: 30px;
    /* Modified
 margin-bottom: 45px;*/
}

    .md-group input {
        font-size: 13px;
        padding: 10px 10px 10px 5px;
        display: block;
        border: none;
        font-weight: 400;
        border-bottom: 1px solid #757575;
    }

        .md-group input:focus {
            outline: none;
        }

            .md-group input:focus ~ label,
            .md-group input:valid ~ label {
                /* modified top: -20px;
  font-size: 13px;
  color: #323c50; */
                top: -20px;
                font-size: 11px;
                font-weight: 600;
                color: #323c50;
            }

            .md-group input:focus ~ .md-bar:before,
            .md-group input:focus ~ .md-bar:after {
                width: 50%;
            }

            .md-group input:focus ~ .highlight {
                -webkit-animation: inputHighlighter 0.3s ease;
                -moz-animation: inputHighlighter 0.3s ease;
                -ms-animation: inputHighlighter 0.3s ease;
                -o-animation: inputHighlighter 0.3s ease;
                animation: inputHighlighter 0.3s ease;
            }

    .md-group label {
        /*modified color: #999; font-weight: 600; */
        color: #323c50;
        font-size: 11px;
        font-weight: 600;
        position: absolute;
        pointer-events: none;
        text-transform: uppercase;
        margin: 0;
        /*modified top: 15px;*/
        bottom: 50px;
        -webkit-transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -ms-transition: 0.2s ease all;
        -o-transition: 0.2s ease all;
        transition: 0.2s ease all;
    }

    .md-group .md-bar {
        position: relative;
        display: block;
    }

        .md-group .md-bar:before, .md-group .md-bar:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #5264AE;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
        }

        .md-group .md-bar:before {
            left: 50%;
        }

        .md-group .md-bar:after {
            right: 50%;
        }

    .md-group .md-highlight {
        position: absolute;
        height: 60%;
        width: auto;
        top: 25%;
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }

/* ==== Input Animation ==== */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-ms-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-o-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/* ------------------------- End Material Design Input ------------------------- */
/* ------------------------- Begin Checkbox ------------------------- */
.checkbox-default {
    position: relative;
    line-height: 135%;
    cursor: pointer;
}

    .checkbox-default > input {
        position: relative;
        margin: 0 5px 0 0;
        cursor: pointer;
        display: none;
    }

        .checkbox-default > input:checked ~ span:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
            height: 8px;
            top: 0px;
            border-color: #323c50;
            border-top-style: none;
            border-right-style: none;
        }

    .checkbox-default > span {
        margin-left: 5px;
    }

        .checkbox-default > span:before {
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            content: "";
            position: absolute;
            left: 0;
            top: -1px;
            z-index: 1;
            width: 18px;
            height: 18px;
            border: 2px solid #ddd;
        }

    .checkbox-default.primary input:checked ~ span:before {
        border-color: #323c50;
    }

    .checkbox-default.success input:checked ~ span:before {
        border-color: #27c24c;
    }

    .checkbox-default.info input:checked ~ span:before {
        border-color: #00abe8;
    }

    .checkbox-default.warning input:checked ~ span:before {
        border-color: #ff9c00;
    }

    .checkbox-default.danger input:checked ~ span:before {
        border-color: #f93926;
    }

/* ------------------------- End Checkbox ------------------------- */
/* ------------------------- Begin Radio ------------------------- */
.radio-default {
    /* Remove default Radio Buttons */
    /* Unchecked styles */
    /* Checked styles */
    /* Radio With gap */
    /* Disabled style */
}

    .radio-default [type="radio"]:not(:checked),
    .radio-default [type="radio"]:checked {
        position: absolute;
        left: -9999px;
    }

        .radio-default [type="radio"]:not(:checked) + label,
        .radio-default [type="radio"]:checked + label {
            position: relative;
            padding-left: 35px;
            cursor: pointer;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            font-size: 13px;
            -webkit-transition: 0.28s ease;
            -moz-transition: 0.28s ease;
            transition: 0.28s ease;
            -webkit-user-select: none;
            /* webkit (safari, chrome) browsers */
            -moz-user-select: none;
            /* mozilla browsers */
            -khtml-user-select: none;
            /* webkit (konqueror) browsers */
            -ms-user-select: none;
            /* IE10+ */
        }

    .radio-default [type="radio"] + label:before,
    .radio-default [type="radio"] + label:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 4px;
        width: 16px;
        height: 16px;
        z-index: 0;
        -webkit-transition: 0.28s ease;
        -moz-transition: 0.28s ease;
        transition: 0.28s ease;
    }

    .radio-default [type="radio"]:not(:checked) + label:before {
        border-radius: 50%;
        border: 2px solid #5a5a5a;
    }

    .radio-default [type="radio"]:not(:checked) + label:after {
        border-radius: 50%;
        border: 2px solid #5a5a5a;
        z-index: -1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    .radio-default [type="radio"]:checked + label:before {
        border-radius: 50%;
        border: 2px solid transparent;
    }

    .radio-default [type="radio"]:checked + label:after {
        border-radius: 50%;
        border: 2px solid #323c50;
        background-color: #323c50;
        z-index: 0;
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        transform: scale(1.02);
    }

    .radio-default [type="radio"].with-gap:checked + label:before {
        border-radius: 50%;
        border: 2px solid #323c50;
    }

    .radio-default [type="radio"].with-gap:checked + label:after {
        border-radius: 50%;
        border: 2px solid #323c50;
        background-color: #323c50;
        z-index: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }

    .radio-default [type="radio"]:disabled:not(:checked) + label:before,
    .radio-default [type="radio"]:disabled:checked + label:before {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.26);
    }

    .radio-default [type="radio"]:disabled + label {
        color: rgba(0, 0, 0, 0.26);
    }

    .radio-default [type="radio"]:disabled:not(:checked) + label:hover:before {
        border-color: rgba(0, 0, 0, 0.26);
    }

    .radio-default.primary {
        /* Radio With gap */
    }

        .radio-default.primary [type="radio"]:checked + label:after {
            border: 2px solid #323c50;
            background-color: #323c50;
        }

        .radio-default.primary [type="radio"].with-gap:checked + label:before {
            border: 2px solid #323c50;
        }

        .radio-default.primary [type="radio"].with-gap:checked + label:after {
            border: 2px solid #323c50;
            background-color: #323c50;
        }

    .radio-default.success {
        /* Radio With gap */
    }

        .radio-default.success [type="radio"]:checked + label:after {
            border: 2px solid #27c24c;
            background-color: #27c24c;
        }

        .radio-default.success [type="radio"].with-gap:checked + label:before {
            border: 2px solid #27c24c;
        }

        .radio-default.success [type="radio"].with-gap:checked + label:after {
            border: 2px solid #27c24c;
            background-color: #27c24c;
        }

    .radio-default.info {
        /* Radio With gap */
    }

        .radio-default.info [type="radio"]:checked + label:after {
            border: 2px solid #00abe8;
            background-color: #00abe8;
        }

        .radio-default.info [type="radio"].with-gap:checked + label:before {
            border: 2px solid #00abe8;
        }

        .radio-default.info [type="radio"].with-gap:checked + label:after {
            border: 2px solid #00abe8;
            background-color: #00abe8;
        }

    .radio-default.warning {
        /* Radio With gap */
    }

        .radio-default.warning [type="radio"]:checked + label:after {
            border: 2px solid #ff9c00;
            background-color: #ff9c00;
        }

        .radio-default.warning [type="radio"].with-gap:checked + label:before {
            border: 2px solid #ff9c00;
        }

        .radio-default.warning [type="radio"].with-gap:checked + label:after {
            border: 2px solid #ff9c00;
            background-color: #ff9c00;
        }

    .radio-default.danger {
        /* Radio With gap */
    }

        .radio-default.danger [type="radio"]:checked + label:after {
            border: 2px solid #f93926;
            background-color: #f93926;
        }

        .radio-default.danger [type="radio"].with-gap:checked + label:before {
            border: 2px solid #f93926;
        }

        .radio-default.danger [type="radio"].with-gap:checked + label:after {
            border: 2px solid #f93926;
            background-color: #f93926;
        }

/* ------------------------- End Radio ------------------------- */
/* ------------------------- Begin Switch ------------------------- */
.switch,
.switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.switch {
    margin: 10px 0;
}

    .switch label {
        cursor: pointer;
        /*font-family: "Montserrat", sans-serif;*/
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

        .switch label input[type=checkbox] {
            opacity: 0;
            width: 0;
            height: 0;
        }

            .switch label input[type=checkbox]:checked + .lever {
                background-color: #cbcad6;
            }

                .switch label input[type=checkbox]:checked + .lever:after {
                    background-color: #323c50;
                }

            .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
                box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(114, 102, 186, 0.1);
            }

            .switch label input[type=checkbox]:not(:disabled) ~ .lever:active:after {
                box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
            }

            .switch label input[type=checkbox]:checked + .lever:after {
                left: 24px;
            }

        .switch label .lever {
            content: "";
            display: inline-block;
            position: relative;
            width: 40px;
            height: 15px;
            background-color: #cbcad6;
            border-radius: 15px;
            margin-right: 10px;
            transition: background 0.3s ease;
            vertical-align: middle;
            margin: 0px 16px;
        }

            .switch label .lever:after {
                content: "";
                position: absolute;
                display: inline-block;
                width: 21px;
                height: 21px;
                background-color: #F1F1F1;
                border-radius: 21px;
                box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
                left: -5px;
                top: -3px;
                transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
            }

    .switch.primary label input[type=checkbox]:checked + .lever {
        background-color: #cbcad6;
    }

        .switch.primary label input[type=checkbox]:checked + .lever:after {
            background-color: #323c50;
        }

    .switch.success label input[type=checkbox]:checked + .lever {
        background-color: #95d3a4;
    }

        .switch.success label input[type=checkbox]:checked + .lever:after {
            background-color: #27c24c;
        }

    .switch.info label input[type=checkbox]:checked + .lever {
        background-color: #7bcfec;
    }

        .switch.info label input[type=checkbox]:checked + .lever:after {
            background-color: #00abe8;
        }

    .switch.warning label input[type=checkbox]:checked + .lever {
        background-color: #efca8f;
    }

        .switch.warning label input[type=checkbox]:checked + .lever:after {
            background-color: #ff9c00;
        }

    .switch.danger label input[type=checkbox]:checked + .lever {
        background-color: #f0b4ae;
    }

        .switch.danger label input[type=checkbox]:checked + .lever:after {
            background-color: #f93926;
        }

    .switch input[type=checkbox][disabled] + .lever {
        cursor: default;
    }

    .switch label input[type=checkbox][disabled] + .lever:after,
    .switch label input[type=checkbox][disabled]:checked + .lever:after {
        background-color: #BDBDBD;
    }

/* ------------------------- End Switch ------------------------- */
/* ------------------------- Begin Form Horizontal ------------------------- */
.form-horizontal .control-label {
    padding: 0 15px;
    line-height: 45px;
}

/* ------------------------- End Form Horizontal ------------------------- */
/*
 *  Validation
 * ========================================================= */
.form-group input.error {
    border-color: #f93926;
}

.form-group input.valid {
    border-color: #27c24c;
}

.form-group label.error {
    display: block;
    position: static;
    font-weight: normal;
    font-size: 10.2px;
    color: #f93926;
    padding: 5px 0;
}

.form-group.form-group-default label.error {
    padding: 5px 5px;
}

/*
 *  Dropzone
 * ========================================================= */
.dropzone {
    min-height: 200px;
    border: dashed 2px #ddd;
    position: relative;
    margin-bottom: 15px;
}

    .dropzone .dz-message {
        /*font-family: "Montserrat", sans-serif;*/
        margin: 40px 0;
    }

/*
 *  Typeahead
 * ========================================================= */
.twitter-typeahead {
    width: 100%;
}

    .twitter-typeahead .tt-menu {
        width: 100%;
        background: #ffffff;
    }

        .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
            padding: 15px;
            border-bottom: solid 1px #f9f9f9;
        }

            .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion.tt-cursor {
                background: #f2fcff;
            }

            .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover {
                background: #f2fcff;
            }

/*
 *  Select 2
 * ========================================================= */
.select2 {
    display: block;
    width: 100% !important;
}

    .select2 .selection .select2-selection {
        padding: 10px 15px;
        border: 1px solid #e5e5e5;
        box-shadow: none;
        background: #ffffff;
        border-radius: 0;
    }

        .select2 .selection .select2-selection.select2-selection--single {
            height: 45px;
        }

            .select2 .selection .select2-selection.select2-selection--single .select-selection__rendered {
                line-height: 25px;
            }

        .select2 .selection .select2-selection .select2-selection__rendered {
            padding: 0;
            font-size: 14px;
        }

            .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
                margin: 0 5px 5px 0;
                background: #eee;
            }

        .select2 .selection .select2-selection .select2-selection__arrow {
            height: 45px;
            right: 10px;
        }

/* ----------------------------------------------------
 *  9. Pricing Table
 *
 *  Contains all the CSS codes for all the pricing tables
 *  shown in the demo
 * ---------------------------------------------------- */
.pricing-table-default {
    background: #ffffff;
    box-shadow: 0 1px 2px #ddd;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
}

    .pricing-table-default:hover {
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        transform: scale(1.03);
    }

    .pricing-table-default .plan-name {
        padding-top: 25px;
        color: #ffffff !important;
    }

        .pricing-table-default .plan-name .plan-icon {
            padding: 15px 0;
        }

        .pricing-table-default .plan-name .plan-price {
            padding: 10px 0;
        }

    .pricing-table-default .plan-description > p {
        padding: 10px 10px;
        margin: 0;
    }

        .pricing-table-default .plan-description > p:last-child {
            margin-bottom: 10px;
        }

    .pricing-table-default .order-now {
        padding: 10px 0;
    }

        .pricing-table-default .order-now a {
            display: block;
            text-decoration: none;
            color: #ffffff;
            font-size: 14px;
        }

            .pricing-table-default .order-now a:hover {
                text-decoration: none;
                color: #ffffff;
            }

    .pricing-table-default.plan-basic .plan-name {
        background: #f93926;
    }

        .pricing-table-default.plan-basic .plan-name .plan-price {
            background: #f51c07;
        }

    .pricing-table-default.plan-basic .order-now {
        background: #f93926;
    }

    .pricing-table-default.plan-express .plan-name {
        background: #ff9c00;
    }

        .pricing-table-default.plan-express .plan-name .plan-price {
            background: #db8600;
        }

    .pricing-table-default.plan-express .order-now {
        background: #ff9c00;
    }

    .pricing-table-default.plan-business .plan-name {
        background: #00abe8;
    }

        .pricing-table-default.plan-business .plan-name .plan-price {
            background: #0091c4;
        }

    .pricing-table-default.plan-business .order-now {
        background: #00abe8;
    }

    .pricing-table-default.plan-platinum .plan-name {
        background: #27c24c;
    }

        .pricing-table-default.plan-platinum .plan-name .plan-price {
            background: #21a440;
        }

    .pricing-table-default.plan-platinum .order-now {
        background: #27c24c;
    }

.pricing-table-border {
    position: relative;
    padding: 25px 15px;
    color: #6a6c6f;
    border: solid 2px;
    border-color: transparent;
    background-color: transparent;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    transition: background 0.6s;
    border-radius: 4px;
}

    .pricing-table-border .plan-name .plan-price {
        margin: 25px 0 20px 0;
    }

        .pricing-table-border .plan-name .plan-price > strong {
            font-size: 48px;
        }

        .pricing-table-border .plan-name .plan-price > sup {
            font-size: 32px;
        }

    .pricing-table-border .plan-description p {
        padding: 10px 15px;
    }

    .pricing-table-border .order-now {
        padding: 10px 0;
    }

        .pricing-table-border .order-now button {
            background: #323c50;
            display: block;
            width: 100%;
            border-radius: 0;
            padding: 10px 15px;
            border: none;
            opacity: 0;
            -webkit-transform: translate3d(0, -15px, 0);
            -moz-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
            -webkit-transition: transform 0.3s;
            -moz-transition: transform 0.3s;
            transition: transform 0.3s;
        }

    .pricing-table-border:hover {
        background-color: #ffffff;
        box-shadow: 0 4px 6px #ddd;
    }



        .pricing-table-border:hover .plan-name i {
            color: #323c50;
        }

        .pricing-table-border:hover .plan-name .plan-price {
            color: #0b1115;
        }

        .pricing-table-border:hover .order-now button {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

.pricing-table-gradient {
    padding: 35px 35px;
    background: #ffffff;
    box-shadow: 0 4px 6px #ddd;
    border-radius: 4px;
}

    .pricing-table-gradient .plan-name .plan-icon i {
        background: #eee;
        height: 100px;
        width: 100px;
        line-height: 100px;
        border-radius: 50%;
    }

    .pricing-table-gradient .plan-name .plan-price {
        font-size: 48px;
        line-height: 50px;
        margin: 10px 0;
    }

        .pricing-table-gradient .plan-name .plan-price strong {
            color: #0b1115;
        }

        .pricing-table-gradient .plan-name .plan-price sup {
            font-size: 16px;
            top: -25px;
            color: #0b1115;
        }

    .pricing-table-gradient .plan-description p {
        padding: 10px 15px;
        font-size: 12px;
        color: #aaa;
        text-transform: uppercase;
    }

    .pricing-table-gradient .plan-buy {
        margin-top: 25px;
    }

        .pricing-table-gradient .plan-buy button {
            text-transform: uppercase;
            border: none;
            display: block;
            width: 100%;
            padding: 15px;
            color: #ffffff;
            background: #fe75bd;
            /* Old browsers */
            background: -moz-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }

            .pricing-table-gradient .plan-buy button i {
                font-size: 14px;
                margin-right: 5px;
            }

/* ----------------------------------------------------
 *  10. Tooltip
 *  
 *  Contains the over ride CSS for bootstrap tooltips
 *  and extra contextual tooltip CSS
 * ---------------------------------------------------- */
/* ====== Tooltip Override ===== 
------------------------------------------------------------ */
.tooltip {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-size: 10.2px;
    z-index: 99999;
}

    .tooltip > .tooltip-inner {
        padding: 10px 15px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .tooltip.in {
        opacity: 1;
    }

/* ====== Tooltip Primary ===== 
------------------------------------------------------------ */
.tooltip-primary + .tooltip > .tooltip-inner {
    background-color: #323c50;
}

.tooltip-primary + .tooltip.top > .tooltip-arrow {
    border-top-color: #323c50;
}

.tooltip-primary + .tooltip.right > .tooltip-arrow {
    border-right-color: #323c50;
}

.tooltip-primary + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #323c50;
}

.tooltip-primary + .tooltip.left > .tooltip-arrow {
    border-left-color: #323c50;
}

/* ====== Tooltip Success ===== 
------------------------------------------------------------ */
.tooltip-success + .tooltip > .tooltip-inner {
    background-color: #27c24c;
}

.tooltip-success + .tooltip.top > .tooltip-arrow {
    border-top-color: #27c24c;
}

.tooltip-success + .tooltip.right > .tooltip-arrow {
    border-right-color: #27c24c;
}

.tooltip-success + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #27c24c;
}

.tooltip-success + .tooltip.left > .tooltip-arrow {
    border-left-color: #27c24c;
}

/* ====== Tooltip Info ===== 
------------------------------------------------------------ */
.tooltip-info + .tooltip > .tooltip-inner {
    background-color: #00abe8;
}

.tooltip-info + .tooltip.top > .tooltip-arrow {
    border-top-color: #00abe8;
}

.tooltip-info + .tooltip.right > .tooltip-arrow {
    border-right-color: #00abe8;
}

.tooltip-info + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #00abe8;
}

.tooltip-info + .tooltip.left > .tooltip-arrow {
    border-left-color: #00abe8;
}

/* ====== Tooltip Warning ===== 
------------------------------------------------------------ */
.tooltip-warning + .tooltip > .tooltip-inner {
    background-color: #ff9c00;
}

.tooltip-warning + .tooltip.top > .tooltip-arrow {
    border-top-color: #ff9c00;
}

.tooltip-warning + .tooltip.right > .tooltip-arrow {
    border-right-color: #ff9c00;
}

.tooltip-warning + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #ff9c00;
}

.tooltip-warning + .tooltip.left > .tooltip-arrow {
    border-left-color: #ff9c00;
}

/* ====== Tooltip Danger ===== 
------------------------------------------------------------ */
.tooltip-danger + .tooltip > .tooltip-inner {
    background-color: #f93926;
}

.tooltip-danger + .tooltip.top > .tooltip-arrow {
    border-top-color: #f93926;
}

.tooltip-danger + .tooltip.right > .tooltip-arrow {
    border-right-color: #f93926;
}

.tooltip-danger + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #f93926;
}

.tooltip-danger + .tooltip.left > .tooltip-arrow {
    border-left-color: #f93926;
}

/* ====== Alerts Override ===== 
------------------------------------------------------------ */
.alert {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    padding: 15px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

    .alert.alert-primary {
        background: #e3e1f1;
        color: #4d4292;
    }

        .alert.alert-primary .close {
            color: #4d4292;
        }

    .alert.alert-success {
        background: #d7f7df;
        color: #1a8233;
    }

        .alert.alert-success .close {
            color: #1a8233;
        }

    .alert.alert-info {
        background: #cff2ff;
        color: #00739c;
    }

        .alert.alert-info .close {
            color: #00739c;
        }

    .alert.alert-warning {
        background: #ffebcc;
        color: #b36d00;
    }

        .alert.alert-warning .close {
            color: #b36d00;
        }

    .alert.alert-danger {
        background: #fedcd9;
        color: #cd1806;
    }

        .alert.alert-danger .close {
            color: #cd1806;
        }

/* ====== Labels ===== 
------------------------------------------------------------ */
.label {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
}

    .label.label-primary {
        background: #323c50;
    }

    .label.label-success {
        background: #27c24c;
    }

    .label.label-info {
        background: #00abe8;
    }

    .label.label-warning {
        background: #ff9c00;
    }

    .label.label-danger {
        background: #f93926;
    }

/* ====== Badges ===== 
------------------------------------------------------------ */
.badge {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
}

    .badge.badge-primary {
        background: #323c50;
    }

    .badge.badge-success {
        background: #27c24c;
    }

    .badge.badge-info {
        background: #00abe8;
    }

    .badge.badge-warning {
        background: #ff9c00;
    }

    .badge.badge-danger {
        background: #f93926;
    }

/* ====== List Group ===== 
------------------------------------------------------------ */
.list-group .list-group-item.list-group-item-primary {
    background: #e3e1f1;
    color: #4d4292;
}

.list-group .list-group-item.list-group-item-success {
    background: #d7f7df;
    color: #1a8233;
}

.list-group .list-group-item.list-group-item-info {
    background: #cff2ff;
    color: #00739c;
}

.list-group .list-group-item.list-group-item-warning {
    background: #ffebcc;
    color: #b36d00;
}

.list-group .list-group-item.list-group-item-danger {
    background: #fedcd9;
    color: #00739c;
}

/* ----------------------------------------------------
 *  11. Popover
 *
 *  Contains the over ride CSS for bootstrap popover
 *  and extra contextual tooltip CSS
 * ---------------------------------------------------- */
/* ====== Popover Override ===== 
------------------------------------------------------------ */
.popover {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    border: none;
    box-shadow: 0 1px 2px #ddd;
    background: #ffffff;
    color: #6a6c6f;
    font-size: 13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .popover .popover-title {
        background: #0b1115;
        color: #ffffff;
        padding: 15px;
        text-transform: uppercase;
        font-size: 13px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    .popover.top > .arrow {
        box-shadow: none;
        border-top-color: rgba(0, 0, 0, 0.07);
    }

    .popover.right > .arrow {
        box-shadow: none;
        border-right-color: rgba(0, 0, 0, 0.07);
    }

    .popover.bottom > .arrow {
        box-shadow: none;
        border-bottom-color: rgba(0, 0, 0, 0.07);
    }

    .popover.left > .arrow {
        box-shadow: none;
        border-left-color: rgba(0, 0, 0, 0.07);
    }

/* ----------------------------------------------------
 *  12. Masonry
 *
 *  CSS for the placement and style of the masonry
 * ---------------------------------------------------- */
.masonry-grid {
    background: transparent;
    margin-bottom: 15px;
}

    .masonry-grid:after {
        content: '';
        display: block;
        clear: both;
    }

    .masonry-grid .masonry-grid-sizer,
    .masonry-grid .masonry-grid-item {
        width: 33.333%;
    }

    .masonry-grid .masonry-grid-item {
        float: left;
        padding: 4px;
    }

        .masonry-grid .masonry-grid-item img {
            display: block;
            max-width: 100%;
        }

/* ----------------------------------------------------
 *  13. Sortable
 *
 *  Contains the over ride CSS for jquery sortable
 * ---------------------------------------------------- */
.sortable {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .sortable.sortable-list li {
        padding: 10px;
        height: 40px;
        text-transform: uppercase;
        line-height: 20px;
        border: solid 1px;
        border-color: #f7f7f7;
        margin-bottom: 5px;
        font-weight: 700;
        background: #f7f7f7;
        cursor: move;
    }

        .sortable.sortable-list li.disabled {
            opacity: 0.5;
        }

    .sortable.sortable-list .sortable-placeholder {
        border: dashed 1px #bbb;
        background: #ffffff;
    }

    .sortable.sortable-list-handles li {
        padding: 10px;
        height: 40px;
        text-transform: uppercase;
        line-height: 20px;
        border: solid 1px;
        border-color: #f7f7f7;
        margin-bottom: 5px;
        font-weight: 700;
        background: #f7f7f7;
        cursor: default;
    }

        .sortable.sortable-list-handles li span {
            cursor: move;
        }

        .sortable.sortable-list-handles li.disabled {
            opacity: 0.5;
        }

    .sortable.sortable-list-handles .sortable-placeholder {
        border: dashed 1px #bbb;
        background: #ffffff;
    }

    .sortable.sortable-grid li {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        height: 100px;
        width: 100px;
        background: #ddd;
        line-height: 100px;
        border: solid 1px;
        border-color: #ddd;
        text-align: center;
        cursor: move;
    }

    .sortable.sortable-grid .sortable-placeholder {
        border: dashed 1px #bbb;
        background: #ffffff;
    }

/* ----------------------------------------------------
 *  14. Sliders
 *
 *  Contains the over ride CSS for noUISlider and
 *  ionRangeSlider and also contains the extra
 *  CSS for the extra components we have added
 *  like the gradient and contextual sliders.
 * ---------------------------------------------------- */
/* ====== noUi Slider ===== 
------------------------------------------------------------ */
.noUi-target {
    border: none;
}

    .noUi-target.noUi-multiple-handle .noUi-base {
        background: #e9e9e9;
        border-radius: 5px;
    }

    .noUi-target.noUi-multiple-handle .noUi-connect-inverse {
        display: none;
    }

    .noUi-target.noUi-horizontal {
        height: 10px;
    }

        .noUi-target.noUi-horizontal .noUi-handle {
            top: -8px;
        }

    .noUi-target.noUi-vertical {
        width: 10px;
    }

        .noUi-target.noUi-vertical .noUi-handle {
            left: -8px;
        }

        .noUi-target.noUi-horizontal .noUi-base, .noUi-target.noUi-vertical .noUi-base {
            border-radius: 5px;
        }

            .noUi-target.noUi-horizontal .noUi-base .noUi-connect,
            .noUi-target.noUi-horizontal .noUi-base .noUi-connect-inverse, .noUi-target.noUi-vertical .noUi-base .noUi-connect,
            .noUi-target.noUi-vertical .noUi-base .noUi-connect-inverse {
                border-radius: 5px;
            }

            .noUi-target.noUi-horizontal .noUi-base .noUi-connect, .noUi-target.noUi-vertical .noUi-base .noUi-connect {
                background: #323c50;
                box-shadow: none;
                border: none;
            }

            .noUi-target.noUi-horizontal .noUi-base .noUi-connect-inverse, .noUi-target.noUi-vertical .noUi-base .noUi-connect-inverse {
                background: #e9e9e9;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .noUi-target.noUi-horizontal .noUi-base .noUi-origin .noUi-handle, .noUi-target.noUi-vertical .noUi-base .noUi-origin .noUi-handle {
                height: 25px;
                width: 25px;
                background: #ffffff;
                border-radius: 50%;
                box-shadow: 0 2px 2px #ddd;
                border: solid 1px #f1f1f1;
            }

                .noUi-target.noUi-horizontal .noUi-base .noUi-origin .noUi-handle:after, .noUi-target.noUi-horizontal .noUi-base .noUi-origin .noUi-handle:before, .noUi-target.noUi-vertical .noUi-base .noUi-origin .noUi-handle:after, .noUi-target.noUi-vertical .noUi-base .noUi-origin .noUi-handle:before {
                    display: none;
                }

        .noUi-target.noUi-horizontal.noUi-slider-primary .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-primary .noUi-connect {
            background: #323c50;
        }

        .noUi-target.noUi-horizontal.noUi-slider-success .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-success .noUi-connect {
            background: #27c24c;
        }

        .noUi-target.noUi-horizontal.noUi-slider-info .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-info .noUi-connect {
            background: #00abe8;
        }

        .noUi-target.noUi-horizontal.noUi-slider-warning .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-warning .noUi-connect {
            background: #ff9c00;
        }

        .noUi-target.noUi-horizontal.noUi-slider-danger .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-danger .noUi-connect {
            background: #f93926;
        }

        .noUi-target.noUi-horizontal.noUi-slider-black .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-black .noUi-connect {
            background: #0b1115;
        }

        .noUi-target.noUi-horizontal.noUi-slider-grey .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-grey .noUi-connect {
            background: #adadad;
        }

        .noUi-target.noUi-horizontal.noUi-gradient-mini .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-mini .noUi-base {
            background-color: #ff8235;
            background-image: linear-gradient(to left, #30e8bf, #ff8235);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-mini .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-mini .noUi-base .noUi-connect {
                background: transparent;
            }

        .noUi-target.noUi-horizontal.noUi-gradient-peach .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-peach .noUi-base {
            background-color: #ffedbc;
            background-image: linear-gradient(to left, #ed4264, #ffedbc);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-peach .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-peach .noUi-base .noUi-connect {
                background: transparent;
            }

        .noUi-target.noUi-horizontal.noUi-gradient-virgin .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-virgin .noUi-base {
            background: #C9FFBF;
            background: -webkit-linear-gradient(to left, #C9FFBF, #FFAFBD);
            background: linear-gradient(to left, #C9FFBF, #FFAFBD);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-virgin .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-virgin .noUi-base .noUi-connect {
                background: transparent;
            }

        .noUi-target.noUi-horizontal.noUi-gradient-rosewater .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-rosewater .noUi-base {
            background: #5fc3e4;
            background-image: linear-gradient(to left, #e55d87, #5fc3e4);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-rosewater .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-rosewater .noUi-base .noUi-connect {
                background: transparent;
            }

        .noUi-target.noUi-horizontal.noUi-gradient-almost .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-almost .noUi-base {
            background: #faaca8;
            background-image: linear-gradient(to left, #ddd6f3, #faaca8);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-almost .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-almost .noUi-base .noUi-connect {
                background: transparent;
            }

        .noUi-target.noUi-horizontal.noUi-gradient-vice-city .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-vice-city .noUi-base {
            background: #ec6ead;
            background-image: linear-gradient(to left, #3494e6, #ec6ead);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-vice-city .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-vice-city .noUi-base .noUi-connect {
                background: transparent;
            }

        .noUi-target.noUi-horizontal.noUi-gradient-mild .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-mild .noUi-base {
            background: #4ca2cd;
            background-image: linear-gradient(to left, #67b26f, #4ca2cd);
        }

            .noUi-target.noUi-horizontal.noUi-gradient-mild .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-mild .noUi-base .noUi-connect {
                background: transparent;
            }

/* ====== ION Slider ===== 
------------------------------------------------------------ */
.irs .irs-slider.single {
    background: transparent;
}

.irs .irs-slider.from {
    background: transparent;
}

.irs .irs-slider.to {
    background: transparent;
}

.irs.ion-primary .irs .irs-single {
    background: #323c50;
}

    .irs.ion-primary .irs .irs-single:after {
        border-top-color: #323c50;
    }

.irs.ion-primary .irs .irs-from {
    background: #323c50;
}

    .irs.ion-primary .irs .irs-from:after {
        border-top-color: #323c50;
    }

.irs.ion-primary .irs .irs-to {
    background: #323c50;
}

    .irs.ion-primary .irs .irs-to:after {
        border-top-color: #323c50;
    }

.irs.ion-primary .irs-bar {
    background: #323c50;
}

.irs.ion-primary .irs-bar-edge {
    background: #323c50;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.irs.ion-success .irs .irs-single {
    background: #27c24c;
}

    .irs.ion-success .irs .irs-single:after {
        border-top-color: #27c24c;
    }

.irs.ion-success .irs .irs-from {
    background: #27c24c;
}

    .irs.ion-success .irs .irs-from:after {
        border-top-color: #27c24c;
    }

.irs.ion-success .irs .irs-to {
    background: #27c24c;
}

    .irs.ion-success .irs .irs-to:after {
        border-top-color: #27c24c;
    }

.irs.ion-success .irs-bar {
    background: #27c24c;
}

.irs.ion-success .irs-bar-edge {
    background: #27c24c;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.irs.ion-info .irs .irs-single {
    background: #00abe8;
}

    .irs.ion-info .irs .irs-single:after {
        border-top-color: #00abe8;
    }

.irs.ion-info .irs .irs-from {
    background: #00abe8;
}

    .irs.ion-info .irs .irs-from:after {
        border-top-color: #00abe8;
    }

.irs.ion-info .irs .irs-to {
    background: #00abe8;
}

    .irs.ion-info .irs .irs-to:after {
        border-top-color: #00abe8;
    }

.irs.ion-info .irs-bar {
    background: #00abe8;
}

.irs.ion-info .irs-bar-edge {
    background: #00abe8;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.irs.ion-warning .irs .irs-single {
    background: #ff9c00;
}

    .irs.ion-warning .irs .irs-single:after {
        border-top-color: #ff9c00;
    }

.irs.ion-warning .irs .irs-from {
    background: #ff9c00;
}

    .irs.ion-warning .irs .irs-from:after {
        border-top-color: #ff9c00;
    }

.irs.ion-warning .irs .irs-to {
    background: #ff9c00;
}

    .irs.ion-warning .irs .irs-to:after {
        border-top-color: #ff9c00;
    }

.irs.ion-warning .irs-bar {
    background: #ff9c00;
}

.irs.ion-warning .irs-bar-edge {
    background: #ff9c00;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.irs.ion-danger .irs .irs-single {
    background: #f93926;
}

    .irs.ion-danger .irs .irs-single:after {
        border-top-color: #f93926;
    }

.irs.ion-danger .irs .irs-from {
    background: #f93926;
}

    .irs.ion-danger .irs .irs-from:after {
        border-top-color: #f93926;
    }

.irs.ion-danger .irs .irs-to {
    background: #f93926;
}

    .irs.ion-danger .irs .irs-to:after {
        border-top-color: #f93926;
    }

.irs.ion-danger .irs-bar {
    background: #f93926;
}

.irs.ion-danger .irs-bar-edge {
    background: #f93926;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* ----------------------------------------------------
 *  15. Timeline
 *
 *  Contains the CSS for the timeline
 * ---------------------------------------------------- */
.timeline-container {
    padding: 15px;
}

    .timeline-container ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: relative;
    }

        .timeline-container ul:before {
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 3px;
            background: #D7E4ED;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .timeline-container ul li {
            padding: 15px;
            margin-bottom: 50px;
            position: relative;
            overflow: hidden;
        }

            .timeline-container ul li.timeline .timeline-incident .timeline-incident-moment {
                width: 46%;
                color: #aaa;
                padding-top: 15px;
                height: 58px;
                line-height: 58px;
            }

                .timeline-container ul li.timeline .timeline-incident .timeline-incident-moment .timeline-incident-icon {
                    position: absolute;
                    left: 0%;
                    right: 0%;
                    width: 58px;
                    height: 58px;
                    line-height: 58px;
                    text-align: center;
                    background: #ff9c00;
                    color: #ffffff;
                    border-radius: 50%;
                    border: solid 4px #fff;
                    box-shadow: 0 1px 2px #ddd;
                    margin: 0 auto;
                }

                    .timeline-container ul li.timeline .timeline-incident .timeline-incident-moment .timeline-incident-icon i {
                        height: 50px;
                        line-height: 50px;
                    }

            .timeline-container ul li.timeline .timeline-incident .timeline-incident-body {
                margin: 0;
                width: 46%;
                padding: 0 5px 25px;
                border-bottom: solid 3px #D7E4ED;
            }

                .timeline-container ul li.timeline .timeline-incident .timeline-incident-body .timeline-header {
                    margin: 0 0 10px;
                }

            .timeline-container ul li:nth-child(odd) .timeline-incident .timeline-incident-moment {
                float: left;
                text-align: right;
            }

            .timeline-container ul li:nth-child(odd) .timeline-incident .timeline-incident-body {
                float: right;
                text-align: left;
            }

            .timeline-container ul li:nth-child(even) .timeline-incident .timeline-incident-moment {
                float: right;
                text-align: left;
            }

            .timeline-container ul li:nth-child(even) .timeline-incident .timeline-incident-body {
                float: left;
                text-align: right;
            }

/* ----------------------------------------------------
 *  16. Rating
 *
 *  Contains the over ride CSS for jquery rateYo
 * ---------------------------------------------------- */
.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
}

    .jq-ry-container .jq-ry-group-wrapper .jq-ry-normal-group svg {
        fill: #ddd;
    }

    .jq-ry-container .jq-ry-group-wrapper .jq-ry-rated-group svg {
        fill: #e7c79b;
    }

.rating-default .jq-ry-rated-group svg {
    fill: #e7c79b;
}

.rating-primary .jq-ry-rated-group svg {
    fill: #323c50 !important;
}

.rating-success .jq-ry-rated-group svg {
    fill: #27c24c !important;
}

.rating-info .jq-ry-rated-group svg {
    fill: #00abe8 !important;
}

.rating-warning .jq-ry-rated-group svg {
    fill: #ff9c00 !important;
}

.rating-danger .jq-ry-rated-group svg {
    fill: #f93926;
}

.jq-ry-container[readonly="readonly"] {
    cursor: default;
}

.jq-ry-container > .jq-ry-group-wrapper {
    position: relative;
    width: 100%;
}

    .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
        position: relative;
        line-height: 0;
        z-index: 10;
        white-space: nowrap;
    }

        .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
            display: inline-block;
        }

        .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
            width: 100%;
        }

        .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
            width: 0;
            z-index: 11;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
        }

.rating-container {
    position: relative;
}

div.rating-container div.counter {
    display: none;
    position: absolute;
    min-width: 50px;
    text-align: center;
    padding: 0px;
    line-height: 32px;
    height: 32px;
    background: #0b1115;
    color: #ffffff;
    right: 0;
    top: 0;
}

div.rating-container:hover div.counter {
    display: block;
}

/* ----------------------------------------------------
 *  17. Tables
 *
 *  This part contains the styles for all the tables
 *  
 *  Contains the over ride CSS for
 *      Boostrap Tables
 *      DataTables
 *      FooTable
 *      Editable
 * ---------------------------------------------------- */
/* ====== Bootstrap Table ===== 
------------------------------------------------------------ */
.table > thead > tr > th {
    /*/*font-family: "Montserrat", sans-serif;*/ */ padding: 10px;
    /* modified padding: 15px;
  border-bottom-width: 3px;*/
    border-color: #ddd !important;
    text-transform: uppercase;
}

.table > tbody > tr:hover {
    /* modified 
  background: black !important;  */
}

.table > tbody > tr:first-child td {
    border-top: none;
}

.table > tbody > tr > td {
    padding: 10px;
    border-top: solid 1px #323c50;
    text-align: right;
    font-weight: 400;
    /* modified new font-size:14px; */
    font-size: 12px;
}

.table > tbody > tr.primary td {
    background: #323c50;
}

.table > tbody > tr.success td {
    background: #27c24c;
}

.table > tbody > tr.info td {
    background: #00abe8;
}

.table > tbody > tr.warning td {
    background: #ff9c00;
}

.table > tbody > tr.danger td {
    background: #f93926;
}

.table.table-condensed thead tr th {
    padding: 8px;
}

.table.table-condensed tbody tr td {
    padding: 8px;
}

.table.table-striped tbody tr:nth-child(odd) {
    background: #ffffff;
}

/* ====== Datatables ===== 
------------------------------------------------------------ */
.dataTables_wrapper {
    margin-bottom: 15px;
}

    .dataTables_wrapper .DTTT_container {
        display: block;
        float: none;
        text-align: right;
    }

        .dataTables_wrapper .DTTT_container a {
            display: inline-block !important;
            margin: 0;
            border: solid 1px #ddd;
            background: #ffffff;
            padding: 10px 15px;
            box-shadow: none;
            border-radius: 0;
        }

            .dataTables_wrapper .DTTT_container a:hover {
                background: #ffffff;
                box-shadow: none;
                border-color: #ddd;
            }

    .dataTables_wrapper .dataTables_length {
        height: 35px;
        line-height: 35px;
    }

    .dataTables_wrapper .dataTables_filter label {
        text-transform: uppercase;
    }

        .dataTables_wrapper .dataTables_filter label input {
            box-shadow: none;
            border: 2px solid #e5e5e5;
            padding: 5px;
            height: 35px;
            line-height: 25px;
            color: #6a6c6f;
            background: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

    .dataTables_wrapper .dataTable.no-footer {
        border-color: #eee;
        margin-bottom: 15px;
    }

    .dataTables_wrapper .dataTable thead th.sorting_asc, .dataTables_wrapper .dataTable thead th.sorting_desc {
        color: #0b1115;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin: 0;
        border: none;
        opacity: 0.65;
        padding: 0;
        height: 33px;
        line-height: 33px;
        padding: 0 10px;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background: transparent;
            border: none;
            font-weight: bold;
            opacity: 1;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                background: transparent;
                border: none;
            }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
            background: transparent;
            box-shadow: none;
            border: none;
            opacity: 1;
            color: #6a6c6f !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            opacity: 0.65 !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
            position: relative;
            color: transparent !important;
            width: 30px;
            margin: 0;
            opacity: 1;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
                color: transparent !important;
                background: transparent !important;
                border: none !important;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
                font-family: 'FontAwesome';
                content: "\f060";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                height: 33px;
                line-height: 33px;
                color: #6a6c6f !important;
                font-size: 0.8em;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
                font-family: 'FontAwesome';
                content: "\f061";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                height: 33px;
                line-height: 33px;
                color: #6a6c6f !important;
                font-size: 0.8em;
            }

.fixedHeader-floating {
    top: 50px !important;
}

/* ====== Footable ===== 
------------------------------------------------------------ */
.table.footable.footable-filtering thead tr.footable-filtering th {
    border-color: transparent !important;
}

.table.footable.footable-filtering thead tr.footable-filtering .input-group {
    height: 45px;
}

    .table.footable.footable-filtering thead tr.footable-filtering .input-group .input-group-btn {
        height: 100%;
    }

        .table.footable.footable-filtering thead tr.footable-filtering .input-group .input-group-btn button {
            background: #ffffff;
            border-color: #e5e5e5;
            border-left-color: transparent;
            border-right-color: transparent;
            color: #6a6c6f !important;
            height: 100%;
            border-radius: 0;
            height: 45px;
        }

            .table.footable.footable-filtering thead tr.footable-filtering .input-group .input-group-btn button.dropdown-toggle {
                border-right-color: #e5e5e5;
            }

.table.footable.footable-filtering thead tr.footable-header .footable-asc,
.table.footable.footable-filtering thead tr.footable-header .footable-desc {
    color: #0b1115;
}

.table.footable tbody tr {
    background: #ffffff;
}

    .table.footable tbody tr:hover {
        background: #f2fcff;
    }

    .table.footable tbody tr.footable-detail-row > td {
        padding: 0 !important;
        background: #f9f9f9;
    }

    .table.footable tbody tr.footable-detail-row .footable-details {
        margin-bottom: 0;
    }

        .table.footable tbody tr.footable-detail-row .footable-details tr th,
        .table.footable tbody tr.footable-detail-row .footable-details tr td {
            padding: 20px;
            background: #f9f9f9;
        }

        .table.footable tbody tr.footable-detail-row .footable-details tr th {
            padding-left: 40px;
            border-top: solid 1px #eee;
        }

        .table.footable tbody tr.footable-detail-row .footable-details tr:first-child th {
            border-top: none;
        }

.table.footable tbody .footable-toggle {
    font-size: 16px;
    margin-right: 10px;
}

    .table.footable tbody .footable-toggle.fooicon-minus:before {
        font-family: "FontAwesome";
        content: "\f056";
    }

    .table.footable tbody .footable-toggle.fooicon-plus:before {
        font-family: "FontAwesome";
        content: "\f055";
    }

.table.footable tfoot .footable-paging .label {
    margin-top: 10px;
}

.table.footable tfoot .footable-paging .pagination li.active a {
    background: #323c50;
    color: #ffffff;
}

    .table.footable tfoot .footable-paging .pagination li.active a:hover {
        background: #323c50;
        color: #ffffff;
    }

.table.footable tfoot .footable-paging .pagination li a {
    background: transparent;
    color: #6a6c6f;
    border-radius: 50%;
    border: none;
    margin-right: 5px;
}

    .table.footable tfoot .footable-paging .pagination li a:hover {
        background: transparent;
        color: #0b1115;
    }

/* ====== Editable ===== 
------------------------------------------------------------ */
.editable-container .editableform .editable-input {
    margin-bottom: 15px;
}

    .editable-container .editableform .editable-input .well {
        padding: 0;
        border: none;
    }

        .editable-container .editableform .editable-input .well .datepicker {
            padding: 0;
            background: #ffffff;
            border: none;
        }

    .editable-container .editableform .editable-input select {
        margin: 0 5px 5px 0;
    }

.editable-container .editableform .editable-buttons button {
    margin: 0 15px 15px 0;
}

/* ----------------------------------------------------
 *  18. Modals
 *
 *  Contains all the overridden and added CSS for the
 *  modals animations
 * ---------------------------------------------------- */
/* ====== Modals ===== 
------------------------------------------------------------ */
.modal.fade.modal-top > .modal-dialog {
    margin-top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.modal.fade.modal-top .modal-content {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.modal.fade.modal-top.in > .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modal.fade.modal-center .modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0 auto;
    display: table;
    height: 100%;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: modal-center-anim-close;
    animation-name: modal-center-anim-close;
}

    .modal.fade.modal-center .modal-dialog .modal-content-container {
        display: table-cell;
        vertical-align: middle;
    }

.modal.fade.modal-center.in .modal-dialog {
    -webkit-animation-name: modal-center-anim-open;
    animation-name: modal-center-anim-open;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.modal.fade.modal-bottom {
    overflow: hidden;
    -webkit-animation: bottom-modal-anim-close 0.3s ease-in-out;
    -moz-animation: bottom-modal-anim-close 0.3s ease-in-out;
    animation: bottom-modal-anim-close 0.3s ease-in-out;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

    .modal.fade.modal-bottom .modal-dialog {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 0 auto;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .modal.fade.modal-bottom .modal-content {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .modal.fade.modal-bottom.in {
        -webkit-animation: bottom-modal-anim-open 0.3s ease-in-out;
        -moz-animation: bottom-modal-anim-open 0.3s ease-in-out;
        animation: bottom-modal-anim-open 0.3s ease-in-out;
    }

        .modal.fade.modal-bottom.in .modal-content > * {
            -webkit-animation: bottom-modal-anim-elem 0.3s both;
            animation: bottom-modal-anim-elem 0.3s both;
        }

        .modal.fade.modal-bottom.in .modal-content .modal-header {
            -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
        }

        .modal.fade.modal-bottom.in .modal-content .modal-body {
            -webkit-animation-delay: 0.20s;
            animation-delay: 0.20s;
        }

        .modal.fade.modal-bottom.in .modal-content .modal-footer {
            -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
        }

/* ====== Dummy Showcase ===== 
------------------------------------------------------------ */
.dummy-modal {
    background: #eee;
    padding: 15px;
    overflow: hidden;
    width: 70%;
}

    .dummy-modal .dummy-modal-header > .dummy-content {
        height: 10px;
        width: 30%;
        background: #aaa;
        margin-bottom: 10px;
    }

    .dummy-modal .dummy-modal-body > .dummy-content {
        height: 10px;
        background: #aaa;
        margin-bottom: 5px;
    }

        .dummy-modal .dummy-modal-body > .dummy-content:first-child {
            width: 70%;
        }

        .dummy-modal .dummy-modal-body > .dummy-content:nth-child(2) {
            width: 60%;
        }

        .dummy-modal .dummy-modal-body > .dummy-content:nth-child(3) {
            width: 80%;
        }

    .dummy-modal .dummy-modal-footer .dummy-content {
        height: 15px;
        width: 100px;
        margin-right: 10px;
        margin-top: 15px;
        float: left;
    }

        .dummy-modal .dummy-modal-footer .dummy-content:first-child {
            width: 30%;
        }

        .dummy-modal .dummy-modal-footer .dummy-content:nth-child(2) {
            background: #00abe8;
            width: 20%;
            float: right;
        }

        .dummy-modal .dummy-modal-footer .dummy-content:nth-child(3) {
            background: #adadad;
            width: 20%;
            float: right;
        }

.dummy-modal-top {
    height: 175px;
    border: dashed 1px;
    border-color: #ddd;
    position: relative;
}

    .dummy-modal-top > .dummy-modal {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.dummy-modal-bottom {
    height: 175px;
    border: dashed 1px;
    border-color: #ddd;
    margin: 0 auto;
    position: relative;
}

    .dummy-modal-bottom > .dummy-modal {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.dummy-modal-center {
    height: 175px;
    border: dashed 1px;
    border-color: #ddd;
    margin: 0 auto;
    position: relative;
}

    .dummy-modal-center > .dummy-modal {
        height: 125px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

/* ====== Modal Keyframes - Bottom Modal ===== 
------------------------------------------------------------ */
@-webkit-keyframes modal-center-anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.9, 0.9, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes modal-center-anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.9, 0.9, 1);
        transform: scale3d(0.9, 0.9, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes modal-center-anim-close {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.9, 0.9, 1);
    }
}

@keyframes modal-center-anim-close {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.9, 0.9, 1);
        transform: scale3d(0.9, 0.9, 1);
    }
}

/* ====== Modal Keyframes - Bottom Modal ===== 
------------------------------------------------------------ */
@-webkit-keyframes bottom-modal-anim-open {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    }
}

@keyframes bottom-modal-anim-open {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    }
}

@-webkit-keyframes bottom-modal-anim-close {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    }
}

@keyframes bottom-modal-anim-close {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    }
}

/* Inner elements animations */
@-webkit-keyframes bottom-modal-anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes bottom-modal-anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* ----------------------------------------------------
 *  19. Widgets
 *
 *  Contains SCSS codes for all the widgets used
 *  in this framework
 * ---------------------------------------------------- */
.blog-post-min {
    height: 350px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px #ddd;
}

    .blog-post-min .blog-post-header {
        background: #474652;
        height: 350px;
        color: #ffffff;
        padding: 25px;
    }

        .blog-post-min .blog-post-header > h4:nth-child(2) {
            position: relative;
        }

            .blog-post-min .blog-post-header > h4:nth-child(2):after {
                content: '';
                height: 4px;
                width: 35px;
                background: #F5755B;
                position: absolute;
                left: 0;
                bottom: -20px;
                border-radius: 2px;
            }

        .blog-post-min .blog-post-header .blog-posted-by {
            position: absolute;
            bottom: 15px;
        }

    .blog-post-min .blog-post-content {
        padding: 25px;
        background: #fff;
        color: #83848D;
        height: 300px;
    }

    .blog-post-min .blog-post-footer {
        height: 50px;
        padding: 0 25px;
        color: #83848D;
        background: #ffffff;
        box-shadow: 0px -10px 10px -10px #f9f9f9;
    }

        .blog-post-min .blog-post-footer p {
            line-height: 50px;
        }

        .blog-post-min .blog-post-footer strong {
            color: #5A5B69;
        }

.blog-post-compact {
    background: #ffffff;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px #ddd;
}

    .blog-post-compact .blog-post-header {
        background: #474652;
        padding: 20px;
        height: 100px;
    }

    .blog-post-compact .blog-post-body {
        padding: 20px;
    }

    .blog-post-compact .blog-post-footer {
        height: 50px;
        padding: 0 25px;
        color: #83848D;
        background: #ffffff;
        box-shadow: 0px -10px 10px -10px #f9f9f9;
    }

        .blog-post-compact .blog-post-footer p {
            line-height: 50px;
        }

        .blog-post-compact .blog-post-footer strong {
            color: #5A5B69;
        }

.blog-post-full {
    background: #ffffff;
    box-shadow: 0 2px 4px #ddd;
    border-radius: 5px;
    overflow: hidden;
}

    .blog-post-full .blog-post-header {
        height: 300px;
        background-image: url("../images/lightbox/city1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

        .blog-post-full .blog-post-header .media {
            position: absolute;
            bottom: 20px;
            left: 20px;
        }

            .blog-post-full .blog-post-header .media h6 {
                color: #ffffff;
            }

    .blog-post-full .blog-post-body {
        padding: 20px;
    }

    .blog-post-full .blog-post-footer {
        height: 50px;
        padding: 0 25px;
        color: #83848D;
        background: #ffffff;
        box-shadow: 0px -10px 10px -10px #f9f9f9;
    }

        .blog-post-full .blog-post-footer p {
            line-height: 50px;
        }

        .blog-post-full .blog-post-footer strong {
            color: #5A5B69;
        }

.blog-post-slim {
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 4px #ddd;
}

    .blog-post-slim .blog-post-header {
        height: 300px;
        background-image: url("../images/lightbox/city1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .blog-post-slim .blog-post-body {
        padding: 20px;
    }

    .blog-post-slim .blog-post-footer {
        height: 50px;
        padding: 0 25px;
        color: #83848D;
        background: #ffffff;
        box-shadow: 0px -10px 10px -10px #f9f9f9;
    }

        .blog-post-slim .blog-post-footer p {
            line-height: 50px;
        }

        .blog-post-slim .blog-post-footer strong {
            color: #5A5B69;
        }

.mini-stats-container {
    position: relative;
    height: 125px;
    border-radius: 100px;
    /* modified
 margin-bottom: 15px; */
}

    .mini-stats-container.mini-stats-pink {
        background: #fe75bd;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
        box-shadow: 0 2px 4px #757575;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mini-stats-container.mini-stats-revenue {
        background: #dae4dc;
    }

    .mini-stats-container.mini-stats-violet {
        background: #cb7cff;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
        box-shadow: 0 2px 4px #757575;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mini-stats-container.mini-stats-green {
        background: #72cce1;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #72cce1 0%, #f1d09d 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #72cce1 0%, #f1d09d 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #72cce1 0%, #f1d09d 99%);
        box-shadow: 0 2px 4px #757575;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mini-stats-container .mini-stats-content {
        height: 125px;
        text-align: left;
        /* modified padding: 40px 30px;*/
        padding: 25px 30px;
    }

    .mini-stats-container .mini-stats-icon {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        /* modified  background: #ffffff; */
        width: 115px;
        border-radius: 50%;
        text-align: center;
    }

        .mini-stats-container .mini-stats-icon > i {
            color: #0b1115;
            margin-top: 25px;
        }

.pie-widget {
    text-align: center;
    position: relative;
}

    .pie-widget .pie-label-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .pie-widget .pie-label-container > .pie-label {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.mini-calendar {
    margin-bottom: 15px;
}

    .mini-calendar .mini-calendar-header {
        background: #ffffff;
        padding: 15px 15px;
        position: relative;
        height: 65px;
        /*font-family: "Montserrat", sans-serif;*/
        text-transform: uppercase;
    }

        .mini-calendar .mini-calendar-header i {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 100%;
            line-height: 65px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
        }

            .mini-calendar .mini-calendar-header i.fa-angle-left {
                left: 20px;
            }

            .mini-calendar .mini-calendar-header i.fa-angle-right {
                right: 20px;
            }

    .mini-calendar .mini-calendar-body {
        background: #f93926;
        padding: 20px;
        color: #ffffff;
    }

        .mini-calendar .mini-calendar-body ul li {
            display: block;
            position: relative;
            height: 50px;
            line-height: 50px;
            text-transform: uppercase;
            font-size: 14px;
            cursor: pointer;
            border-bottom: solid 1px rgba(0, 0, 0, 0.2);
            padding: 0 10px;
        }

            .mini-calendar .mini-calendar-body ul li i {
                position: absolute;
                right: 10px;
                top: 0;
                bottom: 0;
                height: 50px;
                line-height: 50px;
            }

        .mini-calendar .mini-calendar-body .mini-calendar-actions {
            padding: 30px 0 0 0;
        }

            .mini-calendar .mini-calendar-body .mini-calendar-actions i {
                cursor: pointer;
            }

.email-widget {
    margin-bottom: 15px;
}

    .email-widget .tab-container ul li {
        display: inline-block;
        width: 33.3333333333%;
        text-align: center;
        background: #ffffff;
        position: relative;
    }

        .email-widget .tab-container ul li.active {
            border-bottom: solid 2px #f93926;
        }

            .email-widget .tab-container ul li.active a {
                color: #f93926 !important;
            }

            .email-widget .tab-container ul li.active:before {
                bottom: 0;
                left: 0;
                right: 0;
                height: 4px;
                z-index: 990;
                width: 100%;
                background: #f93926;
                content: '';
                position: absolute;
            }

/* modified 
.mini-user-widget {
  background: #ffffff;
  padding: 7px;
  border-radius: 100px;
  color: #ffffff;
  margin-bottom: 15px;
}
*/

.mini-user-widget {
    background: #ffffff;
    padding: 7px;
    border-radius: 10px;
    color: #ffffff;
    margin-bottom: 15px;
}

    .mini-user-widget.mini-user-pink {
        background: #fe75bd;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
        box-shadow: 0 2px 4px #757575;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mini-user-widget.mini-user-violet {
        background: #cb7cff;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        box-shadow: 0 2px 4px #757575;
    }

    .mini-user-widget.mini-user-green {
        background: #4AC29A; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #BDFFF3, #4AC29A); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #BDFFF3, #4AC29A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        box-shadow: 0 2px 4px #757575;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mini-user-widget.mini-user-blue {
        background: #606c88; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #3f4c6b, #606c88); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #3f4c6b, #606c88); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        box-shadow: 0 2px 4px #757575;
    }

    .mini-user-widget .media .media-left img {
        /* modified border-radius: 50%; */
        border-radius: 20%;
        height: 110px;
        width: 110px;
    }

    .mini-user-widget .media .media-body h3 {
        margin: 10px 0;
    }

.profile-widget-min {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 4px #ddd;
    margin-bottom: 15px;
}

    .profile-widget-min .profile-widget-upper {
        background: #FF4E50; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #F9D423, #FF4E50); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #F9D423, #FF4E50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        padding: 20px;
        position: relative;
    }

        .profile-widget-min .profile-widget-upper p {
            color: rgba(255, 255, 255, 0.5);
        }

        .profile-widget-min .profile-widget-upper .profile-widget-image img {
            border: solid 2px #ffffff;
        }

        .profile-widget-min .profile-widget-upper .profile-widget-username {
            color: rgba(255, 255, 255, 0.7);
            font-size: 16px;
        }

        .profile-widget-min .profile-widget-upper button {
            position: absolute;
            bottom: -21px;
            left: 0;
            right: 0;
            margin: 0 auto;
            box-shadow: 0 1px 2px #ddd;
            color: #fe75bd;
            padding: 10px 15px;
            font-weight: 700;
        }

    .profile-widget-min .profile-widget-lower {
        background: #ffffff;
        padding: 40px 20px;
        text-align: center;
    }

.connected-social-widget {
    background: #ffffff;
    margin-bottom: 15px;
}

    .connected-social-widget .connected-social-profile {
        height: 85px;
        padding: 10px 15px;
        border-bottom: solid 5px #00abe8;
    }

    .connected-social-widget .connected-social-items {
        height: 85px;
        padding: 10px 15px;
        position: relative;
        cursor: pointer;
    }

        .connected-social-widget .connected-social-items i.social-logo {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 20px;
            height: 85px;
            line-height: 85px;
        }

        .connected-social-widget .connected-social-items .media {
            margin-left: 50px;
            margin-top: 10px;
        }

        .connected-social-widget .connected-social-items.social-facebook {
            border-bottom: solid 5px #3b5998;
        }

            .connected-social-widget .connected-social-items.social-facebook i {
                color: #3b5998;
            }

            .connected-social-widget .connected-social-items.social-facebook.connected {
                background: #3b5998;
            }

                .connected-social-widget .connected-social-items.social-facebook.connected i {
                    color: #ffffff;
                }

                .connected-social-widget .connected-social-items.social-facebook.connected > .media .media-body > * {
                    color: #ffffff;
                }

        .connected-social-widget .connected-social-items.social-google-plus {
            border-bottom: solid 5px #dd4b39;
        }

            .connected-social-widget .connected-social-items.social-google-plus i {
                color: #dd4b39;
            }

        .connected-social-widget .connected-social-items.social-twitter {
            border-bottom: solid 5px #00aced;
        }

            .connected-social-widget .connected-social-items.social-twitter i {
                color: #00aced;
            }

.chart-widget {
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .chart-widget .highcharts-title {
        /*font-family: "Montserrat", sans-serif;*/
        text-transform: uppercase;
        font-size: 14px !important;
    }

.profile-widget-compact {
    /* modified
  position: relative;
  margin-top: 64px;border-radius: 5px; 
  border-radius: 15px;
  box-shadow: 0 2px 4px #b5b5b5;
box-shadow: 0 0 20px 4px #bfbfbf;
*/
    position: relative;
    border-radius: 30px;
}

    .profile-widget-compact .profile-widget-upper .profile-image {
        position: absolute;
        top: -64px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }

        .profile-widget-compact .profile-widget-upper .profile-image img {
            height: 128px;
            width: 128px;
            border-radius: 50%;
        }

    .profile-widget-compact .profile-widget-upper .profile-info {
        /*padding-top: 75px;
  text-align: center; */
        padding-top: 55px;
        text-align: left;
        margin-left: 25px;
    }

    .profile-widget-compact .profile-widget-lower {
        /* modified text-align: center;
        background: #F7FBFC;
*/
        padding: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        .profile-widget-compact .profile-widget-lower .profile-follow {
            margin-bottom: 10px;
        }

            .profile-widget-compact .profile-widget-lower .profile-follow .row > div:first-child {
                /* modified padding: 15px 15px 15px 70px; */
            }

            .profile-widget-compact .profile-widget-lower .profile-follow .row > div:last-child {
                /* modified  padding: 15px 70px 15px 15px; */
            }

        .profile-widget-compact .profile-widget-lower .profile-friends {
            margin-bottom: 15px;
            text-align: center;
        }

            .profile-widget-compact .profile-widget-lower .profile-friends ul {
                margin: 0;
                width: 100%;
            }

                .profile-widget-compact .profile-widget-lower .profile-friends ul li {
                    margin-left: -15px;
                    padding: 0 !important;
                }

                    .profile-widget-compact .profile-widget-lower .profile-friends ul li img {
                        height: 48px;
                        width: 48px;
                        border-radius: 50%;
                        border: solid 2px #ffffff;
                    }

.profile-widget-simple {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 4px #ddd;
}

    .profile-widget-simple .profile-widget-upper {
        height: 200px;
        background-image: url("../images/lightbox/city1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .profile-widget-simple .profile-widget-lower {
        background: #ffffff;
        text-align: center;
        padding: 75px 25px 25px 25px;
        position: relative;
    }

        .profile-widget-simple .profile-widget-lower img {
            position: absolute;
            border-radius: 50%;
            height: 128px;
            width: 128px;
            top: -64px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .profile-widget-simple .profile-widget-lower ul {
            margin: 0;
        }

/* ----------------------------------------------------
 *  20. Notifications
 *
 *  Contains styling for the notifications which
 *  is exclusive for XPLOIT. Contains both the
 *  notiications CSS and notification demo CSS.
 * ---------------------------------------------------- */
/* ====== Demo - Notification Demo Tab ===== 
------------------------------------------------------------ */
.notification-tab ul li.active h3 {
    position: relative;
    color: #ffffff;
    background: #ffffff !important;
    border: solid 5px #323c50;
}

    .notification-tab ul li.active h3:before {
        height: 65px;
        width: 65px;
        line-height: 65px;
        background: transparent;
        color: #323c50;
        font-size: 36px;
        position: absolute;
        display: block;
        margin: auto;
        border-radius: 50%;
        font-family: "FontAwesome";
        content: "\f00c";
    }

/* ====== Demo - Notification Styles ===== 
------------------------------------------------------------ */
.notification-style li {
    border-bottom: solid 3px #ddd;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 19%;
}

    .notification-style li.li-active:first-child {
        color: #323c50;
        border-color: #323c50;
    }

    .notification-style li.li-active:nth-child(2) {
        color: #27c24c;
        border-color: #27c24c;
    }

    .notification-style li.li-active:nth-child(3) {
        color: #00abe8;
        border-color: #00abe8;
    }

    .notification-style li.li-active:nth-child(4) {
        color: #ff9c00;
        border-color: #ff9c00;
    }

    .notification-style li.li-active:nth-child(5) {
        color: #f93926;
        border-color: #f93926;
    }

/* ====== Demo - Notification Dummy ===== 
------------------------------------------------------------ */
.notifications-dummy {
    height: 350px;
    width: 100%;
    background: #f9f9f9;
    border: dashed 3px #ddd;
    position: relative;
}

    .notifications-dummy.simple-notification-dummy .dummy-notification, .notifications-dummy.alert-notification-dummy .dummy-notification {
        padding: 20px 15px;
        cursor: pointer;
        background: #ddd;
        border-radius: 4px;
        height: 50px;
        width: 150px;
        position: absolute;
    }

        .notifications-dummy.simple-notification-dummy .dummy-notification .dummy-notification-content, .notifications-dummy.alert-notification-dummy .dummy-notification .dummy-notification-content {
            height: 10px;
            width: 75%;
            background: #aaa;
            border-radius: 4px;
        }

        .notifications-dummy.simple-notification-dummy .dummy-notification .dummy-notification-close, .notifications-dummy.alert-notification-dummy .dummy-notification .dummy-notification-close {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background: #aaa;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    .notifications-dummy.simple-notification-dummy .dummy-top-left, .notifications-dummy.alert-notification-dummy .dummy-top-left {
        top: 10px;
        left: 10px;
    }

    .notifications-dummy.simple-notification-dummy .dummy-top-right, .notifications-dummy.alert-notification-dummy .dummy-top-right {
        top: 10px;
        right: 10px;
    }

    .notifications-dummy.simple-notification-dummy .dummy-bottom-left, .notifications-dummy.alert-notification-dummy .dummy-bottom-left {
        bottom: 10px;
        left: 10px;
    }

    .notifications-dummy.simple-notification-dummy .dummy-bottom-right, .notifications-dummy.alert-notification-dummy .dummy-bottom-right {
        bottom: 10px;
        right: 10px;
    }

    .notifications-dummy.thumb-notification-dummy .dummy-notification {
        padding: 10px 10px;
        cursor: pointer;
        background: #ddd;
        height: 50px;
        width: 150px;
        position: absolute;
    }

        .notifications-dummy.thumb-notification-dummy .dummy-notification .dummy-notification-image {
            height: 30px;
            width: 30px;
            background: #aaa;
            border-radius: 4px;
        }

        .notifications-dummy.thumb-notification-dummy .dummy-notification .dummy-notification-content {
            height: 10px;
            width: 70px;
            background: #aaa;
            border-radius: 4px;
            position: absolute;
            left: 50px;
            top: 20px;
        }

        .notifications-dummy.thumb-notification-dummy .dummy-notification .dummy-notification-close {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background: #aaa;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    .notifications-dummy.thumb-notification-dummy .dummy-top-left {
        top: 10px;
        left: 10px;
    }

    .notifications-dummy.thumb-notification-dummy .dummy-top-right {
        top: 10px;
        right: 10px;
    }

    .notifications-dummy.thumb-notification-dummy .dummy-bottom-left {
        bottom: 10px;
        left: 10px;
    }

    .notifications-dummy.thumb-notification-dummy .dummy-bottom-right {
        bottom: 10px;
        right: 10px;
    }

    .notifications-dummy.flip-notification-dummy .dummy-notification {
        padding: 20px 15px;
        cursor: pointer;
        background: #ddd;
        border-radius: 4px;
        height: 75px;
        width: 150px;
        position: absolute;
    }

        .notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-content {
            height: 7px;
            width: 75%;
            background: #aaa;
            border-radius: 4px;
            position: relative;
        }

            .notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-content:before {
                content: '';
                display: block;
                height: 7px;
                width: 50%;
                position: absolute;
                background: #aaa;
                border-radius: 4px;
                top: 15px;
            }

            .notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-content:after {
                content: '';
                display: block;
                height: 7px;
                width: 60%;
                position: absolute;
                background: #aaa;
                border-radius: 4px;
                top: 30px;
            }

        .notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-close {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background: #aaa;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    .notifications-dummy.flip-notification-dummy .dummy-top-left {
        top: 0;
        left: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .notifications-dummy.flip-notification-dummy .dummy-top-right {
        top: 0;
        right: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .notifications-dummy.flip-notification-dummy .dummy-bottom-left {
        bottom: 0;
        left: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .notifications-dummy.flip-notification-dummy .dummy-bottom-right {
        bottom: 0;
        right: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .notifications-dummy.thumb-circle-notification-dummy .dummy-notification {
        padding: 10px 10px;
        cursor: pointer;
        background: #ddd;
        height: 50px;
        width: 150px;
        position: absolute;
        border-radius: 50px;
    }

        .notifications-dummy.thumb-circle-notification-dummy .dummy-notification .dummy-notification-image {
            height: 30px;
            width: 30px;
            background: #aaa;
            border-radius: 50%;
        }

        .notifications-dummy.thumb-circle-notification-dummy .dummy-notification .dummy-notification-content {
            height: 10px;
            width: 70px;
            background: #aaa;
            border-radius: 4px;
            position: absolute;
            left: 45px;
            top: 20px;
        }

        .notifications-dummy.thumb-circle-notification-dummy .dummy-notification .dummy-notification-close {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background: #aaa;
            position: absolute;
            top: 10px;
            right: 15px;
        }

    .notifications-dummy.thumb-circle-notification-dummy .dummy-top-left {
        top: 10px;
        left: 10px;
    }

    .notifications-dummy.thumb-circle-notification-dummy .dummy-top-right {
        top: 10px;
        right: 10px;
    }

    .notifications-dummy.thumb-circle-notification-dummy .dummy-bottom-left {
        bottom: 10px;
        left: 10px;
    }

    .notifications-dummy.thumb-circle-notification-dummy .dummy-bottom-right {
        bottom: 10px;
        right: 10px;
    }

    .notifications-dummy.bar-notification-dummy .dummy-notification {
        padding: 20px 15px;
        cursor: pointer;
        background: #ddd;
        border-radius: 4px;
        height: 50px;
        position: absolute;
    }

        .notifications-dummy.bar-notification-dummy .dummy-notification .dummy-notification-content {
            height: 10px;
            width: 70%;
            background: #aaa;
            border-radius: 4px;
            position: relative;
        }

        .notifications-dummy.bar-notification-dummy .dummy-notification .dummy-notification-close {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background: #aaa;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    .notifications-dummy.bar-notification-dummy .dummy-top {
        top: 0;
        left: 10px;
        right: 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .notifications-dummy.bar-notification-dummy .dummy-bottom {
        bottom: 0;
        left: 10px;
        right: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

/* ====== Notification ===== 
------------------------------------------------------------ */
.notify-container {
    position: fixed;
    z-index: 990;
}

    .notify-container .notify-wrapper .notify-close-button {
        position: absolute;
        top: 10px;
        bottom: 0;
        right: 10px;
        cursor: pointer;
        backface-visibility: hidden;
        overflow: hidden;
    }

    .notify-container .notify-wrapper[data-type="thumb-circle"] {
        width: 350px;
        margin-bottom: 15px;
        overflow: hidden;
        position: relative;
        border-radius: 50px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--image, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--image {
            -webkit-animation: animJelly 1s linear forwards;
            -moz-animation: animJelly 1s linear forwards;
            animation: animJelly 1s linear forwards;
        }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message {
            -webkit-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
            -moz-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
            animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
        }

            .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message span, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message span {
                -webkit-animation: animFade 0.3s forwards;
                -moz-animation: animFade 0.3s forwards;
                animation: animFade 0.3s forwards;
                opacity: 0;
            }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .notify-close-button {
            -webkit-animation: animFade 0.3s forwards;
            -moz-animation: animFade 0.3s forwards;
            animation: animFade 0.3s forwards;
            opacity: 0;
        }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message {
            -webkit-animation-delay: 0.5s;
            -moz-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }

            .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message span {
                -webkit-animation-delay: 0.8s;
                -moz-animation-delay: 0.8s;
                animation-delay: 0.8s;
            }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .notify-close-button {
            -webkit-animation-delay: 0.8s;
            -moz-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--image {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

            .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message span {
                -webkit-animation-direction: reverse;
                -moz-animation-direction: reverse;
                animation-direction: reverse;
            }

        .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .notify-close-button {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container {
            position: relative;
        }

            .notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container .thumb-circle--image {
                height: 65px;
                width: 65px;
                position: absolute;
                z-index: 9999;
                top: 0;
                bottom: 0;
                left: 0px;
            }

                .notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container .thumb-circle--image img {
                    height: 100%;
                    width: 100%;
                    border-radius: 50%;
                }

            .notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container .thumb-circle--message {
                height: 65px;
                line-height: 35px;
                background: #ffffff;
                border-radius: 50px;
                padding: 15px 15px 15px 80px;
            }

    .notify-container .notify-wrapper[data-type="thumb"] {
        width: 350px;
        margin-bottom: 15px;
        overflow: hidden;
        position: relative;
    }

        .notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--image, .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--image {
            -webkit-animation: animJelly 1s linear forwards;
            -moz-animation: animJelly 1s linear forwards;
            animation: animJelly 1s linear forwards;
        }

        .notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message, .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message {
            -webkit-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
            -moz-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
            animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
        }

            .notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message span, .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message span {
                -webkit-animation: animFade 0.3s forwards;
                -moz-animation: animFade 0.3s forwards;
                animation: animFade 0.3s forwards;
                opacity: 0;
            }

        .notify-container .notify-wrapper[data-type="thumb"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="thumb"].notify-close .notify-close-button {
            -webkit-animation: animFade 0.3s forwards;
            -moz-animation: animFade 0.3s forwards;
            animation: animFade 0.3s forwards;
            opacity: 0;
        }

        .notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message {
            -webkit-animation-delay: 0.5s;
            -moz-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }

            .notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message span {
                -webkit-animation-delay: 0.8s;
                -moz-animation-delay: 0.8s;
                animation-delay: 0.8s;
            }

        .notify-container .notify-wrapper[data-type="thumb"].notify-open .notify-close-button {
            -webkit-animation-delay: 0.8s;
            -moz-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

        .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--image {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

            .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message span {
                -webkit-animation-direction: reverse;
                -moz-animation-direction: reverse;
                animation-direction: reverse;
            }

        .notify-container .notify-wrapper[data-type="thumb"].notify-close .notify-close-button {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .notify-container .notify-wrapper[data-type="thumb"] .thumb--container {
            position: relative;
            box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
        }

            .notify-container .notify-wrapper[data-type="thumb"] .thumb--container .thumb--image {
                height: 65px;
                width: 65px;
                position: absolute;
                z-index: 100;
                overflow: hidden;
            }

                .notify-container .notify-wrapper[data-type="thumb"] .thumb--container .thumb--image img {
                    height: 100%;
                    width: 100%;
                }

            .notify-container .notify-wrapper[data-type="thumb"] .thumb--container .thumb--message {
                height: 65px;
                line-height: 35px;
                background: #ffffff;
                padding: 15px 15px 15px 80px;
            }

    .notify-container .notify-wrapper[data-type="alert"] {
        width: 350px;
        margin-bottom: 15px;
        position: relative;
    }

        .notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .alert--container {
            background: #e3e1f1;
        }

            .notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .alert--container .alert--message {
                color: #4d4292;
            }

        .notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .notify-close-button {
            color: #4d4292;
        }

        .notify-container .notify-wrapper[data-type="alert"][data-style="success"] .alert--container {
            background: #d7f7df;
        }

            .notify-container .notify-wrapper[data-type="alert"][data-style="success"] .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"][data-style="success"] .alert--container .alert--message {
                color: #1a8233;
            }

        .notify-container .notify-wrapper[data-type="alert"][data-style="success"] .notify-close-button {
            color: #1a8233;
        }

        .notify-container .notify-wrapper[data-type="alert"][data-style="info"] .alert--container {
            background: #cff2ff;
        }

            .notify-container .notify-wrapper[data-type="alert"][data-style="info"] .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"][data-style="info"] .alert--container .alert--message {
                color: #00739c;
            }

        .notify-container .notify-wrapper[data-type="alert"][data-style="info"] .notify-close-button {
            color: #00739c;
        }

        .notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .alert--container {
            background: #ffebcc;
        }

            .notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .alert--container .alert--message {
                color: #b36d00;
            }

        .notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .notify-close-button {
            color: #b36d00;
        }

        .notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .alert--container {
            background: #fedcd9;
        }

            .notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .alert--container .alert--message {
                color: #cd1806;
            }

        .notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .notify-close-button {
            color: #cd1806;
        }

        .notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container, .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container {
            -webkit-animation: animScale 0.4s ease;
            -moz-animation: animScale 0.4s ease;
            animation: animScale 0.4s ease;
        }

            .notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--message, .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--message {
                -webkit-animation: animFade 0.3s forwards;
                -moz-animation: animFade 0.3s forwards;
                animation: animFade 0.3s forwards;
                opacity: 0;
            }

        .notify-container .notify-wrapper[data-type="alert"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="alert"].notify-close .notify-close-button {
            -webkit-animation: animFade 0.3s forwards;
            -moz-animation: animFade 0.3s forwards;
            animation: animFade 0.3s forwards;
            opacity: 0;
        }

        .notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--image,
        .notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--message {
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="alert"].notify-open .notify-close-button {
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
            -webkit-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

            .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--image,
            .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--message {
                -webkit-animation-direction: reverse;
                -moz-animation-direction: reverse;
                animation-direction: reverse;
            }

        .notify-container .notify-wrapper[data-type="alert"].notify-close .notify-close-button {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .notify-container .notify-wrapper[data-type="alert"] .alert--container {
            position: relative;
            border-radius: 4px;
            box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
        }

            .notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--image {
                position: absolute;
                width: 65px;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                text-align: center;
            }

                .notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--image i {
                    font-size: 36px;
                    height: 100%;
                    width: 100%;
                    display: table;
                }

                    .notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--image i:before {
                        display: table-cell;
                        vertical-align: middle;
                    }

            .notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--message {
                padding: 25px 15px 25px 65px;
            }

    .notify-container .notify-wrapper[data-type="simple"] {
        width: 350px;
        margin-bottom: 15px;
        position: relative;
        border-radius: 4px;
    }

        .notify-container .notify-wrapper[data-type="simple"][data-style="primary"] .simple--container {
            background: #e3e1f1;
        }

            .notify-container .notify-wrapper[data-type="simple"][data-style="primary"] .simple--container .simple--message {
                color: #4d4292;
            }

        .notify-container .notify-wrapper[data-type="simple"][data-style="primary"] .notify-close-button {
            color: #4d4292;
        }

        .notify-container .notify-wrapper[data-type="simple"][data-style="success"] .simple--container {
            background: #d7f7df;
        }

            .notify-container .notify-wrapper[data-type="simple"][data-style="success"] .simple--container .simple--message {
                color: #1a8233;
            }

        .notify-container .notify-wrapper[data-type="simple"][data-style="success"] .notify-close-button {
            color: #1a8233;
        }

        .notify-container .notify-wrapper[data-type="simple"][data-style="info"] .simple--container {
            background: #cff2ff;
        }

            .notify-container .notify-wrapper[data-type="simple"][data-style="info"] .simple--container .simple--message {
                color: #00739c;
            }

        .notify-container .notify-wrapper[data-type="simple"][data-style="info"] .notify-close-button {
            color: #00739c;
        }

        .notify-container .notify-wrapper[data-type="simple"][data-style="warning"] .simple--container {
            background: #ffebcc;
        }

            .notify-container .notify-wrapper[data-type="simple"][data-style="warning"] .simple--container .simple--message {
                color: #b36d00;
            }

        .notify-container .notify-wrapper[data-type="simple"][data-style="warning"] .notify-close-button {
            color: #b36d00;
        }

        .notify-container .notify-wrapper[data-type="simple"][data-style="danger"] .simple--container {
            background: #fedcd9;
        }

            .notify-container .notify-wrapper[data-type="simple"][data-style="danger"] .simple--container .simple--message {
                color: #cd1806;
            }

        .notify-container .notify-wrapper[data-type="simple"][data-style="danger"] .notify-close-button {
            color: #cd1806;
        }

        .notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container, .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container {
            -webkit-animation: animScale 0.4s ease;
            -moz-animation: animScale 0.4s ease;
            animation: animScale 0.4s ease;
        }

            .notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--image,
            .notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--message, .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--image,
            .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--message {
                -webkit-animation: animFade 0.3s forwards;
                -moz-animation: animFade 0.3s forwards;
                animation: animFade 0.3s forwards;
                opacity: 0;
            }

        .notify-container .notify-wrapper[data-type="simple"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="simple"].notify-close .notify-close-button {
            -webkit-animation: animFade 0.3s forwards;
            -moz-animation: animFade 0.3s forwards;
            animation: animFade 0.3s forwards;
            opacity: 0;
        }

        .notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--image,
        .notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--message {
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="simple"].notify-open .notify-close-button {
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
            -webkit-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

            .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--image,
            .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--message {
                -webkit-animation-direction: reverse;
                -moz-animation-direction: reverse;
                animation-direction: reverse;
            }

        .notify-container .notify-wrapper[data-type="simple"].notify-close .notify-close-button {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .notify-container .notify-wrapper[data-type="simple"] .simple--container {
            background: #d3cfea;
            color: #0b1115;
            border-radius: 4px;
            box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
        }

            .notify-container .notify-wrapper[data-type="simple"] .simple--container .simple--message {
                padding: 25px 15px;
            }

    .notify-container .notify-wrapper[data-type="flip"] {
        width: 350px;
        margin-bottom: 15px;
        position: relative;
        -webkit-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

        .notify-container .notify-wrapper[data-type="flip"][data-style="primary"] .flip--container {
            background: #e3e1f1;
        }

            .notify-container .notify-wrapper[data-type="flip"][data-style="primary"] .flip--container .flip--message {
                color: #4d4292;
            }

        .notify-container .notify-wrapper[data-type="flip"][data-style="primary"] .notify-close-button {
            color: #4d4292;
        }

        .notify-container .notify-wrapper[data-type="flip"][data-style="success"] .flip--container {
            background: #d7f7df;
        }

            .notify-container .notify-wrapper[data-type="flip"][data-style="success"] .flip--container .flip--message {
                color: #1a8233;
            }

        .notify-container .notify-wrapper[data-type="flip"][data-style="success"] .notify-close-button {
            color: #1a8233;
        }

        .notify-container .notify-wrapper[data-type="flip"][data-style="info"] .flip--container {
            background: #cff2ff;
        }

            .notify-container .notify-wrapper[data-type="flip"][data-style="info"] .flip--container .flip--message {
                color: #00739c;
            }

        .notify-container .notify-wrapper[data-type="flip"][data-style="info"] .notify-close-button {
            color: #00739c;
        }

        .notify-container .notify-wrapper[data-type="flip"][data-style="warning"] .flip--container {
            background: #ffebcc;
        }

            .notify-container .notify-wrapper[data-type="flip"][data-style="warning"] .flip--container .flip--message {
                color: #b36d00;
            }

        .notify-container .notify-wrapper[data-type="flip"][data-style="warning"] .notify-close-button {
            color: #b36d00;
        }

        .notify-container .notify-wrapper[data-type="flip"][data-style="danger"] .flip--container {
            background: #fedcd9;
        }

            .notify-container .notify-wrapper[data-type="flip"][data-style="danger"] .flip--container .flip--message {
                color: #cd1806;
            }

        .notify-container .notify-wrapper[data-type="flip"][data-style="danger"] .notify-close-button {
            color: #cd1806;
        }

        .notify-container .notify-wrapper[data-type="flip"].notify-open {
            -webkit-animation-name: flipInX;
            -ms-animation-name: flipInX;
            animation-name: flipInX;
            -webkit-animation-duration: 0.8s;
            -ms-animation-duration: 0.8s;
            animation-duration: 0.8s;
        }

        .notify-container .notify-wrapper[data-type="flip"].notify-close {
            -webkit-animation-name: flipInXSimple;
            -ms-animation-name: flipInXSimple;
            animation-name: flipInXSimple;
            -webkit-animation-duration: 0.3s;
            -ms-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-direction: reverse;
            -ms-animation-direction: reverse;
            animation-direction: reverse;
        }

        .notify-container .notify-wrapper[data-type="flip"] .flip--container {
            box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
        }

            .notify-container .notify-wrapper[data-type="flip"] .flip--container .flip--message {
                padding: 25px 15px;
            }

    .notify-container .notify-wrapper[data-type="bar"] {
        width: 100%;
        position: relative;
    }

        .notify-container .notify-wrapper[data-type="bar"].notify-open, .notify-container .notify-wrapper[data-type="bar"].notify-close {
            -webkit-animation-name: animSlideTop;
            animation-name: animSlideTop;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
        }

        .notify-container .notify-wrapper[data-type="bar"].notify-close {
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .notify-container .notify-wrapper[data-type="bar"][data-style="primary"] .bar--container {
            background: #e3e1f1;
        }

            .notify-container .notify-wrapper[data-type="bar"][data-style="primary"] .bar--container .bar--message {
                color: #4d4292;
            }

        .notify-container .notify-wrapper[data-type="bar"][data-style="primary"] .notify-close-button {
            color: #4d4292;
        }

        .notify-container .notify-wrapper[data-type="bar"][data-style="success"] .bar--container {
            background: #d7f7df;
        }

            .notify-container .notify-wrapper[data-type="bar"][data-style="success"] .bar--container .bar--message {
                color: #1a8233;
            }

        .notify-container .notify-wrapper[data-type="bar"][data-style="success"] .notify-close-button {
            color: #1a8233;
        }

        .notify-container .notify-wrapper[data-type="bar"][data-style="info"] .bar--container {
            background: #cff2ff;
        }

            .notify-container .notify-wrapper[data-type="bar"][data-style="info"] .bar--container .bar--message {
                color: #00739c;
            }

        .notify-container .notify-wrapper[data-type="bar"][data-style="info"] .notify-close-button {
            color: #00739c;
        }

        .notify-container .notify-wrapper[data-type="bar"][data-style="warning"] .bar--container {
            background: #ffebcc;
        }

            .notify-container .notify-wrapper[data-type="bar"][data-style="warning"] .bar--container .bar--message {
                color: #b36d00;
            }

        .notify-container .notify-wrapper[data-type="bar"][data-style="warning"] .notify-close-button {
            color: #b36d00;
        }

        .notify-container .notify-wrapper[data-type="bar"][data-style="danger"] .bar--container {
            background: #fedcd9;
        }

            .notify-container .notify-wrapper[data-type="bar"][data-style="danger"] .bar--container .bar--message {
                color: #cd1806;
            }

        .notify-container .notify-wrapper[data-type="bar"][data-style="danger"] .notify-close-button {
            color: #cd1806;
        }

        .notify-container .notify-wrapper[data-type="bar"] .bar--container {
            background: #00abe8;
            box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
        }

            .notify-container .notify-wrapper[data-type="bar"] .bar--container .bar--message {
                padding: 20px 15px;
            }

    .notify-container[data-position="top"] {
        top: 50px;
        left: 225px;
        right: 0;
        overflow: hidden;
    }

    .notify-container[data-position="bottom"] {
        bottom: 0px;
        left: 225px;
        right: 0;
        overflow: hidden;
    }

        .notify-container[data-position="bottom"] [data-type="bar"].notify-open, .notify-container[data-position="bottom"] [data-type="bar"].notify-close {
            -webkit-animation-name: animSlideBottom;
            animation-name: animSlideBottom;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
        }

        .notify-container[data-position="bottom"] [data-type="bar"].notify-close {
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

    .notify-container[data-position="top-right"] {
        top: 65px;
        right: 15px;
    }

        .notify-container[data-position="top-right"] [data-type="flip"] {
            top: -15px;
        }

    .notify-container[data-position="top-left"] {
        top: 65px;
        left: 265px;
    }

        .notify-container[data-position="top-left"] [data-type="flip"] {
            top: -15px;
        }

    .notify-container[data-position="bottom-right"] {
        bottom: 15px;
        right: 15px;
    }

        .notify-container[data-position="bottom-right"] [data-type="flip"] {
            bottom: -15px;
            margin-bottom: 0 !important;
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
        }

            .notify-container[data-position="bottom-right"] [data-type="flip"].notify-open {
                -webkit-animation-name: flipInXBottom;
                animation-name: flipInXBottom;
                -webkit-animation-duration: 0.8s;
                animation-duration: 0.8s;
            }

            .notify-container[data-position="bottom-right"] [data-type="flip"].notify-close {
                -webkit-animation-name: flipInXSimpleBottom;
                animation-name: flipInXSimpleBottom;
                -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
                -webkit-animation-direction: reverse;
                animation-direction: reverse;
            }

            .notify-container[data-position="bottom-right"] [data-type="flip"] .flip--container {
                box-shadow: 0px -7px 4px -4px rgba(0, 0, 0, 0.3) !important;
            }

    .notify-container[data-position="bottom-left"] {
        bottom: 15px;
        left: 265px;
    }

        .notify-container[data-position="bottom-left"] [data-type="flip"] {
            bottom: -15px;
            margin-bottom: 0 !important;
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
        }

            .notify-container[data-position="bottom-left"] [data-type="flip"].notify-open {
                -webkit-animation-name: flipInXBottom;
                animation-name: flipInXBottom;
                -webkit-animation-duration: 0.8s;
                animation-duration: 0.8s;
            }

            .notify-container[data-position="bottom-left"] [data-type="flip"].notify-close {
                -webkit-animation-name: flipInXSimpleBottom;
                animation-name: flipInXSimpleBottom;
                -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
                -webkit-animation-direction: reverse;
                animation-direction: reverse;
            }

            .notify-container[data-position="bottom-left"] [data-type="flip"] .flip--container {
                box-shadow: 0px -7px 4px -4px rgba(0, 0, 0, 0.3) !important;
            }

.navbar-collapsed .notify-container[data-position="top-left"], .navbar-collapsed .notify-container[data-position="bottom-left"] {
    left: 90px;
}

.navbar-collapsed .notify-container[data-position="top"], .navbar-collapsed .notify-container[data-position="bottom"] {
    left: 75px;
}

@-webkit-keyframes animJelly {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    2.083333% {
        -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    4.166667% {
        -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    6.25% {
        -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    8.333333% {
        -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10.416667% {
        opacity: 1;
        -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    12.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    14.583333% {
        -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    16.666667% {
        -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    18.75% {
        -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    20.833333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    22.916667% {
        -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    25% {
        -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    27.083333% {
        -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    29.166667% {
        -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    35.416667% {
        -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    37.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    39.583333% {
        -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    41.666667% {
        -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    43.75% {
        -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    45.833333% {
        -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    47.916667% {
        -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    50% {
        -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    52.083333% {
        -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    54.166667% {
        -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    56.25% {
        -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    58.333333% {
        -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    60.416667% {
        -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    62.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    64.583333% {
        -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    68.75% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    70.833333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    72.916667% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    75% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    77.083333% {
        -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    79.166667% {
        -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    83.333333% {
        -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    85.416667% {
        -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    87.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    89.583333% {
        -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    91.666667% {
        -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    93.75% {
        -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    95.833333% {
        -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    97.916667% {
        -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes animJelly {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    2.083333% {
        -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    4.166667% {
        -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    6.25% {
        -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    8.333333% {
        -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10.416667% {
        opacity: 1;
        -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    12.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    14.583333% {
        -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    16.666667% {
        -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    18.75% {
        -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    20.833333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    22.916667% {
        -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    25% {
        -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    27.083333% {
        -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    29.166667% {
        -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    35.416667% {
        -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    37.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    39.583333% {
        -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    41.666667% {
        -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    43.75% {
        -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    45.833333% {
        -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    47.916667% {
        -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    50% {
        -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    52.083333% {
        -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    54.166667% {
        -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    56.25% {
        -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    58.333333% {
        -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    60.416667% {
        -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    62.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    64.583333% {
        -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    68.75% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    70.833333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    72.916667% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    75% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    77.083333% {
        -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    79.166667% {
        -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    83.333333% {
        -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    85.416667% {
        -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    87.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    89.583333% {
        -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    91.666667% {
        -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    93.75% {
        -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    95.833333% {
        -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    97.916667% {
        -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@-webkit-keyframes animSlide {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes animSlide {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes animFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
        transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipInXSimple {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInXSimple {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipInXBottom {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
        -webkit-transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -webkit-transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -webkit-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInXBottom {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipInXSimpleBottom {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}

@keyframes flipInXSimpleBottom {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes animSlideTop {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes animSlideTop {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes animSlideBottom {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes animSlideBottom {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* ----------------------------------------------------
 *  21. Login, Resgister, Forgot Password, Lockscreen
 *
 *  Styling file for all the above mentioned pages
 * ---------------------------------------------------- */
/*
 *  Lock Screen
 * ========================================================= */
.lockscreen-container {
    width: 400px;
    margin: auto;
    padding: 50px 20px 20px 20px;
}

    .lockscreen-container .lockscreen {
        border-radius: 5px;
        box-shadow: 0 2px 4px #ddd;
    }

/*
 *  Forgot Password
 * ========================================================= */
.fp-container {
    padding: 100px 25px !important;
}

/*
 *  Generic for all the above mentioned pages
 * ========================================================= */
.register-container,
.login-container,
.fp-container {
    width: 500px;
    padding: 50px 25px;
    margin: 0 auto;
}

    .register-container .social-sign-up,
    .login-container .social-sign-up,
    .fp-container .social-sign-up {
        position: relative;
    }

        .register-container .social-sign-up:before,
        .login-container .social-sign-up:before,
        .fp-container .social-sign-up:before {
            content: '';
            display: block;
            right: 0;
            position: absolute;
            left: 0;
            bottom: -26px;
            height: 1px;
            background: #ddd;
            z-index: -1;
            width: 100%;
        }

        .register-container .social-sign-up i,
        .login-container .social-sign-up i,
        .fp-container .social-sign-up i {
            font-size: 2em !important;
        }

        .register-container .social-sign-up + p small,
        .login-container .social-sign-up + p small,
        .fp-container .social-sign-up + p small {
            background: #f1f1f1;
            padding: 0 15px;
        }

/*
 *  Errors
 * ========================================================= */
.error-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ----------------------------------------------------
 * 22. Mail
 *
 * Contains all the styling for web mail
 * ---------------------------------------------------- */
.content-wrapper.mail #page-content {
    padding: 50px 0 0 0;
}

    .content-wrapper.mail #page-content .mail-container {
        height: 100%;
    }

        .content-wrapper.mail #page-content .mail-container .mail-menu {
            float: left;
            width: 75px;
            height: 100%;
            background: #27333F;
        }

            .content-wrapper.mail #page-content .mail-container .mail-menu ul li.menu-header {
                /*font-family: "Montserrat", sans-serif;*/
                text-align: center;
                text-transform: uppercase;
                color: #535F6B;
                margin: 15px 0;
            }

            .content-wrapper.mail #page-content .mail-container .mail-menu ul li.active a {
                color: #ffffff;
            }

            .content-wrapper.mail #page-content .mail-container .mail-menu ul li a {
                height: 65px;
                line-height: 65px;
                display: block;
                text-align: center;
                color: #535F6B;
                position: relative;
            }

                .content-wrapper.mail #page-content .mail-container .mail-menu ul li a .badge {
                    position: absolute;
                    top: 10px;
                    right: 18px;
                }

                .content-wrapper.mail #page-content .mail-container .mail-menu ul li a i {
                    font-size: 24px;
                }

                .content-wrapper.mail #page-content .mail-container .mail-menu ul li a:hover, .content-wrapper.mail #page-content .mail-container .mail-menu ul li a:focus {
                    text-decoration: none;
                    color: #ffffff;
                }

        .content-wrapper.mail #page-content .mail-container .mail-list {
            height: 100%;
            width: 400px;
            overflow: auto;
            position: relative;
            background: #f9f9f9;
            float: left;
        }

            .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-fake-header, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .ioslist-group-header {
                /*font-family: "Montserrat", sans-serif;*/
                padding: 3px 15px;
                font-size: 12px;
                font-weight: 400;
                text-transform: uppercase;
                border: solid 1px #ddd;
                border-left: none;
                border-right: none;
                width: 100%;
                text-shadow: none;
                background: #f1f1f1;
                color: rgba(0, 0, 0, 0.5);
                z-index: 900;
            }

            .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container {
                padding-top: 29px;
            }

                .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item {
                    margin: 0;
                    cursor: pointer;
                    border-bottom: solid 1px #f1f1f1;
                    position: relative;
                }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.active {
                        background: #ffffff;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-primary:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-success:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-info:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-warning:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-danger:before {
                        content: '';
                        position: absolute;
                        display: block;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        width: 3px;
                        height: 100%;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-primary:before {
                        background: #323c50;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-success:before {
                        background: #27c24c;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-info:before {
                        background: #00abe8;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-warning:before {
                        background: #ff9c00;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-danger:before {
                        background: #f93926;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item:hover {
                        background: #edecf6 !important;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item .mail-list-sender {
                        color: #0b1115;
                    }

                    .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item .mail-list-subject {
                        color: #0b1115;
                    }

        .content-wrapper.mail #page-content .mail-container .mail-message {
            overflow: auto;
            height: 100%;
            background: #ffffff;
        }

            .content-wrapper.mail #page-content .mail-container .mail-message .mail-header {
                background: #fff;
            }

            .content-wrapper.mail #page-content .mail-container .mail-message .current-mail-actions {
                background: #fff;
            }

            .content-wrapper.mail #page-content .mail-container .mail-message .mail-attachments img {
                cursor: pointer;
            }

/* ----------------------------------------------------
 * 23. Todo
 *
 * Contains all the styling for Todo app
 * ---------------------------------------------------- */
.todo-container {
    height: 650px;
    max-height: 1000px;
}

    .todo-container .todo-body {
        overflow: hidden;
        height: 100%;
    }

        .todo-container .todo-body .todo-aside {
            background: #fcfcfc;
            float: left;
            width: 300px;
            height: calc(100% - 50px);
        }

            .todo-container .todo-body .todo-aside .todo-projects > p {
                padding: 20px 30px;
                margin: 0;
            }

            .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul {
                list-style-type: none;
                margin: 0;
                padding: 0 10px;
            }

                .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li {
                    height: 40px;
                    line-height: 40px;
                    position: relative;
                    cursor: pointer;
                    padding: 0 30px;
                }

                    .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:before {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 15px;
                        left: 10px;
                        height: 10px;
                        width: 10px;
                        background: #ccc;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

                    .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:last-child:before {
                        content: none;
                    }

                    .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li > a.move-project {
                        float: left;
                        opacity: 0;
                        cursor: move;
                        margin-right: 10px;
                    }

                    .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li > .dropdown {
                        float: right;
                        opacity: 0;
                    }

                    .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:hover > a {
                        opacity: 1;
                    }

                    .todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:hover > .dropdown {
                        opacity: 1;
                    }

        .todo-container .todo-body .todo-project-content {
            padding: 20px;
            overflow: auto;
            height: 100%;
        }

            .todo-container .todo-body .todo-project-content input[name="hiddenField"] {
                height: 30px;
            }

            .todo-container .todo-body .todo-project-content .todo-task-container .todo-content-container {
                display: none;
            }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-content-container:first-child {
                    display: block;
                }

            .todo-container .todo-body .todo-project-content .todo-task-container .todo-task {
                height: 50px;
                line-height: 50px;
                padding: 0 15px;
                cursor: pointer;
            }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .move-task {
                    float: left;
                    opacity: 0;
                }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .checkbox {
                    margin: 0;
                    margin-right: 5px;
                    float: left;
                }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .todo-task-name {
                    cursor: auto;
                }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .dropdown {
                    float: right;
                    opacity: 0;
                }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task > input {
                    height: 40px;
                    line-height: 40px;
                    width: 80%;
                    padding: 10px;
                    margin-top: 5px;
                    border: 2px solid #e5e5e5;
                    border-radius: 50px;
                }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task:hover > a {
                    opacity: 1;
                }

                .todo-container .todo-body .todo-project-content .todo-task-container .todo-task:hover > .dropdown {
                    opacity: 1;
                }

/* ----------------------------------------------------
 * 24. Calendar
 *  
 * Contains all the styling for jQuery fullCalendar
 * ---------------------------------------------------- */
.fc.fc-ltr {
    color: #555;
}

    .fc.fc-ltr .fc-header-toolbar {
        margin: 0;
        position: relative;
    }

        .fc.fc-ltr .fc-header-toolbar .fc-left .fc-prev-button,
        .fc.fc-ltr .fc-header-toolbar .fc-left .fc-next-button {
            position: absolute;
            top: 40px;
            height: 60px;
            line-height: 60px;
            background: transparent;
            border: none;
            box-shadow: none;
        }

        .fc.fc-ltr .fc-header-toolbar .fc-left .fc-prev-button {
            left: 0;
        }

        .fc.fc-ltr .fc-header-toolbar .fc-left .fc-next-button {
            right: 0;
        }

        .fc.fc-ltr .fc-header-toolbar .fc-center {
            width: 100%;
            height: 60px;
            margin-top: 15px;
            background: #ffffff;
            border: solid 1px #ddd;
        }

            .fc.fc-ltr .fc-header-toolbar .fc-center h2 {
                display: block;
                line-height: 60px;
                text-align: center;
                float: none;
            }

        .fc.fc-ltr .fc-header-toolbar .fc-right button {
            background: #323c50;
            box-shadow: none;
            color: #ffffff;
            text-shadow: none;
            border: none;
            text-transform: uppercase;
        }

            .fc.fc-ltr .fc-header-toolbar .fc-right button.fc-state-active {
                background: #8278c2;
            }

    .fc.fc-ltr .fc-view-container {
        background: #ffffff;
    }

        .fc.fc-ltr .fc-view-container .fc-view table thead.fc-head th {
            height: 25px;
            line-height: 25px;
            text-transform: uppercase;
            background: #fff;
            border: none;
            /*font-family: "Montserrat", sans-serif;*/
        }

        .fc.fc-ltr .fc-view-container .fc-view table tbody.fc-body .fc-day {
            border: solid 1px #f1f1f1;
        }

        .fc.fc-ltr .fc-view-container .fc-view table tbody.fc-body .fc-event-container .fc-event {
            background: #B387DE;
            border: none;
        }

/* ----------------------------------------------------
 * 25. Profile
 *
 * Contains all the styling profile page
 * ---------------------------------------------------- */
.profile-background {
    position: relative;
}

    .profile-background .profile-information {
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .profile-background .profile-information button:hover {
            background: #27c24c;
            border-color: #27c24c;
        }

    .profile-background .profile-stats {
        position: absolute;
        right: 50px;
        bottom: 30px;
    }

.profile-content-container {
    padding: 0 25px;
}

    .profile-content-container hr {
        border-top-color: #e0e0e0;
    }

    .profile-content-container .write-comment-container #write-comment {
        resize: none;
        border-color: #ddd;
        border-radius: 4px 4px 0 0;
    }

    .profile-content-container .write-comment-container .write-comment-options {
        background: #f9f9f9;
        padding: 10px 10px;
        border: solid 1px;
        border-top: none;
        border-color: #ddd;
        border-radius: 0 0 4px 4px;
        position: relative;
    }

        .profile-content-container .write-comment-container .write-comment-options i {
            font-size: 16px;
        }

        .profile-content-container .write-comment-container .write-comment-options button {
            position: absolute;
            right: 10px;
            top: 5px;
            bottom: 5px;
            padding: 2px 15px;
            font-size: 13px;
        }

    .profile-content-container .profile-content .profile-posts-container .post-comment-container {
        background: #f9f9f9;
        border-radius: 4px;
        overflow: hidden;
    }

        .profile-content-container .profile-content .profile-posts-container .post-comment-container .comments-header {
            background: #eee;
            padding: 10px 15px;
        }

        .profile-content-container .profile-content .profile-posts-container .post-comment-container .media {
            padding: 10px 15px;
            margin: 0;
        }

table.fixedHeader-floating {
    position: fixed !important;
    background-color: white;
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0;
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: white;
}

@media print {
    table.fixedHeader-floating {
        display: none;
    }
}

/* ----------------------------------------------------
 * 26. Switch
 *
 * Contains all the styling of Swutch CheckBok(iOS Style)
 * ---------------------------------------------------- */



/* ----------------------------------------------------
 * 27. Scroll Bar
 *
 * Contains all the styling of Custom Scroll Bar
 * ---------------------------------------------------- */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #323c50;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #323c50
    }



/* ----------------------------------------------------
 * 28. Dynamic Admin Menu
 *
 * Dynamic JSON driven menu
 * ---------------------------------------------------- */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #cssmenu:after,
    #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #cssmenu #menu-button {
        display: none;
    }

#cssmenu {
    background: #323c50;
}

    #cssmenu > ul > li {
        float: left;
    }

    #cssmenu.align-center > ul {
        font-size: 0;
        text-align: center;
    }

        #cssmenu.align-center > ul > li {
            display: inline-block;
            float: none;
        }

    #cssmenu.align-center ul ul {
        text-align: left;
    }

    #cssmenu.align-right > ul > li {
        float: right;
    }

    #cssmenu > ul > li > a {
        padding: 19px;
        font-size: 12px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #dddddd;
        font-weight: 700;
        text-transform: uppercase;
    }

    #cssmenu > ul > li:hover > a {
        color: #ffffff;
    }

    #cssmenu > ul > li.has-sub > a {
        padding-right: 30px;          
    }

        #cssmenu > ul > li.has-sub > a:after {
            position: absolute;
            top: 22px;
            right: 11px;
            width: 8px;
            height: 2px;
            display: block;
            background: #dddddd;
            content: '';            
        }

        #cssmenu > ul > li.has-sub > a:before {
            position: absolute;
            top: 19px;
            right: 14px;
            display: block;
            width: 2px;
            height: 8px;
            background: #dddddd;
            content: '';
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
            -o-transition: all .25s ease;
            transition: all .25s ease;              
        }

    #cssmenu > ul > li.has-sub:hover > a:before {
        top: 23px;
        height: 0;          
    }
    
    /*Menu for existing code*/
     #cssmenu ul ul {
        position: absolute;
        left: -9999px;      
    }
    
   /*code start for dropdown 

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
        overflow-y: scroll;
        max-height: 90vh;
        min-width: 400px;
        z-index: 9999; 
    }

    #cssmenu ul ul::-webkit-scrollbar {
        display: none;
    }

    #cssmenu ul ul ul {
        right: -220px;
        position: absolute;
        z-index: 9999; 
    }

   /*code end for dropdown*/


    #cssmenu.align-right ul ul {
        text-align: right;
    }

    #cssmenu ul ul li {
        height: 0;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    #cssmenu li:hover > ul {
        left: auto;
    }

    #cssmenu.align-right li:hover > ul {
        left: auto;
        right: 0;
    }

    #cssmenu li:hover > ul > li {
        height: 35px;
    }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0;
    }

    #cssmenu.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%;
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid rgba(150, 150, 150, 0.15);
        padding: 11px 15px;
        width: 220px;
        font-size: 12px;
        text-decoration: none;
        color: #dddddd;
        font-weight: 400;
        background: #323c50;
    }

    #cssmenu ul ul li:last-child > a,
    #cssmenu ul ul li.last-item > a {
        border-bottom: 0;
    }

    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        /*color: #ffffff;*/ /*commented existing code*/
        color: #C49E75; /*added code*/
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';       
    }

    #cssmenu.align-right ul ul li.has-sub > a:after {
        right: auto;
        left: 11px;
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    #cssmenu.align-right ul ul li.has-sub > a:before {
        right: auto;
        left: 14px;
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0;
    }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }

        #cssmenu ul {
            width: 100%;
            display: none;
        }

        #cssmenu.align-center > ul {
            text-align: left;
        }

        #cssmenu ul li {
            width: 100%;
            border-top: 1px solid rgba(120, 120, 120, 0.2);
        }

        #cssmenu ul ul li,
        #cssmenu li:hover > ul > li {
            height: auto;
        }

            #cssmenu ul li a,
            #cssmenu ul ul li a {
                width: 100%;
                border-bottom: 0;
            }

        #cssmenu > ul > li {
            float: none;
        }

        #cssmenu ul ul li a {
            padding-left: 25px;
        }

        #cssmenu ul ul ul li a {
            padding-left: 35px;
        }

        #cssmenu ul ul li a {
            color: #dddddd;
            background: none;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #ffffff;            
        }

        #cssmenu ul ul,
        #cssmenu ul ul ul,
        #cssmenu.align-right ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left;
        }

            #cssmenu > ul > li.has-sub > a:after,
            #cssmenu > ul > li.has-sub > a:before,
            #cssmenu ul ul > li.has-sub > a:after,
            #cssmenu ul ul > li.has-sub > a:before {
                display: none;
            }

        #cssmenu #menu-button {
            display: block;
            padding: 17px;
            color: #dddddd;
            cursor: pointer;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 700;
        }

            #cssmenu #menu-button:after {
                position: absolute;
                top: 22px;
                right: 17px;
                display: block;
                height: 4px;
                width: 20px;
                border-top: 2px solid #dddddd;
                border-bottom: 2px solid #dddddd;
                content: '';
            }

            #cssmenu #menu-button:before {
                position: absolute;
                top: 16px;
                right: 17px;
                display: block;
                height: 2px;
                width: 20px;
                background: #dddddd;
                content: '';
            }

            #cssmenu #menu-button.menu-opened:after {
                top: 23px;
                border: 0;
                height: 2px;
                width: 15px;
                background: #ffffff;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            #cssmenu #menu-button.menu-opened:before {
                top: 23px;
                background: #ffffff;
                width: 15px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        #cssmenu .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgba(120, 120, 120, 0.2);
            height: 46px;
            width: 46px;
            cursor: pointer;
        }

            #cssmenu .submenu-button.submenu-opened {
                background: #262626;
            }

        #cssmenu ul ul .submenu-button {
            height: 34px;
            width: 34px;
        }

        #cssmenu .submenu-button:after {
            position: absolute;
            top: 22px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #dddddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:after {
            top: 15px;
            right: 13px;
        }

        #cssmenu .submenu-button.submenu-opened:after {
            background: #ffffff;
        }

        #cssmenu .submenu-button:before {
            position: absolute;
            top: 19px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #dddddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:before {
            top: 12px;
            right: 16px;
        }

        #cssmenu .submenu-button.submenu-opened:before {
            display: none;
        }
}

@media only screen and (max-width:1173px) and (min-width: 745px) {
    #cssmenu {
        width: 100%;
        margin-top: -17px;
    }

        #cssmenu ul {
            width: 100%;
            display: none;
        }

        #cssmenu.align-center > ul {
            text-align: left;
        }

        #cssmenu ul li {
            width: 100%;
            border-top: 1px solid rgba(120, 120, 120, 0.2);
        }

        #cssmenu ul ul li, #cssmenu li:hover > ul > li {
            height: auto;
        }

            #cssmenu ul li a, #cssmenu ul ul li a {
                width: 100%;
                border-bottom: 0;
            }

        #cssmenu > ul > li {
            float: none;
        }

        #cssmenu ul ul li a {
            padding-left: 25px;
        }

        #cssmenu ul ul ul li a {
            padding-left: 35px;
        }

        #cssmenu ul ul li a {
            color: #dddddd;
            background: none;
        }

        #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
            color: #ffffff;
        }

        #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left;
        }

            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
                display: none;
            }

        #cssmenu #menu-button {
            display: block;
            padding: 17px;
            color: #dddddd;
            cursor: pointer;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 700;
        }

            #cssmenu #menu-button:after {
                position: absolute;
                top: 22px;
                right: 17px;
                display: block;
                height: 4px;
                width: 20px;
                border-top: 2px solid #dddddd;
                border-bottom: 2px solid #dddddd;
                content: '';
            }

            #cssmenu #menu-button:before {
                position: absolute;
                top: 16px;
                right: 17px;
                display: block;
                height: 2px;
                width: 20px;
                background: #dddddd;
                content: '';
            }

            #cssmenu #menu-button.menu-opened:after {
                top: 23px;
                border: 0;
                height: 2px;
                width: 15px;
                background: #ffffff;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            #cssmenu #menu-button.menu-opened:before {
                top: 23px;
                background: #ffffff;
                width: 15px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        #cssmenu .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgba(120, 120, 120, 0.2);
            height: 46px;
            width: 46px;
            cursor: pointer;
        }

            #cssmenu .submenu-button.submenu-opened {
                background: #262626;
            }

        #cssmenu ul ul .submenu-button {
            height: 34px;
            width: 34px;
        }

        #cssmenu .submenu-button:after {
            position: absolute;
            top: 22px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #dddddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:after {
            top: 15px;
            right: 13px;
        }

        #cssmenu .submenu-button.submenu-opened:after {
            background: #ffffff;
        }

        #cssmenu .submenu-button:before {
            position: absolute;
            top: 19px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #dddddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:before {
            top: 12px;
            right: 16px;
        }

        #cssmenu .submenu-button.submenu-opened:before {
            display: none;
        }
}


/* ----------------------------------------------------
 * 28. Custom Styles
 * ---------------------------------------------------- */

.font-color-white {
    color: #ffffff;
}

.font-color-black {
    color: black;
}

.bg1 {
    background: #A8E6CE; /* fallback for old browsers */
}

.bg2 {
    background: #DCEDC2; /* fallback for old browsers */
}

.bg3 {
    background: #FFD3B5; /* fallback for old browsers */
}

.bg4 {
    background: #FFAAA6; /* fallback for old browsers */
}

.bg5 {
    background: #FF8C94; /* fallback for old browsers */
}

.bg6 {
    background: #80c3e4; /* fallback for old browsers */
}

.bg7 {
    background: #f7c270; /* fallback for old browsers */
}

.bg8 {
    background: #D5c9B1; /* fallback for old browsers */
}

/* ----------------------------------------------------
 * 29. Flip Animation
 * ---------------------------------------------------- */

.flip {
    -webkit-perspective: 800;
    perspective: 800;
    position: relative;
}

    .flip .card.flipped {
        -webkit-transform: rotatex(-180deg);
        transform: rotatex(-180deg);
    }

    .flip .card {
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
        transform-style: preserve-3d;
        transition: 0.5s;
    }

        .flip .card .face {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 2;
        }

        .flip .card .front {
            position: absolute;
            width: 100%;
            z-index: 1;
            height: auto;
        }

        .flip .card .back {
            -webkit-transform: rotatex(-180deg);
            transform: rotatex(-180deg);
        }

.inner {
    margin: 0px !important;
}

/* ----------------------------------------------------
 * 30. Table-for Grids
 * ---------------------------------------------------- */

#Table0.table tr td:nth-child(1), #Table1.table tr td:nth-child(1), #Table2.table tr td:nth-child(1), #Table3.table tr td:nth-child(1), #Table4.table tr td:nth-child(1), #Table5.table tr td:nth-child(1), #Table6.table tr td:nth-child(1), #Table7.table tr td:nth-child(1) {
    font-weight: 600 !important;
    text-align: left;
}

#Grid0, #Grid1, #Grid2, #Grid3, #Grid4, #Grid5, #Grid6, #Grid7, #Grid8 {
    display: none;
}

#accordion0, #accordion1, #accordion2, #accordion3, #accordion4, #accordion5, #accordion6, #accordion7, #accordion8 {
    display: none;
}

Table {
    text-align: right;
    font-size: 15px;
}

.HeadingTable {
    font-size: 25px;
    font-weight: 200;
    margin: 15px auto;
    border-collapse: collapse;
    color: black;
    margin-bottom: 0px;
}

table.HeadingTable th, td {
    color: black;
    font-size: 15px;
    font-weight: 200;
    padding: 12px 35px;
    border-collapse: collapse;
}

table.HeadingTable th {
    text-transform: uppercase;
    font-size: 15px;
    color: black;
    font-weight: 400;
    padding-bottom: 0px;
}

    table.HeadingTable th.last {
        border-right: none;
    }

#Table0 tr:last-child, #Table1 tr:last-child, #Table2 tr:last-child, #Table3 tr:last-child, #Table4 tr:last-child, #Table5 tr:last-child, #Table6 tr:last-child, #Table7 tr:last-child, #Table8 tr:last-child {
    background: #d4d4d4;
}

.Heading_style {
    height: 40px;
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    width: 210px;
    background: #323c50;
}