.float-left
{
    float:left !important;
}
.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}

.card-head header {
    display: inline-block;
    padding: 11px 20px;
    vertical-align: middle;
    line-height: 17px;
    font-size: 15px
}

.card-head .tools .btn, .card.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-head {
    border-radius: 2px 2px 0 0;
    border-bottom: 1px dotted rgba(0,0,0,.2);
    padding: 2px;
    color: #3a405b;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px
}

    .card-head:after, .card-head:before {
        content: " ";
        display: table
    }

    .card-head:after {
        clear: both
    }



    .card-head header > h1, .card-head header > h2, .card-head header > h3, .card-head header > h4, .card-head header > h5, .card-head header > h6 {
        vertical-align: middle;
        margin: 0;
        line-height: 1
    }

    .card-head header small {
        color: inherit;
        opacity: .6;
        font-size: 75%
    }

    .card-head .tools {
        padding-right: 16px;
        float: left;
        margin-top: 7px;
        margin-bottom: 7px;
        margin-left: 24px;
        line-height: normal;
        vertical-align: middle
    }

        .card-head .tools .btn {
            border-radius: 2px;
            border: 1px solid transparent;
            padding: 0 2px;
            font-size: 12px;
            /*background: 0 0*/
        }

        .card-head .tools .btn-color {
            color: #ff1b00;
            margin-right: 3px;
            font-size: 12px
        }

            .card-head .tools .btn-color:hover {
                color: #000
            }

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

.btn-info {
    background-color: #3ac9d6 !important;
    border: 1px solid #3ac9d6 !important;
    color: #fff !important
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #1370b1;
    border-radius: 4px;
    -webkit-box-shadow: -6px 6px 22px -6px rgba(43,130,186,.1);
    -moz-box-shadow: -6px 6px 22px -6px rgba(43,130,186,.1);
    box-shadow: 0 6px 22px -10px rgba(43,130,186,.1)
}

.panel-heading {
    padding: 4px 15px;
    border-bottom: 1px solid #1370b1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 2px 0 1px rgba(43,130,186,.1);
    -moz-box-shadow: 0 10px 12px -10px rgba(43,130,186,.1);
    border-bottom-shadow: 4px 17px 16px -10px rgba(43,130,186,.1);
}

.panel-heading-gray {
    background: #eee
}

#tabs-1 #accordion h4 {
    font-size: 15px !important;
    font-weight: 400;
    margin: 10px 0px;
    /*width: calc(33.33% - 20px);*/
    /*width: calc(100% - 50px)*/
}

#tabs-1 #accordion legend {
    color: #292929;
    font-size: 16px
}

#tabs-1 #accordion label {
    color: #4b4b4b;
    opacity: 1;
    font-weight: 300;
    margin-left: 10px;
}

#tabs-1 #accordion span {
    font-size: 12px;
    color: #4b4b4b;
    margin: 0 1px
}

.archetypeStyle {
    color: #4ABAD2;
    float: right;
    margin-right: 8px;
    margin-left: 5px;
    margin-top: 15px;
    cursor: pointer;
}

.btnDetail {
    color: #d2691e;
    cursor: pointer;
    margin-top: 1px;
    float: right;
    margin-left: 7px;
}

/*mzt*/
.fa-history {
    /*display: none !important;*/
    position: absolute;
    right: -10px;
    top: 0px;
    padding: 0;
    /*position: absolute;
            right: -23px;
            top: -1px;
            background: #D7D7D7;
            padding: 4px 7px;
            border: 1px solid #c4c4c4;
            display: none !important;*/
    opacity: 0;
    -webkit-transition: opacity 4s;
    transition: opacity 4s;
    -moz-transition: opacity 4s;
}

.historyIco:hover i {
    /*display: block !important;*/
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
}
/*.historyIco i {
        display: none !important;
        transition: 7s;
    }*/
/*mzt*/




.borderDiv {
    border: 1px solid black;
}

.borderRight {
    border-right: 1px solid black;
}

.borderDivTop {
    border-top: 1px solid black;
}

.text-danger1 {
    color: red !important;
    font-size: 12px !important;
    font-weight: bold;
}

#Guid-body table td {
    padding: 10px;
}

.popover-title {
    color: blue;
    font-size: 15px;
    text-align: right;
    border-bottom: 1px solid;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
}

.popover-content {
    color: red;
    font-size: 13px;
    padding-top: 0px;
    margin: 0;
}

.btn-yellow {
    color: gray !important;
    background-color: yellow !important;
    border-color: yellow !important;
}

.btn-warningNew {
    color: white !important;
    background-color: orange !important;
    border-color: orange !important;
}

.btn-infoNew {
    color: white !important;
    background-color: #466baf !important;
    border-color: #466baf !important;
}

.TempBtn {
    position: fixed;
    bottom: 40px;
    left: 180px;
    z-index: 100000;
    width: 100px !important;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: lightcoral !important;
    color: whitesmoke !important;
    cursor: pointer;
    border: 0 !important;
    border-radius: 20px !important;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 1;
}



/*****************************Laboratory****************************/
#LaboratoryResualtModalBody .value {
    font-family: arial !important;
}

#LaboratoryResualtModalBody h3 span {
    color: black !important;
}

#LaboratoryResualtModalBody .searchField label {
    background-color: #fbfbfb;
    border-right: 3px solid #adddff;
    /* display: block; */
    float: right;
    /* height: 34px; */
    line-height: 32px;
    padding-right: 8px;
    /* vertical-align: middle; */
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#LaboratoryResualtModalBody .dots::before {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    content: " . . . . . . . . . . . . . . . . . . . . "
}

#LaboratoryResualtModalBody .groupc {
    font-weight: bold;
    border: 1px solid black;
    background-color: lightgray;
    padding-left: 13px;
    border-radius: 3px;
    width: 100%;
    text-align: left;
}

#LaboratoryResualtModalBody .newRow {
    font-family: arial;
}

#LaboratoryResualtModalBody .row {
    width: 100% !important;
}

#LaboratoryResualtModalBody .HC {
    padding-left: 25px;
}

#LaboratoryResualtModalBody .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right !important;
    text-align: left;
}

#LaboratoryResualtModalBody .col-xs-3 {
    width: 25%;
}

#LaboratoryResualtModalBody .col-xs-6 {
    width: 50% !important;
}

#LaboratoryResualtModalBody .col-xs-12 {
    width: 100% !important;
}

#LaboratoryResualtModalBody .col-sm-3 {
    width: 25%;
}

#LaboratoryResualtModalBody .col-sm-6 {
    width: 50% !important;
}

#LaboratoryResualtModalBody .col-sm-12 {
    width: 100% !important;
}

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

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    #tbDrugsb, #tbDrugsb thead, #tbDrugsb tbody, #tbDrugsb th, #tbDrugsb td, #tbDrugsb tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #tbDrugsb thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #tbDrugsb tr {
            border: 1px solid #ccc;
        }

        #tbDrugsb td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            #tbDrugsb td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }

            /*
	Label the data
	*/
            #tbDrugsb td:nth-of-type(1):before {
                content: "نام دارو";
            }

            #tbDrugsb td:nth-of-type(2):before {
                content: "تعداد کل";
            }

            #tbDrugsb td:nth-of-type(3):before {
                content: "تواتر استفاده از دارو";
            }

            #tbDrugsb td:nth-of-type(4):before {
                content: "مقدار";
            }

            #tbDrugsb td:nth-of-type(5):before {
                content: "طریقه مصرف دارو";
            }

            #tbDrugsb td:nth-of-type(6):before {
                content: "توضیحات";
            }

            #tbDrugsb td:nth-of-type(7):before {
                content: "حذف";
            }
}

/*hover html {
    -webkit-font-smoothing: antialiased !important;
    height: 100%;
    width: 100%;
    direction: rtl
}

body {
    font-family: iranyekan,IRANSans,WYekan,Yekan,BYekan,wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #686868;
    background: #fff;
    direction: rtl;
    text-align: right !important
}

*, a:focus {
    outline: none !important
}

button:focus {
    outline: none !important
}

button::-moz-focus-inner {
    border: 0
}

ul {
    padding: 0;
    list-style: none
}

    ul.list-regular {
        padding-left: 20px
    }

        ul.list-regular .list-regular {
            padding-left: 40px
        }

#content h1, #content h2, #content h3 {
    margin: 0
}

    #content h1.content-heading, #content h2.content-heading, #content h3.content-heading {
        font-size: 20px;
        text-transform: uppercase;
        padding: 15px 0
    }

    #content h1 span, #content h2 span, #content h3 span {
        font-size: 60%;
        color: #ccc;
        font-weight: 400
    }

#content > h1, #content > h2, #content > h3, #content > h1.content-heading, #content > h2.content-heading, #content > h3.content-heading {
    padding: 15px
}

#content .col-table > .content-heading {
    padding: 15px
}

#content .innerAll > h1, #content .innerAll > h2, #content .innerAll > h3, #content .innerAll > h1.content-heading, #content .innerAll > h2.content-heading, #content .innerAll > h3.content-heading {
    padding: 0 0 15px
}

h4, h5, h6 {
    margin-top: 0
}

    h4.separator, h5.separator, h6.separator {
        margin-bottom: 0
    }

a, a:hover {
    color: #496cad
}

.borderB {
    border-bottom: 1px solid #e5e5e5
}

.scripts-async .container-fluid {
    visibility: hidden
}

.innerLR {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.innerTB {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

.innerAll {
    padding: 2px;
    position: relative;
    margin-bottom: 15px
}

.innerL {
    padding-left: 15px;
    position: relative
}

.innerR {
    padding-right: 15px;
    position: relative
}

.innerT {
    padding-top: 15px;
    position: relative
}

.innerB {
    padding-bottom: 15px;
    position: relative
}

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

.center {
    text-align: center !important;
    margin: 0 auto
}

.margin-none {
    margin: 0 !important
}

.margin-top-none {
    margin-top: 0 !important
}

.margin-bottom-none {
    margin-bottom: 0 !important
}

.margin-left-none {
    margin-left: 0 !important
}

.margin-right-none {
    margin-right: 0 !important
}

.padding-none {
    padding: 0 !important
}

.padding-top-none {
    padding-top: 0 !important
}

.padding-bottom-none {
    padding-bottom: 0 !important
}

.padding-left-none {
    padding-left: 0 !important
}

.padding-right-none {
    padding-right: 0 !important
}

.padding-none-TB {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.padding-none-LR {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.border-none {
    border: none !important
}

.border-top-none {
    border-top: none !important
}

.border-bottom-none {
    border-bottom: none !important
}

.border-left-none {
    border-left: none !important
}

.border-right-none {
    border-right: none !important
}

.box-shadow-none {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.bg-container {
    background: #eaeaea !important
}

.bg-gray {
    background: #f9f9f9 !important
}

.bg-gray-dark {
    background: #f2f2f2 !important
}

.bg-none {
    background: none !important
}

.bg-white {
    background: #fff !important
}

.bg-success {
    background: #72af46 !important;
    color: #fff
}

.bg-info {
    background: #466baf !important;
    color: #fff
}

.bg-info-dark {
    background: #37558b !important
}

.bg-inverse {
    background: #424242 !important;
    color: #fff
}

.bg-inverse-faded {
    background: rgba(66,66,66,.5) !important
}

.bg-primary {
    background: #496cad !important;
    color: #fff
}

.bg-primary-light {
    background: #bcc9e3 !important
}

    .bg-primary-light :not(.btn) {
        border-color: #829cca !important
    }

    .bg-primary-light[class*="border-"], .bg-primary-light.box-generic {
        border-color: #aabbdb !important
    }

    .bg-primary-light .caret {
        border-color: transparent #829cca transparent transparent !important
    }

.bg-warning {
    background: #ab7a4b
}

.bg-lightred {
    background: #e15258
}

.bg-mustard {
    background: #d4d172
}

.bg-purple {
    background: #9d8ac7
}

.bg-gray-hover:hover {
    background: #f7f7f7
}

.relativeWrap {
    position: relative
}

.display-block {
    display: block !important
}

.display-block-inline {
    display: inline-block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.text-white {
    color: #fff
}

.text-info {
    color: #466baf
}

.text-primary {
    color: #496cad !important
}

.text-success {
    color: #72af46
}

.text-regular {
    color: #444 !important
}

.text-faded {
    color: #d7d7d7 !important
}

.text-muted-dark {
    color: #a2a2a2
}

.text-muted-darker {
    color: #898989
}

.text-weight-regular {
    font-weight: 400 !important
}

.text-condensed {
    letter-spacing: -2px
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-small {
    font-size: 10px !important
}

.text-smaller {
    font-size: 10px !important
}

.text-larger {
    font-size: 15px
}

.text-medium {
    font-size: 18px;
    line-height: 30px
}

.text-large {
    font-size: 35px !important;
    line-height: 40px !important
}

.text-xlarge {
    font-size: 50px;
    line-height: 50px
}

.text-xxlarge {
    font-size: 70px;
    line-height: 70px
}

.text-underline {
    text-decoration: underline
}

.inline-block {
    display: inline-block !important
}

.overflow-y-auto {
    position: relative;
    overflow: hidden;
    overflow-y: auto
}

.applyNiceScroll {
    overflow-y: auto
}

.overflow-hidden {
    position: relative;
    overflow: hidden
}

.containerBg {
    background: #fff
}

.whiteBg {
    background: #fff
}

.hide2 {
    display: none
}

.border-top {
    border-top: 1px solid #efefef
}

.border-right {
    border-right: 1px solid #efefef
}

.border-bottom {
    border-bottom: 1px solid #efefef !important
}

.border-left {
    border-left: 1px solid #efefef
}

.half.innerAll {
    padding: 7.5px !important
}

.half.innerLR {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important
}

.half.innerTB {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important
}

.half.innerT {
    padding-top: 7.5px !important
}

.half.innerB {
    padding-bottom: 7.5px !important
}

.half.innerL {
    padding-left: 7.5px !important
}

.half.innerR {
    padding-right: 7.5px !important
}

.inner-2x.innerAll {
    padding: 30px !important
}

.inner-2x.innerTB {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.inner-2x.innerLR {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.inner-2x.padding-bottom-none {
    padding-bottom: 0 !important
}

.inner-2x.padding-right-none {
    padding-right: 0 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x {
    overflow-x: auto
}

.unscrollable {
    overflow: hidden !important
}

.fixed-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.height-auto {
    height: auto !important
}

div.row, ul.row {
    margin: 0 -7.5px
}

.row-merge {
    margin: 0 !important
}

div[class*="col-xs-"], div[class*="col-sm-"], div[class*="col-md-"], div[class*="col-lg-"], li[class*="col-xs-"], li[class*="col-sm-"], li[class*="col-md-"], li[class*="col-lg-"] {
    padding: 0 7.5px;
    float: right
}

.widget .row-merge {
    margin: 0
}

.row-merge {
    position: relative
}

    .row-merge > [class*="col-"] {
        padding: 0
    }

        .row-merge > [class*="col-"] ~ [class*="col-"] {
            position: static
        }

            .row-merge > [class*="col-"] ~ [class*="col-"]:after {
                position: absolute;
                top: 0;
                bottom: 0;
                width: 1px;
                background: #e5e5e5;
                content: ""
            }

    .row-merge.border-top, .row-merge ~ .row-merge {
        border-top: 1px solid #e5e5e5
    }

    .row-merge.border-bottom {
        border-bottom: 1px solid #e5e5e5
    }

    .row-merge .fill-column:before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: inherit;
        background: #f4f4f4;
        content: ""
    }

@media(min-width:768px) and (max-width:991px) {
    .row-merge > [class*="col-sm-12"] ~ [class*="col-sm-12"] {
        position: relative
    }

        .row-merge > [class*="col-sm-12"] ~ [class*="col-sm-12"]:after {
            position: absolute;
            top: 0;
            bottom: auto;
            left: 0;
            right: 0;
            width: auto;
            height: 1px;
            background: #e5e5e5;
            content: ""
        }
}

.row-icons {
    padding: 10px 0;
    margin: 0
}

    .row-icons [class*="col"] {
        margin-bottom: 15px;
        padding: 0
    }

        .row-icons [class*="col"] a {
            line-height: 24px;
            display: inline-block;
            color: #1d1d1b
        }

        .row-icons [class*="col"][class*="glyphicons"] {
            padding-left: 50px
        }

            .row-icons [class*="col"][class*="glyphicons"] i:before {
                left: 10px;
                top: 10px
            }

        .row-icons [class*="col"] i.fa {
            vertical-align: middle;
            margin: 0 10px
        }

        .row-icons [class*="col"] i, .row-icons [class*="col"] i:before {
            color: #496cad;
            font-size: 24px
        }

        .row-icons [class*="col"] span {
            padding-left: 5px
        }

.ui-tooltip {
    display: none !important
}

.rounded-none {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

.rounded-left {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.rounded-right {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.notebook {
    min-height: 60px;
    line-height: 30px;
    background: -webkit-linear-gradient(bottom,#f0f0f0 0,#fff 5%) 0 0;
    background: -moz-linear-gradient(bottom,#f0f0f0 0,#fff 5%) 0 0;
    background: linear-gradient(bottom,#f0f0f0 0,#fff 5%) 0 0;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    background-size: 100% 30px
}

    .notebook ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .notebook ul li {
            line-height: 30px
        }

.bg-success .notebook {
    background: -webkit-linear-gradient(bottom,rgba(255,255,255,.3) 0,#72af46 5%) 0 0;
    background: -moz-linear-gradient(bottom,rgba(255,255,255,.3) 0,#72af46 5%) 0 0;
    background: linear-gradient(bottom,rgba(255,255,255,.3) 0,#72af46 5%) 0 0;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    color: #fff
}

.bg-inverse .notebook {
    background: -webkit-linear-gradient(bottom,rgba(255,255,255,.3) 0,#424242 5%) 0 0;
    background: -moz-linear-gradient(bottom,rgba(255,255,255,.3) 0,#424242 5%) 0 0;
    background: linear-gradient(bottom,rgba(255,255,255,.3) 0,#424242 5%) 0 0;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    color: #fff
}

.bg-primary .notebook {
    background: -webkit-linear-gradient(bottom,rgba(255,255,255,.3) 0,#496cad 5%) 0 0;
    background: -moz-linear-gradient(bottom,rgba(255,255,255,.3) 0,#496cad 5%) 0 0;
    background: linear-gradient(bottom,rgba(255,255,255,.3) 0,#496cad 5%) 0 0;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    color: #fff
}

.bg-gray .notebook {
    background: -webkit-linear-gradient(bottom,#f0f0f0 0,#f9f9f9 5%) 0 0;
    background: -moz-linear-gradient(bottom,#f0f0f0 0,#f9f9f9 5%) 0 0;
    background: linear-gradient(bottom,#f0f0f0 0,#f9f9f9 5%) 0 0;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    background-size: 100% 30px
}

#content {
    margin-right: 60px;
    background: #f5f5f5;
    padding-bottom: 90px
}

#footer {
    position: fixed;
    z-index: 2;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    bottom: 0;
    left: 274px;
    right: 0;
    text-align: center;
    border-top: 1px solid #e5e5e5
}

.overflow-x {
    position: relative;
    overflow: hidden;
    overflow-x: auto
}

.text-success {
    color: #72af46
}

.text-white {
    color: #fff !important
}

.bg-default {
    background-color: #e7e7e7 !important
}

.bg-gray {
    background: #f2f2f2 !important
}

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

.bg-inverse {
    background-color: #424242 !important
}

.bg-info {
    background-color: #466baf !important
}

.bg-success {
    background-color: #72af46 !important
}

.bg-primary {
    background: #496cad !important;
    color: #fff
}

.bg-primary-light {
    background: #e0e6f2 !important
}

    .bg-primary-light :not(.btn) {
        border-color: #bcc9e3 !important
    }

    .bg-primary-light[class*="border-"], .bg-primary-light.box-generic {
        border-color: #bcc9e3 !important
    }

    .bg-primary-light .caret {
        border-color: transparent #829cca transparent transparent !important
    }

.border-top {
    border-top: 1px solid #e5e5e5
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.border-left {
    border-left: 1px solid #e5e5e5
}

.border-right {
    border-right: 1px solid #e5e5e5
}

h3.border-bottom {
    border-bottom: 5px groove #122d8a !important;
    padding-top: 10px
}

@media(min-width:1199px) {
    .spacing-x2.innerAll, .spacing-x2 .innerAll, .spacing-x2 .widget.widget-tabs-vertical .widget-body .tab-content, .spacing-x2 .box-generic {
        padding: 25px
    }

    .spacing-x2 .widget, .spacing-x2 .filter-bar {
        margin-bottom: 25px
    }

        .spacing-x2 .widget .widget-body, .spacing-x2 .filter-bar .widget-body {
            padding: 25px
        }

    .spacing-x2 .box-generic {
        margin-bottom: 25px
    }
}

@media(max-width:767px) {
    .spacing-x2.innerAll, .spacing-x2 .innerAll, .spacing-x2 .widget.widget-tabs-vertical .widget-body .tab-content, .spacing-x2 .box-generic {
        padding: 10px
    }

    .spacing-x2 .widget, .spacing-x2 .filter-bar {
        margin-bottom: 10px
    }

        .spacing-x2 .widget .widget-body, .spacing-x2 .filter-bar .widget-body {
            padding: 10px
        }

    .spacing-x2 .box-generic {
        margin-bottom: 10px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .hidden-tablet {
        display: none !important
    }
}

.separator {
    padding: 15px 0
}

    .separator.bottom {
        padding: 0 0 15px
    }

    .separator.top {
        padding: 15px 0 0
    }

.half.innerAll {
    padding: 10px !important
}

.half.innerLR {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.half.innerTB {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.half.innerT {
    padding-top: 10px !important
}

.half.innerB {
    padding-bottom: 10px !important
}

.row-app {
    overflow: hidden
}

.overflow-hidden {
    overflow: hidden !important
}

.display-block {
    display: block
}

.display-none {
    display: none
}

.modal.modal-inline .modal-dialog .modal-content {
    border-width: 1px;
    border-color: #e5e5e5;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

.dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
    border-color: #e5e5e5
}

    .dropdown-menu li:last-of-type {
        border: none
    }

    .dropdown-menu li.headline {
        padding: 10px;
        font-size: 16px;
        text-align: center
    }

        .dropdown-menu li.headline:hover {
            background: none
        }

    .dropdown-menu li .divider {
        padding: 0;
        height: 1px;
        margin: 0
    }

    .dropdown-menu li.clean:hover {
        background: none
    }

    .dropdown-menu li a {
        line-height: 25px
    }

    .dropdown-menu li.active a, .dropdown-menu li.active:hover a {
        background-color: #496cad
    }

    .dropdown-menu.clean li:hover {
        background: none
    }

.menubar {
    padding: 0;
    margin: 0;
    list-style: none
}

    .menubar > li {
        display: inline-block
    }

        .menubar > li > a {
            text-decoration: none;
            color: #878787;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            display: block
        }

            .menubar > li > a .badge {
                margin-top: 6px;
                margin-right: 7px
            }

        .menubar > li.active > a, .menubar > li.open > a {
            background: #ededed;
            color: #3b3b3b
        }

a.widget {
    display: block;
    text-decoration: none
}

    a.widget i.display-block {
        margin-bottom: 10px
    }

.widget {
    background: #fff;
    margin: 0 auto 15px;
    position: relative;
    border: 1px solid #e6e6e6
}

    .widget .tab-content {
        padding: 0
    }

    .widget .widget-head {
        background: #5689b4;
        border-bottom: 1px solid #e5e5e5;
        height: 40px;
        line-height: 40px;
        position: relative;
        padding: 0 8px;
        overflow: hidden
    }

        .widget .widget-head.progress {
            -webkit-border-radius: 0 0 0 0;
            -moz-border-radius: 0;
            border-radius: 0 0 0 0;
            margin: 0;
            padding: 0
        }

            .widget .widget-head.progress .progress-bar {
                line-height: 39px
            }

        .widget .widget-head .heading {
            margin: 0;
            color: #7c7c7c;
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            padding: 0 15px;
            float: right
        }

            .widget .widget-head .heading.glyphicons {
                width: auto;
                display: block;
                padding: 0 0 0 35px
            }

                .widget .widget-head .heading.glyphicons i:before {
                    padding: 0;
                    margin: 0;
                    left: 0;
                    top: 0;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    width: 35px;
                    color: #7c7c7c;
                    font-size: 16px;
                    font-weight: 400;
                    text-shadow: none
                }

        .widget .widget-head a {
            text-shadow: none
        }

        .widget .widget-head .btn-xs {
            margin-top: 8px
        }

        .widget .widget-head .btn-group.btn-group-xs {
            margin-top: 8px
        }

    .widget .details {
        font-size: 8pt;
        color: #7c7c7c
    }

    .widget .widget-body {
        padding: 15px
    }

        .widget .widget-body form {
            margin: 0
        }

        .widget .widget-body p.lead {
            font-size: 25px
        }

        .widget .widget-body > pre:last-child, .widget .widget-body > p:last-child {
            margin: 0
        }

        .widget .widget-body.list {
            color: #7c7c7c;
            padding: 0
        }

            .widget .widget-body.list .count {
                font-size: 15pt
            }

            .widget .widget-body.list ul {
                margin: 0;
                list-style: none
            }

                .widget .widget-body.list ul li {
                    padding: 0 10px;
                    height: 39px;
                    border-bottom: 1px solid #e5e5e5;
                    position: relative;
                    line-height: 39px;
                    text-align: left;
                    text-shadow: 0 1px 0 #fff;
                    clear: both
                }

                    .widget .widget-body.list ul li .badge {
                        position: absolute;
                        right: 8px;
                        top: 10px
                    }

                    .widget .widget-body.list ul li:first-child {
                        border-top: none
                    }

                    .widget .widget-body.list ul li:last-child {
                        border-bottom: none
                    }

                    .widget .widget-body.list ul li .count {
                        float: right;
                        color: #000
                    }

                    .widget .widget-body.list ul li .sparkline {
                        position: relative;
                        top: 5px;
                        margin-left: 5px
                    }

                    .widget .widget-body.list ul li a {
                        color: #000
                    }

            .widget .widget-body.list.products li {
                height: 60px;
                line-height: 60px
            }

            .widget .widget-body.list.products .img {
                float: left;
                display: inline-block;
                width: 48px;
                height: 44px;
                line-height: 44px;
                color: #fff;
                text-align: center;
                background: #272729;
                margin: 8px 8px 0 0;
                -webkit-border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px;
                border-radius: 3px 3px 3px 3px;
                text-shadow: none;
                cursor: pointer;
                font-size: 10pt
            }

            .widget .widget-body.list.products .title {
                line-height: normal;
                display: inline-block;
                padding: 13px 0 0;
                text-transform: uppercase
            }

                .widget .widget-body.list.products .title strong {
                    text-transform: none
                }

            .widget .widget-body.list.fluid ul li {
                height: auto;
                line-height: normal;
                padding: 10px
            }

            .widget .widget-body.list.list-2 ul li {
                border-bottom: 1px solid #d8d9da;
                border-top: none;
                background: #f8f8f8
            }

                .widget .widget-body.list.list-2 ul li.active {
                    border-color: #ddd;
                    background: #fff
                }

                    .widget .widget-body.list.list-2 ul li.active i:before {
                        font-weight: 400;
                        background: #496cad;
                        color: #fff;
                        text-shadow: none;
                        height: 20px
                    }

                    .widget .widget-body.list.list-2 ul li.active a {
                        color: #496cad
                    }

                .widget .widget-body.list.list-2 ul li:last-child {
                    border-bottom: none
                }

                .widget .widget-body.list.list-2 ul li a {
                    display: block;
                    color: #222;
                    padding: 0 0 0 30px
                }

                    .widget .widget-body.list.list-2 ul li a i:before {
                        color: #555;
                        width: 20px;
                        height: 20px;
                        font-size: 14px;
                        border: 1px solid #ccc;
                        background: #ddd;
                        top: 9px;
                        left: 0;
                        text-align: center;
                        vertical-align: middle;
                        padding-top: 3px;
                        text-shadow: 0 1px 0 #fff
                    }

                .widget .widget-body.list.list-2 ul li.hasSubmenu {
                    height: auto
                }

                    .widget .widget-body.list.list-2 ul li.hasSubmenu ul {
                        padding: 0 0 10px
                    }

                        .widget .widget-body.list.list-2 ul li.hasSubmenu ul li {
                            height: auto;
                            line-height: normal;
                            background: none;
                            border: none;
                            line-height: 20px
                        }

                            .widget .widget-body.list.list-2 ul li.hasSubmenu ul li a {
                                color: #333;
                                padding: 0 0 0 20px
                            }

    .widget .widget-footer {
        background: #fafafa;
        height: 25px;
        line-height: 25px;
        border-top: 1px solid #ebebeb
    }

        .widget .widget-footer .glyphicons {
            width: 25px;
            height: 25px;
            line-height: 25px;
            padding: 0;
            float: right;
            vertical-align: top
        }

            .widget .widget-footer .glyphicons i:before {
                font-size: 16px;
                color: #c3c3c3;
                text-align: center;
                width: 20px;
                height: 25px;
                line-height: 25px;
                text-shadow: 0 1px 0 #fff
            }

            .widget .widget-footer .glyphicons:hover i:before {
                color: rgba(0,0,0,.5)
            }

    .widget.margin-bottom-none {
        margin-bottom: 0
    }

    .widget.widget-gray {
        background: #f5f5f5
    }

    .widget.widget-gray-dark {
        background: #797979;
        color: #fff
    }

    .widget.widget-gray .widget-head {
        background: #e9e9e9;
        border-color: #d1d2d3;
        box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
        -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0)
    }

        .widget.widget-gray .widget-head .heading {
            color: #555;
            text-shadow: 0 1px 0 #fff
        }

            .widget.widget-gray .widget-head .heading.glyphicons i:before {
                background: none;
                color: #555;
                border-color: rgba(0,0,0,.1)
            }

    .widget.widget-primary {
        background: #496cad;
        color: #fff
    }

        .widget.widget-primary p {
            color: #fff
        }

        .widget.widget-primary .widget-head {
            background: #e9e9e9;
            border-color: #d1d2d3;
            box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
            -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
            -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0)
        }

            .widget.widget-primary .widget-head .heading {
                color: #555;
                text-shadow: 0 1px 0 #fff
            }

                .widget.widget-primary .widget-head .heading.glyphicons i:before {
                    background: none;
                    color: #555;
                    border-color: rgba(0,0,0,.1)
                }

    .widget.widget-profile .widget-head {
        padding-top: 15px;
        height: auto;
        text-align: center;
        color: #fff
    }

        .widget.widget-profile .widget-head a.pull-right {
            position: absolute;
            right: 10px;
            font-size: 18px;
            color: #6988c0;
            display: inline
        }

            .widget.widget-profile .widget-head a.pull-right:hover {
                color: #fff
            }

        .widget.widget-profile .widget-head a {
            color: #fff
        }

    .widget.widget-2:before, .widget.widget-2:after {
        display: none
    }

    .widget.widget-2 .widget-head {
        background: #e2e2e4;
        box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
        -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,0);
        height: 36px;
        line-height: 36px;
        border-color: #d1d2d3
    }

        .widget.widget-2 .widget-head .heading {
            line-height: 36px;
            color: #555;
            text-shadow: 0 1px 0 #fff;
            font-size: 12pt
        }

            .widget.widget-2 .widget-head .heading i:before {
                color: #555;
                background: none;
                border: none;
                left: 3px;
                top: 2px
            }

    .widget.widget-2 .widget-body {
        border: 1px solid #d1d2d3;
        border-top: 0;
        background: #f5f5f5
    }

    .widget.widget-2.primary .widget-head {
        background: #496cad;
        border-color: #496cad;
        box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,.1);
        -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,.1);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(0,0,0,.1)
    }

        .widget.widget-2.primary .widget-head .heading {
            color: #fff;
            text-shadow: 0 1px 0 rgba(0,0,0,.5)
        }

            .widget.widget-2.primary .widget-head .heading i:before {
                color: #fff;
                text-shadow: 0 1px 0 rgba(0,0,0,.5)
            }

    .widget.widget-3 .widget-head {
        height: 36px;
        line-height: 36px
    }

        .widget.widget-3 .widget-head .heading {
            display: block;
            text-align: center;
            float: none;
            line-height: 36px;
            height: 36px;
            text-transform: uppercase;
            font-size: 12pt
        }

            .widget.widget-3 .widget-head .heading i:before {
                background: none;
                border: none;
                left: 3px;
                top: 5px;
                font-size: 20px;
                color: #fff
            }

            .widget.widget-3 .widget-head .heading .glyphicons {
                vertical-align: middle;
                width: 35px;
                height: 36px;
                padding: 0
            }

    .widget.widget-3 .widget-body {
        border-bottom: 1px solid #e5e5e5
    }

        .widget.widget-3 .widget-body.large {
            font-size: 26pt;
            text-align: center;
            padding: 25px 0;
            vertical-align: middle;
            line-height: normal
        }

            .widget.widget-3 .widget-body.large.cancellations span {
                line-height: 20px;
                text-align: left;
                font-size: 17pt;
                display: inline-block;
                text-shadow: none
            }

                .widget.widget-3 .widget-body.large.cancellations span span {
                    display: block
                }

                    .widget.widget-3 .widget-body.large.cancellations span span:first-child {
                        color: #496cad;
                        text-transform: uppercase;
                        font-size: 13pt
                    }

            .widget.widget-3 .widget-body.large.dashboard {
                padding: 15px 0
            }

    .widget.widget-3 .widget-footer {
        background: #fafafa;
        border-top: none
    }

        .widget.widget-3 .widget-footer a {
            float: none;
            color: #ddd;
            width: auto;
            padding: 0 10px 0 30px;
            border-right: 1px solid #e5e5e5;
            text-decoration: none
        }

            .widget.widget-3 .widget-footer a i:before {
                color: #ddd;
                left: 5px
            }

            .widget.widget-3 .widget-footer a:hover {
                color: #496cad
            }

                .widget.widget-3 .widget-footer a:hover i:before {
                    color: #496cad
                }

        .widget.widget-3 .widget-footer.align-center {
            text-align: center
        }

            .widget.widget-3 .widget-footer.align-center a:first-child {
                border-left: 1px solid #e5e5e5
            }

        .widget.widget-3 .widget-footer.align-right {
            text-align: right
        }

.align-right {
    text-align: right !important
}

.widget.widget-3 .widget-footer.align-right a:first-child {
    border-left: 1px solid #e5e5e5
}

.widget.widget-3 .widget-footer.align-right a:last-child {
    border-right: none
}

.widget.widget-4 {
    border: none;
    background: none
}

    .widget.widget-4 .widget-head {
        background: none;
        padding: 10px;
        border: none
    }

        .widget.widget-4 .widget-head .heading {
            color: #544f49;
            text-shadow: none;
            padding: 0;
            margin: 0
        }

    .widget.widget-4 .widget-body {
        padding: 0 10px 10px;
        border: none
    }

        .widget.widget-4 .widget-body.list ul li {
            padding: 0
        }

.widget.widget-heading-simple {
    border: none;
    background: none
}

    .widget.widget-heading-simple > .widget-head {
        border: none;
        background: none;
        background-image: none !important;
        filter: none !important;
        padding: 0 0 5px;
        height: 25px;
        line-height: 25px
    }

        .widget.widget-heading-simple > .widget-head .heading {
            padding: 0;
            height: 25px;
            line-height: 25px
        }

            .widget.widget-heading-simple > .widget-head .heading.glyphicons {
                padding: 0 0 0 25px
            }

                .widget.widget-heading-simple > .widget-head .heading.glyphicons i:before {
                    text-align: left;
                    width: 25px;
                    height: 25px;
                    line-height: 25px
                }

    .widget.widget-heading-simple > .widget-body {
        border: 1px solid #e5e5e5
    }

.widget.widget-body-simple {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

    .widget.widget-body-simple > .widget-body {
        background: none;
        border: none;
        padding: 0;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important
    }

.widget.widget-body-white > .widget-body {
    background: #fff
}

.widget.widget-body-gray > .widget-body {
    background: #f4f4f4
}

.widget.widget-body-primary > .widget-body {
    background: #496cad
}

    .widget.widget-body-primary > .widget-body * {
        color: #fff;
        text-shadow: none
    }

.widget.widget-body-inverse > .widget-body {
    background: #424242
}

    .widget.widget-body-inverse > .widget-body *, .widget.widget-body-inverse > .widget-body i:before {
        color: #fff;
        text-shadow: none
    }

.widget.widget-body-default > .widget-body {
    background: #bbb
}

    .widget.widget-body-default > .widget-body *, .widget.widget-body-default > .widget-body i:before {
        color: #fff;
        text-shadow: none
    }

.widget.widget-body-multiple {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important
}

    .widget.widget-body-multiple > .widget-body {
        margin-bottom: 7.5px
    }

        .widget.widget-body-multiple > .widget-body:last-of-type {
            margin-bottom: 0
        }

.widget.widget-inverse > .widget-head {
    background-color: #5689b4;
    color: #fff
}

    .widget.widget-inverse > .widget-head .heading {
        color: #fff
    }

.widget.widget-info {
    background: #466baf;
    color: #fff;
    padding: 20px 5px
}

    .widget.widget-info a {
        color: #fff !important
    }

.widget.widget-green {
    background-color: #30b59a;
    color: #fff;
    padding: 15px 5px
}

.widget.widget-dark {
    background: #424242;
    color: #fff
}

.widget.widget-danger {
    background: #cb4040;
    color: #fff
}

.widget.widget-warning {
    background: #e4d354;
    color: #fff
}

.widget.widget-white {
    background: #fff
}

.widget-flat {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

    .widget-flat > .widget-body {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        border: none !important
    }

h4.glyphicons {
    padding: 0 0 0 35px;
    display: block
}

    h4.glyphicons i:before {
        font-size: 22px;
        font-weight: 400;
        color: #575655
    }

h3.glyphicons, h2.glyphicons {
    padding: 0 0 0 35px;
    display: block
}

    h3.glyphicons i:before, h2.glyphicons i:before {
        font-size: 27px;
        font-weight: 400;
        left: 2px;
        top: 3px;
        color: #575655
    }

    h3.glyphicons.cogwheels i:before, h2.glyphicons.cogwheels i:before {
        left: 5px
    }

.finances_summary .well {
    font-size: 16px;
    text-align: center
}

    .finances_summary .well strong {
        display: block;
        font-size: 22pt;
        color: #45494c;
        line-height: normal
    }

.finances_summary .glyphicons.standard i:before {
    color: #ccc
}

div.glyphicons, div.glyphicons-social {
    padding: 0 0 0 47px
}

    div.glyphicons i:before, div.glyphicons-social i:before {
        color: #e2e2e2;
        font-size: 32px
    }

    div.glyphicons.glyphicon-large, div.glyphicons-social.glyphicon-large {
        padding: 0 0 0 75px
    }

        div.glyphicons.glyphicon-large i:before, div.glyphicons-social.glyphicon-large i:before {
            font-size: 50px;
            left: 0
        }

        div.glyphicons.glyphicon-large.group-column, div.glyphicons-social.glyphicon-large.group-column {
            padding: 0 0 0 85px
        }

            div.glyphicons.glyphicon-large.group-column i:before, div.glyphicons-social.glyphicon-large.group-column i:before {
                font-size: 45px;
                left: 12px
            }

    div.glyphicons.glyphicon-xlarge, div.glyphicons-social.glyphicon-xlarge {
        padding: 0 0 0 85px
    }

        div.glyphicons.glyphicon-xlarge i, div.glyphicons-social.glyphicon-xlarge i {
            padding: 0 0 10px
        }

            div.glyphicons.glyphicon-xlarge i:before, div.glyphicons-social.glyphicon-xlarge i:before {
                font-size: 70px
            }

    div.glyphicons.glyphicon-top, div.glyphicons-social.glyphicon-top {
        padding: 0;
        text-align: center
    }

        div.glyphicons.glyphicon-top i, div.glyphicons-social.glyphicon-top i {
            display: block;
            position: relative;
            padding: 5px 0 10px
        }

            div.glyphicons.glyphicon-top i:before, div.glyphicons-social.glyphicon-top i:before {
                position: relative;
                left: auto;
                top: auto
            }

    div.glyphicons.glyphicon-primary i:before, div.glyphicons-social.glyphicon-primary i:before {
        color: #496cad
    }

@media(max-width:979px) and (min-width:768px) {
    div.glyphicons.hidden-tablet-partial, div.glyphicons-social.hidden-tablet-partial {
        padding: 0
    }
}

.widget-body-primary div.glyphicons i:before {
    color: #fff
}

.social-large {
    height: 97px
}

    .social-large a {
        display: block;
        height: 97px;
        float: left;
        padding: 10px 19px;
        color: #d5d5d5;
        background: #fff;
        text-align: center;
        border-right: 1px solid #e5e5e5;
        text-decoration: none
    }

        .social-large a i {
            display: block;
            position: relative;
            padding: 0 0 8px
        }

            .social-large a i:before {
                display: block;
                text-align: center;
                top: auto;
                left: auto;
                position: relative;
                font-size: 50px;
                color: #d5d5d5
            }

        .social-large a.active, .social-large a:hover {
            color: #fff;
            background: #496cad
        }

            .social-large a.active i:before, .social-large a:hover i:before {
                color: #fff
            }

        .social-large a:last-child {
            border: none
        }

    .social-large.social-large-2 a {
        display: inline-block;
        float: none;
        border: none;
        background: none;
        color: #444
    }

        .social-large.social-large-2 a i:before {
            color: #444
        }

        .social-large.social-large-2 a.active, .social-large.social-large-2 a:hover {
            color: #496cad
        }

            .social-large.social-large-2 a.active i:before, .social-large.social-large-2 a:hover i:before {
                color: #496cad
            }

.widget-search input {
    width: 100%
}

.form-inline.small input, .form-inline.small select {
    margin: 0 5px 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0;
    padding: 1px 5px;
    border-color: #d8d9da;
    color: #a7a7a7
}

.form-inline.small select {
    padding: 1px 0;
    height: 23px
}

    .form-inline.small select:last-child {
        margin-right: 0
    }

.form-inline.small label {
    float: left;
    margin: 0 5px 0 0;
    display: block
}

.form-inline.small .input-append.block {
    display: block
}

.form-inline.small .input-append input {
    margin: 0;
    width: 85%
}

.form-inline.small .input-append .input-group-addon {
    padding: 1px 3px;
    margin: 0 0 0 -1px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0;
    background: #fff;
    color: #d8d9da;
    border-color: #d8d9da
}

    .form-inline.small .input-append .input-group-addon i:before {
        top: 4px;
        left: 4px;
        font-size: 14px;
        color: #d0d1d1
    }

#focusedInput {
    border-left: 1px solid #496cad
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 13px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    border: 1px solid #ccc;
    border-top-color: #ccc;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    padding: 6px 12px
}

.uniformjs .radio .disabled input[type="radio"], .uniformjs .checkbox .disabled input[type="checkbox"] {
    margin-left: 0
}

.uniformjs .radio, .uniformjs .checkbox {
    padding-left: 0
}

.uniformjs .radio {
    height: auto
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 3px
}

.uniformjs label.radio {
    margin-bottom: 0
}

    .uniformjs label.radio.inline {
        margin: 0
    }

.checkbox.inline {
    padding-bottom: 1px
}

.uniformjs .radio span {
    margin: 2px 0 0
}

.uniformjs .checkbox span {
    margin: -2px 0 0
}

label, input, button, select, textarea {
    font-size: 12px
}

.input-full input {
    width: 83%;
    height: 17px
}

legend {
    line-height: normal;
    height: auto;
    font-size: 18px;
    margin: 0 0 6px;
    padding: 0;
    border: 0;
    color: #797979
}

input[type=text], input[type=password], select, textarea, div.dd_chk_select {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de
}

select {
    border-radius: 2px !important;
    width: 100% !important
}

.control-label.center {
    text-align: center
}

.control-label.right {
    text-align: right;
    padding-right: 7px
}

.form-actions {
    background: none;
    border: none;
    margin: 0
}

.form-horizontal .form-actions {
    margin-top: 0;
    padding: 0
}

.form-horizontal .controls {
    margin-left: 145px
}

.form-horizontal .control-group:last-child {
    margin: 0
}

.input-group .input-group-addon, .input-append .input-group-addon {
    background: #fff;
    border-color: #e5e5e5
}

    .input-group .input-group-addon i:before, .input-append .input-group-addon i:before {
        color: #d0d1d1
    }

    .input-group .input-group-addon icon, .input-append .input-group-addon icon {
        margin-top: 0
    }

    .input-group.input-append .input-group-addon:first-child, .input-group.input-append .btn:first-child, .input-group.input-append .input-group-addon:last-child, .input-group.input-append .btn:last-child, .input-group .input-group-addon:first-child, .input-group .btn:first-child, .input-append input, .input-append select, .input-append .uneditable-input, .fileupload-new .input-append .btn-file, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .input-append .input-group-addon:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0;
        border-radius: 0 0 0 0
    }

    .input-group .input-group-addon.glyphicons, .input-append .input-group-addon.glyphicons, .input-group .input-group-addon.glyphicons-social, .input-append .input-group-addon.glyphicons-social {
        background: #fff;
        display: table-cell;
        padding-left: 18px
    }

        .input-group .input-group-addon.glyphicons i:before, .input-append .input-group-addon.glyphicons i:before, .input-group .input-group-addon.glyphicons-social i:before, .input-append .input-group-addon.glyphicons-social i:before {
            font-size: 14px;
            left: 7px;
            top: 7px;
            color: #d0d1d1
        }

        .input-append .input-group-addon.glyphicons i:before {
            left: 6px
        }

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background: #496cad
}

.ms-container .custom-header {
    height: 30px;
    line-height: 30px;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top,#fdfdfd,#f4f4f4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdfdfd),to(#f4f4f4));
    background-image: -webkit-linear-gradient(top,#fdfdfd,#f4f4f4);
    background-image: -o-linear-gradient(top,#fdfdfd,#f4f4f4);
    background-image: linear-gradient(to bottom,#fdfdfd,#f4f4f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd',endColorstr='#fff4f4f4',GradientType=0);
    padding: 0 15px;
    border: 1px solid #e5e5e5
}

    .ms-container .custom-header:not(.custom-footer) {
        border-bottom: none
    }

    .ms-container .custom-header.custom-footer {
        border-top: none
    }

img.flag {
    height: 10px;
    width: 15px;
    padding-right: 10px;
    z-index: 99999
}

.select2-results .select2-highlighted {
    background: #496cad
}

.select2-container {
    background: #f4f4f4;
    border-color: #fff
}

    .select2-container .select2-choice {
        border-color: #fff;
        background: #f4f4f4;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0;
        border-radius: 0 0 0 0
    }

.select2-container-multi .select2-choices {
    border-color: #e5e5e5;
    background: #fff
}

.select2-container .select2-choice div {
    border-color: #fff;
    background: #f4f4f4;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

.select2-search input {
    background: #fff
}

.select2-drop {
    border-color: #fff;
    background: #f4f4f4;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    z-index: 99999
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 5px 0 3px 5px;
    border-color: #d8d8d8
}

.datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled], .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] {
    background: #496cad
}

.bootstrap-timepicker-widget table td {
    font-size: 13px
}

.bootstrap-timepicker > [class*="icon-"] {
    vertical-align: text-top;
    margin: 0 0 0 -22.5px;
    pointer-events: none;
    position: relative;
    cursor: pointer
}

.has-switch {
    vertical-align: middle;
    border-color: #bebebe;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

    .has-switch span.switch-left {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0;
        border-radius: 0 0 0 0
    }

    .has-switch span {
        background-image: none !important;
        filter: none !important
    }

    .has-switch label {
        background-image: none !important;
        filter: none !important;
        background: #fff;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3)
    }

    .has-switch[data-on*="primary"] {
        border-color: #496cad
    }

    .has-switch[data-on*="danger"] {
        border-color: #bd362f
    }

    .has-switch[data-on*="warning"] {
        border-color: #ab7a4b
    }

    .has-switch[data-on*="success"] {
        border-color: #72af46
    }

    .has-switch[data-on*="inverse"] {
        border-color: #424242
    }

    .has-switch span.switch-primary {
        background: #496cad
    }

    .has-switch span.switch-danger {
        background: #bd362f
    }

    .has-switch span.switch-warning {
        background: #ab7a4b
    }

    .has-switch span.switch-success {
        background: #72af46
    }

    .has-switch span.switch-inverse {
        background: #424242
    }

    .has-switch span.switch-default {
        background: #ccc;
        color: #444
    }

textarea.form-control {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0;
    border-color: #e5e5e5
}

    textarea.form-control:hover, textarea.form-control:focus {
        border-color: #b2b2b2
    }

.btn {
    text-shadow: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

    .btn.active, .btn:active {
        outline: 0;
        background-color: #fff
    }

    .btn:hover.text-primary {
        background-color: #496cad
    }

        .btn:hover.text-primary .fa {
            color: #fff
        }

.btn-block {
    width: 100%;
    min-height: 30px
}

.btn-group .btn + .btn:not(.btn-block) {
    margin-left: -1px
}

.btn-default {
    background: #e7e7e7;
    border-color: #e7e7e7;
    color: #797979
}

    .btn-default.filled {
        background: #efefef
    }

        .btn-default.filled i {
            color: #ccc
        }

    .btn-group.open .btn-default.dropdown-toggle, .btn-default.disabled, .btn-default[disabled], .btn-default:hover, .btn-default:focus {
        background: #fafafa;
        border-color: #cecece
    }

    .btn-default:active, .btn-default.active {
        background: #e8e8e8;
        color: #797979;
        text-shadow: none
    }

    .btn-default .caret {
        border-top-color: rgba(0,0,0,.5)
    }

.btn-warning {
    background: #ab7a4b;
    border-color: #ab7a4b;
    color: #fff
}

    .btn-warning.btn-stroke {
        background: none;
        color: #ab7a4b
    }

    .btn-group.open .btn-warning.dropdown-toggle, .btn-warning.disabled, .btn-warning[disabled], .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        background: none;
        color: #ab7a4b
    }

    .btn-warning.btn-stroke:hover, .btn-warning.btn-stroke:focus, .btn-warning.btn-stroke:active, .btn-warning.btn-stroke.active {
        background: #ab7a4b;
        color: #fff
    }

    .btn-warning .caret {
        border-top-color: rgba(255,255,255,.7);
        border-bottom-color: rgba(255,255,255,.7)
    }

.btn-group.open .btn-info.dropdown-toggle, .btn-info.disabled, .btn-info[disabled], .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    background: none;
    color: #466baf
}

.btn-danger {
    background: #bd362f;
    border-color: #bd362f;
    color: #fff
}

    .btn-danger.btn-stroke {
        background: none;
        color: #bd362f
    }

    .btn-group.open .btn-danger.dropdown-toggle, .btn-danger.disabled, .btn-danger[disabled], .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        background: none;
        color: #bd362f
    }

    .btn-danger.btn-stroke:hover, .btn-danger.btn-stroke:focus, .btn-danger.btn-stroke:active, .btn-danger.btn-stroke.active {
        background: #bd362f;
        color: #fff
    }

    .btn-danger .caret {
        border-top-color: rgba(255,255,255,.7);
        border-bottom-color: rgba(255,255,255,.7)
    }

.btn-primary {
    background: #496cad;
    border-color: #496cad;
    color: #fff
}

    .btn-primary.btn-stroke {
        background: none;
        color: #496cad
    }

    .btn-group.open .btn-primary.dropdown-toggle, .btn-primary.disabled, .btn-primary[disabled], .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background: none;
        color: #496cad;
        border-color: #496cad
    }

    .btn-primary.btn-stroke:hover, .btn-primary.btn-stroke:focus, .btn-primary.btn-stroke:active, .btn-primary.btn-stroke.active {
        background: #496cad;
        color: #fff
    }

    .btn-primary .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

.btn-inverse {
    background: #424242;
    border-color: #424242;
    color: #fff
}

    .btn-inverse.btn-stroke {
        background: none;
        color: #424242
    }

    .btn-group.open .btn-inverse.dropdown-toggle, .btn-inverse.disabled, .btn-inverse[disabled], .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
        background: none;
        color: #424242
    }

    .btn-inverse.btn-stroke:hover, .btn-inverse.btn-stroke:focus, .btn-inverse.btn-stroke:active, .btn-inverse.btn-stroke.active {
        background: #424242;
        color: #fff
    }

    .btn-inverse .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

.btn-success {
    background: #72af46;
    border-color: #72af46;
    color: #fff
}

    .btn-success.btn-stroke {
        background: none;
        color: #72af46
    }

    .btn-group.open .btn-success.dropdown-toggle, .btn-success.disabled, .btn-success[disabled], .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
        background: none;
        color: #72af46
    }

    .btn-success.btn-stroke:hover, .btn-success.btn-stroke:focus, .btn-success.btn-stroke:active, .btn-success.btn-stroke.active {
        background: #72af46;
        color: #fff
    }

    .btn-success .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

.btn-group .btn-primary:not(.dropdown-toggle), .btn-group .btn-primary:not([data-toggle*=""]) {
    margin-right: 2px
}

.btn-group.dropup .btn {
    padding: 7px 12px
}

.btn-group-vertical.block {
    display: block
}

.btn-group.btn-group-block {
    display: block
}

@media(min-width:992px) and (max-width:1200px) {
    .btn-group.btn-group-block .btn.col-md-12 {
        margin: 0
    }

        .btn-group.btn-group-block .btn.col-md-12:first-of-type {
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0
        }

        .btn-group.btn-group-block .btn.col-md-12:last-of-type {
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px
        }
}

.btn-icon-stacked {
    text-align: left;
    padding: 10px 10px 10px 45px;
    position: relative
}

    .btn-icon-stacked i {
        display: block;
        position: absolute;
        left: 15px;
        top: 12px
    }

    .btn-icon-stacked span {
        display: block;
        font-size: 13px;
        line-height: normal
    }

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

    .btn-circle.btn {
        padding-left: 0;
        padding-right: 0;
        width: 34px
    }

.glyphicons.standard, .glyphicons-social.standard {
    width: 24px;
    height: 24px;
    padding: 0
}

    .glyphicons.standard i, .glyphicons-social.standard i {
        display: block;
        height: 24px
    }

        .glyphicons.standard i:before, .glyphicons-social.standard i:before {
            color: #64625f;
            position: relative;
            top: auto;
            left: auto
        }

    .glyphicons.standard:not(.disabled):hover i:before, .glyphicons-social.standard:not(.disabled):hover i:before {
        color: #797979
    }

    .glyphicons.standard.btn, .glyphicons-social.standard.btn {
        padding: 4px
    }

        .glyphicons.standard.btn.btn-small, .glyphicons-social.standard.btn.btn-small {
            padding: 2px 5px;
            width: auto;
            height: auto
        }

            .glyphicons.standard.btn.btn-small i:before, .glyphicons-social.standard.btn.btn-small i:before {
                top: auto;
                line-height: 22px
            }

.glyphicons.btn-action, .glyphicons-social.btn-action {
    width: 25px;
    height: 25px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle
}

    .glyphicons.btn-action i:before, .glyphicons-social.btn-action i:before {
        font-size: 14px;
        top: 5px;
        left: 5px;
        text-shadow: 0 1px 0 #fff;
        color: #fff
    }

    .glyphicons.btn-action.btn-default i:before, .glyphicons-social.btn-action.btn-default i:before {
        color: #7c7c7c
    }

    .glyphicons.btn-action.single, .glyphicons-social.btn-action.single {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border: none;
        margin-right: 10px
    }

.glyphicons.btn-icon, .glyphicons-social.btn-icon {
    text-align: left;
    padding: 5px 7px 5px 40px
}

    .glyphicons.btn-icon i, .glyphicons-social.btn-icon i {
        float: left
    }

        .glyphicons.btn-icon i:before, .glyphicons-social.btn-icon i:before {
            font-size: 15px;
            top: 0;
            left: 0;
            width: 33px;
            height: 23px;
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
            vertical-align: middle;
            padding: 7px 0 0;
            text-align: center
        }

    .glyphicons.btn-icon.right, .glyphicons-social.btn-icon.right {
        text-align: left;
        padding: 5px 0 5px 7px
    }

        .glyphicons.btn-icon.right i:before, .glyphicons-social.btn-icon.right i:before {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
            right: 0;
            left: auto;
            text-align: center
        }

.glyphicons.btn-large, .glyphicons-social.btn-large {
    padding: 10px 10px 10px 40px
}

    .glyphicons.btn-large i:before, .glyphicons-social.btn-large i:before {
        top: 12px;
        left: 12px;
        font-size: 17px
    }

    .glyphicons.btn-large.btn-icon i:before, .glyphicons-social.btn-large.btn-icon i:before {
        top: 0;
        left: 0;
        height: 28px;
        padding: 12px 0 0
    }

.glyphicons.btn-small, .glyphicons-social.btn-small {
    padding: 2px 10px 2px 35px
}

    .glyphicons.btn-small i:before, .glyphicons-social.btn-small i:before {
        padding: 5px 0 0;
        width: 28px;
        height: 19px;
        font-size: 14px
    }

.glyphicons.btn-mini, .glyphicons-social.btn-mini {
    padding: 1px 6px 1px 33px
}

    .glyphicons.btn-mini i:before, .glyphicons-social.btn-mini i:before {
        padding: 5px 0 0;
        width: 26px;
        height: 17px;
        font-size: 13px
    }

.glyphicons.orange i:before, .glyphicons-social.orange i:before {
    color: #edb459
}

.glyphicons.btn-default i:before, .glyphicons-social.btn-default i:before {
    color: #9e9e9e;
    text-shadow: none
}

.glyphicons.single, .glyphicons-social.single {
    color: #496cad;
    padding: 0 0 0 20px
}

    .glyphicons.single i:before, .glyphicons-social.single i:before {
        font-size: 13px;
        top: 4px;
        color: #496cad
    }

    .glyphicons.single + .single, .glyphicons-social.single + .single {
        margin-left: 8px
    }

    .glyphicons.single.regular, .glyphicons-social.single.regular {
        color: #7c7c7c
    }

        .glyphicons.single.regular i:before, .glyphicons-social.single.regular i:before {
            color: #7c7c7c
        }

.glyphicons.primary i:before, .glyphicons-social.primary i:before {
    color: #496cad
}

.glyphicons.text-error, .glyphicons-social.text-error {
    color: #496cad
}

    .glyphicons.text-error i:before, .glyphicons-social.text-error i:before {
        color: #496cad
    }

.glyphicons.text-info, .glyphicons-social.text-info {
    color: #5d92b3
}

    .glyphicons.text-info i:before, .glyphicons-social.text-info i:before {
        color: #5d92b3
    }

.glyphicons.text-success, .glyphicons-social.text-success {
    color: #719d46
}

    .glyphicons.text-success i:before, .glyphicons-social.text-success i:before {
        color: #719d46
    }

.ui .btn {
    margin-bottom: 6px !important
}

.label {
    display: inline-block
}

    .label.label-stroke {
        background: none;
        color: #999;
        border: 1px solid #999
    }

    .label.label-primary {
        background: #496cad
    }

        .label.label-primary.label-stroke {
            background: none;
            color: #496cad;
            border: 1px solid #496cad
        }

    .label.label-info {
        background: #466baf
    }

        .label.label-info.label-stroke {
            background: none;
            color: #466baf;
            border: 1px solid #466baf
        }

    .label.label-warning {
        background: #ab7a4b
    }

        .label.label-warning.label-stroke {
            background: none;
            color: #ab7a4b;
            border: 1px solid #ab7a4b
        }

    .label.label-danger {
        background: #bd362f
    }

        .label.label-danger.label-stroke {
            background: none;
            color: #bd362f;
            border: 1px solid #bd362f
        }

    .label.label-inverse {
        background: #424242
    }

        .label.label-inverse.label-stroke {
            background: none;
            color: #424242;
            border: 1px solid #424242
        }

    .label.label-success {
        background: #72af46
    }

        .label.label-success.label-stroke {
            background: none;
            color: #72af46;
            border: 1px solid #72af46
        }

    .label.label-block {
        display: block
    }

.badge.badge-stroke {
    background: none;
    color: #999;
    border: 1px solid #999
}

.badge.badge-primary {
    background: #496cad
}

    .badge.badge-primary.badge-stroke {
        background: none;
        color: #496cad;
        border: 1px solid #496cad
    }

.badge.badge-warning {
    background: #ab7a4b
}

    .badge.badge-warning.badge-stroke {
        background: none;
        color: #ab7a4b;
        border: 1px solid #ab7a4b
    }

.badge.badge-danger {
    background: #bd362f
}

    .badge.badge-danger.badge-stroke {
        background: none;
        color: #bd362f;
        border: 1px solid #bd362f
    }

.badge.badge-success {
    background: #428a0e
}

    .badge.badge-success.badge-stroke {
        background: none;
        color: #72af46;
        border: 1px solid #72af46
    }

.badge.badge-inverse {
    background: #424242
}

    .badge.badge-inverse.badge-stroke {
        background: none;
        color: #424242;
        border: 1px solid #424242
    }

.badge.badge-info {
    background: #466baf
}

    .badge.badge-info.badge-stroke {
        background: none;
        color: #466baf;
        border: 1px solid #466baf
    }

.badge.badge-white {
    background: #fff;
    color: #797979;
    border: 1px solid #ccc
}

.badge.badge-block {
    display: block
}

.badge.badge-semiactive {
    background: #ffc107
}

    .badge.badge-semiactive.badge-stroke {
        background: none;
        color: #ffc107;
        border: 1px solid #ffc107
    }

.hoverSlideLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    content: "";
    -webkit-transition: left 400ms ease;
    -moz-transition: left 400ms ease;
    -o-transition: left 400ms ease;
    -ms-transition: left 400ms ease;
    transition: left 400ms ease
}

.hoverSlideRight {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: 0;
    content: "";
    -webkit-transition: right 400ms ease;
    -moz-transition: right 400ms ease;
    -o-transition: right 400ms ease;
    -ms-transition: right 400ms ease;
    transition: right 400ms ease
}

.hoverSlideUp {
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    -o-transition: top 400ms ease;
    -ms-transition: top 400ms ease;
    transition: top 400ms ease
}

html.csstransitions.csstransforms3d a, html.csstransitions.csstransforms3d .btn, html.csstransitions.csstransforms3d .navbar.main li, html.csstransitions.csstransforms3d .navbar.main .caret {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

html.csstransitions.csstransforms3d .panel-3d {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    position: relative;
    z-index: 900;
    visibility: hidden
}

    html.csstransitions.csstransforms3d .panel-3d .front {
        position: relative;
        top: 0;
        left: 0;
        z-index: 900;
        width: 100%;
        height: 100%;
        text-align: center;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden
    }

        html.csstransitions.csstransforms3d .panel-3d .front [class*="icon-"] {
            visibility: hidden
        }

    html.csstransitions.csstransforms3d .panel-3d .back {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 800;
        width: 100%;
        height: inherit;
        -webkit-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-transform: rotateY(-180deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
        backface-visibility: hidden
    }

    html.csstransitions.csstransforms3d .panel-3d.animated .front, html.csstransitions.csstransforms3d .panel-3d.animated .back {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    html.csstransitions.csstransforms3d .panel-3d.flip-default {
        z-index: 1000
    }

        html.csstransitions.csstransforms3d .panel-3d.flip-default .front {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg)
        }

        html.csstransitions.csstransforms3d .panel-3d.flip-default .back {
            -webkit-transform: rotateX(0deg) rotateY(0deg);
            -moz-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg)
        }

    html.csstransitions.csstransforms3d .panel-3d.panel-flip {
        z-index: 1000
    }

        html.csstransitions.csstransforms3d .panel-3d.panel-flip .front {
            z-index: 900;
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg);
            box-shadow: 0 15px 50px rgba(0,0,0,.2)
        }

        html.csstransitions.csstransforms3d .panel-3d.panel-flip .back {
            z-index: 1000;
            -webkit-transform: rotateX(0deg) rotateY(0deg);
            -moz-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg)
        }

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px,1px) rotate(0deg)
    }

    10% {
        -webkit-transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-3px,0) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(0,2px) rotate(0deg)
    }

    40% {
        -webkit-transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        -webkit-transform: translate(2px,1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(2px,2px) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(1px,-2px) rotate(-1deg)
    }
}

@-moz-keyframes shake {
    0% {
        -moz-transform: translate(2px,1px) rotate(0deg)
    }

    10% {
        -moz-transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        -moz-transform: translate(-3px,0) rotate(1deg)
    }

    30% {
        -moz-transform: translate(0,2px) rotate(0deg)
    }

    40% {
        -moz-transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        -moz-transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        -moz-transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        -moz-transform: translate(2px,1px) rotate(-1deg)
    }

    80% {
        -moz-transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        -moz-transform: translate(2px,2px) rotate(0deg)
    }

    100% {
        -moz-transform: translate(1px,-2px) rotate(-1deg)
    }
}

@-ms-keyframes shake {
    0% {
        -ms-transform: translate(2px,1px) rotate(0deg)
    }

    10% {
        -ms-transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        -ms-transform: translate(-3px,0) rotate(1deg)
    }

    30% {
        -ms-transform: translate(0,2px) rotate(0deg)
    }

    40% {
        -ms-transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        -ms-transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        -ms-transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        -ms-transform: translate(2px,1px) rotate(-1deg)
    }

    80% {
        -ms-transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        -ms-transform: translate(2px,2px) rotate(0deg)
    }

    100% {
        -ms-transform: translate(1px,-2px) rotate(-1deg)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(.5) translateZ(1px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scale(1) translateZ(1px);
        opacity: 1
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(.5) translateZ(1px);
        opacity: 0
    }

    to {
        -moz-transform: translateY(0) scale(1) translateZ(1px);
        opacity: 1
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(.5) translateZ(1px);
        opacity: 0
    }

    to {
        -ms-transform: translateY(0) scale(1) translateZ(1px);
        opacity: 1
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%) translateZ(1px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(1px)
    }
}

@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%) translateZ(1px)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0) translateZ(1px)
    }
}

@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%) translateZ(1px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0) translateZ(1px)
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%) translateZ(1px)
    }

    to {
        -webkit-transform: translateX(0) translateZ(1px)
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -moz-transform: translateX(-100%) translateZ(1px)
    }

    to {
        -moz-transform: translateX(0) translateZ(1px)
    }
}

@-ms-keyframes moveFromLeft {
    from {
        -ms-transform: translateX(-100%) translateZ(1px)
    }

    to {
        -ms-transform: translateX(0) translateZ(1px)
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%) translateZ(1px)
    }

    to {
        -webkit-transform: translateX(0) translateZ(1px)
    }
}

@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%) translateZ(1px)
    }

    to {
        -moz-transform: translateX(0) translateZ(1px)
    }
}

@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%) translateZ(1px)
    }

    to {
        -ms-transform: translateX(0) translateZ(1px)
    }
}

@-webkit-keyframes moveFromLeftRotate {
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg) translateZ(1px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) translateZ(1px)
    }
}

@-moz-keyframes moveFromLeftRotate {
    from {
        -moz-transform: translateX(-100%) rotate(-90deg) translateZ(1px)
    }

    to {
        -moz-transform: translateX(0) rotate(0deg) translateZ(1px)
    }
}

@-ms-keyframes moveFromLeftRotate {
    from {
        -ms-transform: translateX(-100%) rotate(-90deg) translateZ(1px)
    }

    to {
        -ms-transform: translateX(0) rotate(0deg) translateZ(1px)
    }
}

@-webkit-keyframes smallToBig {
    from {
        -webkit-transform: scale(.1)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes smallToBig {
    from {
        -moz-transform: scale(.1)
    }

    to {
        -moz-transform: scale(1)
    }
}

@-ms-keyframes smallToBig {
    from {
        -ms-transform: scale(.1)
    }

    to {
        -ms-transform: scale(1)
    }
}

@-webkit-keyframes bigToSmall {
    from {
        -webkit-transform: scale(2)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bigToSmall {
    from {
        -moz-transform: scale(2)
    }

    to {
        -moz-transform: scale(1)
    }
}

@-ms-keyframes bigToSmall {
    from {
        -ms-transform: scale(2)
    }

    to {
        -ms-transform: scale(1)
    }
}

@-webkit-keyframes moveFromLeftAndGrowAndRotate {
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg) scale(.1) translateZ(1px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) scale(1) translateZ(1px)
    }
}

@-moz-keyframes moveFromLeftAndGrowAndRotate {
    from {
        -moz-transform: translateX(-100%) rotate(-90deg) scale(.1) translateZ(1px)
    }

    to {
        -moz-transform: translateX(0) rotate(0deg) scale(1) translateZ(1px)
    }
}

@-ms-keyframes moveFromLeftAndGrowAndRotate {
    from {
        -ms-transform: translateX(-100%) rotate(-90deg) scale(.1) translateZ(1px)
    }

    to {
        -ms-transform: translateX(0) rotate(0deg) scale(1) translateZ(1px)
    }
}

@-webkit-keyframes moveFromRightAndGrowAndRotate {
    from {
        -webkit-transform: translateX(100%) rotate(90deg) scale(.1) translateZ(1px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) scale(1) translateZ(1px)
    }
}

@-moz-keyframes moveFromRightAndGrowAndRotate {
    from {
        -moz-transform: translateX(100%) rotate(90deg) scale(.1) translateZ(1px)
    }

    to {
        -moz-transform: translateX(0) rotate(0deg) scale(1) translateZ(1px)
    }
}

@-ms-keyframes moveFromRightAndGrowAndRotate {
    from {
        -ms-transform: translateX(100%) rotate(90deg) scale(.1) translateZ(1px)
    }

    to {
        -ms-transform: translateX(0) rotate(0deg) scale(1) translateZ(1px)
    }
}

#flotTip {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px
}

.yAxis .tickLabel:first-child, .yAxis .tickLabel:last-child {
    display: none
}

.tickLabel {
    font-size: 12px;
    color: #666
}

.flotchart-holder {
    margin: 30px 0 15px;
    height: 250px;
    padding: 0
}

    .flotchart-holder .label {
        padding: 5px 10px
    }

.legend table {
    top: -30px !important;
    left: 0 !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    border-collapse: separate
}

    .legend table tr td {
        padding: 5px;
        background: #f9f9f9;
        border: 1px solid #e5e5e5;
        border-left: none;
        border-right: none
    }

        .legend table tr td.legendLabel {
            padding-left: 0;
            color: #666;
            font-size: 12px
        }

        .legend table tr td.legendColorBox > div {
            border: none !important
        }

            .legend table tr td.legendColorBox > div > div {
                -webkit-border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px;
                border-radius: 5px 5px 5px 5px
            }

        .legend table tr td:first-of-type {
            padding-left: 10px;
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
            border-left: 1px solid #e5e5e5
        }

        .legend table tr td:last-of-type {
            padding-right: 10px;
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
            border-right: 1px solid #e5e5e5
        }

.tooltip .tooltip-inner {
    background-color: #496cad;
    color: #fff;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

.tooltip.right .tooltip-arrow {
    border-right-color: #496cad
}

.tooltip.left {
    margin-left: -13px
}

    .tooltip.left .tooltip-arrow {
        border-left-color: #496cad
    }

.tooltip.top .tooltip-arrow {
    border-top-color: #496cad
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #496cad
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl
}

    .rating.text-large {
        margin: 7px 0
    }

    .rating span.star {
        font-family: FontAwesome;
        font-weight: 400;
        font-style: normal;
        display: inline-block
    }

        .rating span.star:before {
            content: "";
            padding-right: 0
        }

    .rating:not(.read-only) span.star:hover {
        cursor: pointer
    }

        .rating:not(.read-only) span.star:hover:before, .rating:not(.read-only) span.star:hover ~ span.star:before {
            content: "";
            color: #496cad
        }

    .rating span.star.active:before, .rating span.star.active ~ span.star:before {
        content: "";
        color: #496cad
    }

.widget-activity > .widget-body {
    padding: 0 15px
}

.widget-activity ul.list {
    list-style: none;
    margin: 0;
    padding: 0
}

    .widget-activity ul.list li {
        height: 39px;
        line-height: 39px;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #ebebeb;
        padding: 0 15px;
        -webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        -ms-transition: background .5s ease;
        transition: background .5s ease
    }

        .widget-activity ul.list li:hover, .widget-activity ul.list li.highlight {
            background: #f2f2f2;
            cursor: pointer
        }

            .widget-activity ul.list li:hover:after, .widget-activity ul.list li.highlight:after {
                content: "";
                display: block;
                position: absolute;
                right: 15px;
                top: 0;
                height: 39px;
                line-height: 39px;
                font-family: "Glyphicons Regular";
                font-size: 24px;
                color: #d5d5d5
            }

            .widget-activity ul.list li:hover .activity-icon i:before, .widget-activity ul.list li.highlight .activity-icon i:before {
                color: #505050
            }

        .widget-activity ul.list li > span {
            display: block;
            height: 39px;
            line-height: 39px;
            float: left;
            position: relative;
            overflow: hidden
        }

            .widget-activity ul.list li > span.ellipsis {
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 75%
            }

            .widget-activity ul.list li > span.date {
                width: 40px;
                text-align: center
            }

        .widget-activity ul.list li .activity-icon {
            width: 30px;
            height: 39px;
            padding: 0;
            margin: 0 10px;
            display: inline-block;
            text-align: center
        }

            .widget-activity ul.list li .activity-icon i {
                height: 39px;
                display: block;
                position: relative
            }

                .widget-activity ul.list li .activity-icon i:before {
                    position: relative;
                    top: 0;
                    left: 0;
                    color: #cbcbcb;
                    font-size: 18px;
                    line-height: 39px
                }

        .widget-activity ul.list li.double {
            height: 55px;
            line-height: 55px
        }

            .widget-activity ul.list li.double > span {
                height: 55px;
                line-height: 55px
            }

                .widget-activity ul.list li.double > span.ellipsis {
                    line-height: 15px;
                    padding: 12px 0 0;
                    font-size: 13px
                }

                .widget-activity ul.list li.double > span .meta {
                    display: block;
                    line-height: 15px;
                    color: #b7b7b7
                }

                    .widget-activity ul.list li.double > span .meta i:before {
                        top: 1px;
                        color: #b7b7b7
                    }

                    .widget-activity ul.list li.double > span .meta span {
                        font-style: italic
                    }

            .widget-activity ul.list li.double .activity-icon {
                margin-left: 0;
                height: 55px
            }

                .widget-activity ul.list li.double .activity-icon i {
                    height: 55px
                }

                    .widget-activity ul.list li.double .activity-icon i:before {
                        line-height: 55px
                    }

            .widget-activity ul.list li.double:hover:after, .widget-activity ul.list li.double.highlight:after {
                height: 55px;
                line-height: 55px
            }

        .widget-activity ul.list li:last-child {
            border: none
        }

.widget-activity .view-all {
    position: absolute;
    top: 18px;
    right: 15px
}

.widget.widget-tabs {
    border-color: #e5e5e5
}

    .widget.widget-tabs .tab-content {
        padding: 0
    }

    .widget.widget-tabs > .widget-head {
        background: #fff;
        border-color: #e5e5e5;
        overflow: visible
    }

        .widget.widget-tabs > .widget-head ul {
            position: relative;
            overflow: visible;
            list-style: none;
            height: 40px;
            margin: 0;
            padding: 0;
            display: inline-block
        }

            .widget.widget-tabs > .widget-head ul li {
                height: 40px;
                line-height: 40px;
                float: left;
                display: block;
                border-right: 1px solid #e5e5e5
            }

                .widget.widget-tabs > .widget-head ul li a {
                    width: auto;
                    height: 40px;
                    display: block;
                    padding: 0 15px;
                    position: relative;
                    overflow: hidden;
                    color: #7c7c7c;
                    text-decoration: none
                }

                    .widget.widget-tabs > .widget-head ul li a i:before {
                        left: 9px;
                        top: 9px;
                        color: #9d9d9d;
                        text-shadow: 0 1px 0 #fff;
                        font-size: 20px
                    }

                    .widget.widget-tabs > .widget-head ul li a.glyphicons {
                        padding: 0 15px 0 35px
                    }

                .widget.widget-tabs > .widget-head ul li.active {
                    height: 40px;
                    background: #fff;
                    color: #505050
                }

                    .widget.widget-tabs > .widget-head ul li.active a {
                        color: #505050
                    }

                        .widget.widget-tabs > .widget-head ul li.active a i:before {
                            color: #505050
                        }

                    .widget.widget-tabs > .widget-head ul li.active:first-child {
                        -webkit-border-radius: 5px 0 0 0;
                        -moz-border-radius: 5px 0 0;
                        border-radius: 5px 0 0 0
                    }

    .widget.widget-tabs > .widget-body.large {
        padding: 25px
    }

@media(max-width:991px) {
    .widget.widget-tabs.widget-tabs-responsive > .widget-head {
        height: auto;
        padding: 0
    }

        .widget.widget-tabs.widget-tabs-responsive > .widget-head ul {
            display: block;
            height: auto
        }

            .widget.widget-tabs.widget-tabs-responsive > .widget-head ul li {
                display: block;
                float: none;
                border-right: none;
                border-bottom: 1px solid #e5e5e5
            }

                .widget.widget-tabs.widget-tabs-responsive > .widget-head ul li:last-of-type {
                    border-bottom: none
                }
}

.widget.widget-tabs-double > .widget-head {
    height: 40px
}

    .widget.widget-tabs-double > .widget-head ul {
        height: 40px
    }

        .widget.widget-tabs-double > .widget-head ul li, .widget.widget-tabs-double > .widget-head ul li.active {
            height: 40px;
            line-height: 20px
        }

            .widget.widget-tabs-double > .widget-head ul li a, .widget.widget-tabs-double > .widget-head ul li.active a {
                height: 40px;
                padding: 5px 0 0
            }

                .widget.widget-tabs-double > .widget-head ul li a span, .widget.widget-tabs-double > .widget-head ul li.active a span {
                    display: block;
                    line-height: 15px
                }

                .widget.widget-tabs-double > .widget-head ul li a.glyphicons, .widget.widget-tabs-double > .widget-head ul li.active a.glyphicons {
                    padding: 5px 15px 0 38px
                }

                    .widget.widget-tabs-double > .widget-head ul li a.glyphicons i:before, .widget.widget-tabs-double > .widget-head ul li.active a.glyphicons i:before {
                        left: 9px;
                        top: 9px;
                        font-size: 20px
                    }

@media(max-width:991px) {
    .widget.widget-tabs-double > .widget-head {
        height: auto
    }

        .widget.widget-tabs-double > .widget-head ul {
            height: auto
        }

            .widget.widget-tabs-double > .widget-head ul li {
                display: block;
                float: none
            }
}

.widget.widget-tabs-double-2 {
    border: none
}

    .widget.widget-tabs-double-2 > .widget-head {
        border: 1px solid #e5e5e5;
        border-bottom: none;
        height: 70px
    }

        .widget.widget-tabs-double-2 > .widget-head.border-bottom {
            border-bottom: 1px solid #e5e5e5
        }

        .widget.widget-tabs-double-2 > .widget-head ul {
            height: 70px
        }

            .widget.widget-tabs-double-2 > .widget-head ul li {
                height: 70px;
                line-height: 20px
            }

                .widget.widget-tabs-double-2 > .widget-head ul li a {
                    height: 70px;
                    padding: 5px 0 0;
                    text-decoration: none;
                    text-align: center
                }

                    .widget.widget-tabs-double-2 > .widget-head ul li a span {
                        display: block;
                        line-height: 30px
                    }

                    .widget.widget-tabs-double-2 > .widget-head ul li a.glyphicons {
                        padding: 0 15px
                    }

                        .widget.widget-tabs-double-2 > .widget-head ul li a.glyphicons i {
                            display: block;
                            height: 37px;
                            padding: 13px 0 0;
                            line-height: 24px;
                            text-align: center
                        }

                            .widget.widget-tabs-double-2 > .widget-head ul li a.glyphicons i:before {
                                left: auto;
                                top: auto;
                                font-size: 24px;
                                position: relative
                            }

                .widget.widget-tabs-double-2 > .widget-head ul li.active {
                    height: 70px;
                    background: #fff
                }

                    .widget.widget-tabs-double-2 > .widget-head ul li.active a {
                        color: #496cad
                    }

                        .widget.widget-tabs-double-2 > .widget-head ul li.active a i:before {
                            color: #496cad
                        }

                .widget.widget-tabs-double-2 > .widget-head ul li:hover {
                    background: #fff;
                    height: 69px
                }

                    .widget.widget-tabs-double-2 > .widget-head ul li:hover a {
                        color: #496cad
                    }

                        .widget.widget-tabs-double-2 > .widget-head ul li:hover a i:before {
                            color: #496cad
                        }

    .widget.widget-tabs-double-2 > .widget-body {
        padding: 0
    }

    .widget.widget-tabs-double-2 .widget-body-regular {
        padding: 10px;
        border: 1px solid #e5e5e5
    }

        .widget.widget-tabs-double-2 .widget-body-regular p:last-child {
            margin: 0
        }

@media(max-width:991px) {
    .widget.widget-tabs-double-2 > .widget-head {
        height: auto
    }

        .widget.widget-tabs-double-2 > .widget-head ul {
            height: auto
        }

            .widget.widget-tabs-double-2 > .widget-head ul li {
                display: block;
                float: none
            }
}

.widget.widget-tabs-social-account {
    border: none
}

    .widget.widget-tabs-social-account > .widget-head {
        border-bottom: none;
        height: 70px
    }

        .widget.widget-tabs-social-account > .widget-head ul {
            height: 70px
        }

            .widget.widget-tabs-social-account > .widget-head ul li {
                height: 70px;
                line-height: 20px
            }

                .widget.widget-tabs-social-account > .widget-head ul li:first-child.active {
                    -webkit-border-radius: 0 0 0 0;
                    -moz-border-radius: 0;
                    border-radius: 0 0 0 0
                }

                .widget.widget-tabs-social-account > .widget-head ul li a {
                    height: 70px;
                    padding: 5px 0 0;
                    text-decoration: none;
                    text-align: center
                }

                    .widget.widget-tabs-social-account > .widget-head ul li a span {
                        display: block;
                        line-height: 30px
                    }

                    .widget.widget-tabs-social-account > .widget-head ul li a.glyphicons {
                        padding: 0 15px
                    }

                        .widget.widget-tabs-social-account > .widget-head ul li a.glyphicons i {
                            display: block;
                            height: 37px;
                            padding: 13px 0 0;
                            line-height: 24px;
                            text-align: center
                        }

                            .widget.widget-tabs-social-account > .widget-head ul li a.glyphicons i:before {
                                color: #ccc;
                                left: auto;
                                top: auto;
                                font-size: 24px;
                                position: relative
                            }

                .widget.widget-tabs-social-account > .widget-head ul li.active {
                    height: 70px;
                    background: #496cad
                }

                    .widget.widget-tabs-social-account > .widget-head ul li.active a {
                        color: #fff
                    }

                        .widget.widget-tabs-social-account > .widget-head ul li.active a i:before {
                            color: #fff
                        }

                .widget.widget-tabs-social-account > .widget-head ul li:hover {
                    height: 70px;
                    background: #496cad
                }

                    .widget.widget-tabs-social-account > .widget-head ul li:hover a {
                        color: #fff
                    }

                        .widget.widget-tabs-social-account > .widget-head ul li:hover a i:before {
                            color: #fff
                        }

    .widget.widget-tabs-social-account > .widget-body {
        padding: 0
    }

    .widget.widget-tabs-social-account .widget-body-regular {
        padding: 10px;
        border: 1px solid #e5e5e5
    }

        .widget.widget-tabs-social-account .widget-body-regular p:last-child {
            margin: 0
        }

.widget.widget-tabs-vertical .widget-head {
    border: none;
    height: auto;
    padding: 0
}

    .widget.widget-tabs-vertical .widget-head ul {
        display: block;
        height: auto
    }

        .widget.widget-tabs-vertical .widget-head ul li {
            float: none;
            display: block;
            border-right: none;
            border-bottom: 1px solid #e5e5e5
        }

            .widget.widget-tabs-vertical .widget-head ul li:last-child {
                border: none
            }

.widget.widget-tabs-vertical .widget-body {
    padding: 0
}

    .widget.widget-tabs-vertical .widget-body .tab-content {
        padding: 12px 15px
    }

.widget.widget-wizard-pills .widget-head {
    height: 80px;
    padding: 10px 0
}

    .widget.widget-wizard-pills .widget-head ul {
        height: 60px
    }

        .widget.widget-wizard-pills .widget-head ul li {
            height: 60px;
            line-height: 60px;
            color: #7c7c7c;
            padding: 0 0 0 10px;
            border: none;
            position: relative
        }

            .widget.widget-wizard-pills .widget-head ul li.status {
                height: 45px;
                padding: 15px 15px 0
            }

                .widget.widget-wizard-pills .widget-head ul li.status span.r {
                    display: block;
                    line-height: 15px
                }

            .widget.widget-wizard-pills .widget-head ul li a {
                height: 58px;
                line-height: 60px;
                padding: 0;
                width: 58px;
                text-align: center;
                background: #e5e5e5;
                border: 1px solid #e5e5e5;
                color: #c8c8c8;
                font-size: 16pt;
                -webkit-border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px;
                border-radius: 5px 5px 5px 5px;
                position: relative;
                z-index: 2
            }

            .widget.widget-wizard-pills .widget-head ul li.active {
                height: 60px;
                background: none
            }

                .widget.widget-wizard-pills .widget-head ul li.active a {
                    width: 60px;
                    height: 60px;
                    background: #fff
                }

            .widget.widget-wizard-pills .widget-head ul li.primary a {
                width: 60px;
                height: 60px;
                background: #496cad;
                border: none;
                color: #fff
            }

            .widget.widget-wizard-pills .widget-head ul li:not(:first-child):before {
                position: absolute;
                background: #e5e5e5;
                height: 1px;
                left: 0;
                right: 0;
                top: 29px;
                display: block;
                content: "";
                z-index: 1
            }

            .widget.widget-wizard-pills .widget-head ul li.no-padding {
                padding: 0
            }

@media(max-width:991px) {
    .widget.widget-wizard-pills .widget-head ul li, .widget.widget-wizard-pills .widget-head ul li.active {
        padding: 10px;
        height: auto
    }

        .widget.widget-wizard-pills .widget-head ul li a, .widget.widget-wizard-pills .widget-head ul li.active a {
            width: auto
        }

        .widget.widget-wizard-pills .widget-head ul li:before, .widget.widget-wizard-pills .widget-head ul li.active:before {
            display: none !important
        }

        .widget.widget-wizard-pills .widget-head ul li.active a {
            background: #496cad;
            color: #fff
        }

        .widget.widget-wizard-pills .widget-head ul li.status {
            padding: 15px;
            height: auto
        }
}

.widget.widget-tabs-2 {
    border-bottom: 1px solid #e5e5e5
}

    .widget.widget-tabs-2.border-bottom-none {
        border-bottom: none
    }

    .widget.widget-tabs-2 > .widget-head {
        background: #fff;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 10px
    }

        .widget.widget-tabs-2 > .widget-head ul {
            border-color: #e5e5e5
        }

            .widget.widget-tabs-2 > .widget-head ul li {
                border: none
            }

                .widget.widget-tabs-2 > .widget-head ul li.active {
                    background-color: #f7f7f7
                }

                .widget.widget-tabs-2 > .widget-head ul li a {
                    border: 1px solid #ddd;
                    border-bottom: none;
                    border-right: none;
                    color: #222;
                    text-transform: uppercase
                }

                .widget.widget-tabs-2 > .widget-head ul li:first-child a {
                    -webkit-border-radius: 0 0 0 0;
                    -moz-border-radius: 0;
                    border-radius: 0 0 0 0
                }

    .widget.widget-tabs-2 > .widget-body {
        background: #fff;
        border: none;
        padding: 15px
    }

.widget.tabs-right .widget-head ul {
    float: right
}

.widget.widget-tabs-icons-only-2 > .widget-head ul li a.glyphicons {
    width: 38px;
    padding: 0
}

    .widget.widget-tabs-icons-only-2 > .widget-head ul li a.glyphicons i {
        width: 38px;
        display: block;
        line-height: 40px
    }

        .widget.widget-tabs-icons-only-2 > .widget-head ul li a.glyphicons i:before {
            width: 38px;
            text-align: center;
            left: auto;
            top: auto;
            position: relative;
            display: block;
            line-height: 40px;
            color: #cbcbcb
        }

.widget.widget-tabs-icons-only-2 > .widget-head ul li.active a.glyphicons i:before {
    color: #505050
}

.widget.widget-tabs-icons-only .widget-body {
    padding: 0
}

    .widget.widget-tabs-icons-only .widget-body p:last-child {
        margin: 0
    }

.widget.widget-tabs-icons-only .widget-head {
    padding: 0 0 10px
}

    .widget.widget-tabs-icons-only .widget-head ul {
        display: block;
        overflow: hidden;
        position: relative;
        list-style: none;
        margin: 0;
        height: 30px;
        line-height: 30px;
        padding: 0
    }

        .widget.widget-tabs-icons-only .widget-head ul li {
            color: #dadada;
            float: left;
            display: block;
            padding: 0 10px 0 0;
            font-size: 8pt;
            line-height: 30px
        }

            .widget.widget-tabs-icons-only .widget-head ul li.glyphicons {
                width: 36px;
                height: 30px;
                padding: 0 3px;
                text-align: center;
                cursor: pointer
            }

                .widget.widget-tabs-icons-only .widget-head ul li.glyphicons i {
                    background: #e5e5e5;
                    display: block;
                    -webkit-border-radius: 2px 2px 2px 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px 2px 2px 2px;
                    height: 30px;
                    position: relative
                }

                    .widget.widget-tabs-icons-only .widget-head ul li.glyphicons i:before {
                        position: relative;
                        top: 0;
                        left: 0;
                        color: #64625f;
                        font-size: 17px;
                        line-height: 30px
                    }

                .widget.widget-tabs-icons-only .widget-head ul li.glyphicons:hover i {
                    background: #dedede
                }

                .widget.widget-tabs-icons-only .widget-head ul li.glyphicons.active i {
                    background: #64625f
                }

                    .widget.widget-tabs-icons-only .widget-head ul li.glyphicons.active i:before {
                        color: #fff
                    }

                .widget.widget-tabs-icons-only .widget-head ul li.glyphicons:last-child {
                    padding: 0
                }

@media(max-width:991px) {
    .widget.widget-tabs-icons-only > .widget-head {
        height: auto
    }

        .widget.widget-tabs-icons-only > .widget-head ul {
            height: auto;
            float: left !important
        }
}

.tabsbar {
    height: 62px;
    border: 1px solid #e5e5e5;
    position: relative;
    overflow: hidden;
    margin: 0 0 15px
}

    .tabsbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 60px
    }

        .tabsbar ul li {
            float: left;
            display: block;
            height: 60px;
            border-right: 1px solid #e5e5e5;
            background: #fdfdfd;
            padding: 3px
        }

            .tabsbar ul li a {
                display: block;
                height: 54px;
                line-height: 54px;
                background: #fdfdfd;
                padding: 0 15px;
                color: #7c7c7c;
                text-decoration: none
            }

                .tabsbar ul li a i {
                    display: inline-block;
                    float: left;
                    width: 39px;
                    height: 54px
                }

                    .tabsbar ul li a i:before {
                        color: #7c7c7c;
                        position: relative;
                        top: auto;
                        left: auto;
                        line-height: 54px;
                        text-align: center
                    }

            .tabsbar ul li.active a {
                background: #496cad;
                color: #fff
            }

                .tabsbar ul li.active a i:before {
                    color: #fff
                }

    .tabsbar.tabsbar-2 {
        height: 39px
    }

        .tabsbar.tabsbar-2 ul {
            height: 39px
        }

            .tabsbar.tabsbar-2 ul li {
                height: 39px;
                padding: 0;
                background: none;
                border: none
            }

                .tabsbar.tabsbar-2 ul li a {
                    height: 39px;
                    line-height: 39px;
                    background: none
                }

                    .tabsbar.tabsbar-2 ul li a i {
                        height: 39px;
                        width: 33px
                    }

                        .tabsbar.tabsbar-2 ul li a i:before {
                            line-height: 39px;
                            font-size: 20px
                        }

                .tabsbar.tabsbar-2 ul li.active {
                    background: #496cad
                }

                    .tabsbar.tabsbar-2 ul li.active a {
                        color: #fff
                    }

                        .tabsbar.tabsbar-2 ul li.active a i:before {
                            color: #fff
                        }

                .tabsbar.tabsbar-2 ul li:not(.active):hover a {
                    color: #496cad
                }

                    .tabsbar.tabsbar-2 ul li:not(.active):hover a i:before {
                        color: #496cad
                    }

        .tabsbar.tabsbar-2.active-fill ul li.active a {
            background: #496cad;
            color: #fff
        }

            .tabsbar.tabsbar-2.active-fill ul li.active a i:before {
                color: #fff
            }

@media(max-width:991px) {
    .tabsbar, .tabsbar.tabsbar-2 {
        height: auto
    }

        .tabsbar ul, .tabsbar.tabsbar-2 ul {
            height: auto
        }

            .tabsbar ul li, .tabsbar.tabsbar-2 ul li {
                display: block;
                float: none;
                border-right: none;
                border-bottom: 1px solid #e5e5e5
            }

                .tabsbar ul li:last-of-type, .tabsbar.tabsbar-2 ul li:last-of-type {
                    border-bottom: none
                }

                .tabsbar ul li:after, .tabsbar.tabsbar-2 ul li:after {
                    display: none
                }
}

.nav-tabs > li > a:hover, .nav-pills > li > a, .nav-pills > li > a:hover {
    background: #496cad;
    border-bottom-color: #496cad;
    color: #fff
}

.nav-tabs {
    border-bottom-color: #496cad
}

    .nav-tabs > li > a {
        padding: 6px 8px
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
        background: #496cad;
        border-top-color: #496cad;
        border-left-color: #496cad;
        border-right-color: #496cad;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
        box-shadow: inset 1px 1px 1px rgba(255,255,255,.2),inset -1px -1px 1px rgba(0,0,0,.2);
        -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,.2),inset -1px -1px 1px rgba(0,0,0,.2);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.2),inset -1px -1px 1px rgba(0,0,0,.2)
    }

.nav-pills a {
    cursor: pointer
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background: #496cad;
    color: #fff
}

.nav-pills .glyphicons {
    padding-left: 25px
}

    .nav-pills .glyphicons i:before {
        position: relative;
        font-size: 14px;
        left: -10px;
        top: 2px;
        color: #f5eadb;
        font-weight: 400;
        text-shadow: none
    }

.tab-content {
    overflow: visible;
    padding: 0
}

.modal .widget.widget-tabs {
    border: none;
    margin-bottom: 0
}

.widget-chat {
    padding-bottom: 54px !important
}

    .widget-chat .media {
        position: relative;
        min-height: 115px;
        margin: 0
    }

        .widget-chat .media .media-object {
            position: relative
        }

        .widget-chat .media .thumb {
            padding: 0
        }

        .widget-chat .media small {
            color: #ccc
        }

            .widget-chat .media small:before, .widget-chat .media small:after {
                content: ""
            }

            .widget-chat .media small.author {
                position: absolute;
                left: 15px;
                width: 75px;
                top: 80px;
                text-align: center;
                display: block
            }

            .widget-chat .media small.date {
                display: block;
                margin: 0;
                padding: 0;
                text-align: right;
                width: 100%
            }

        .widget-chat .media.right small.author {
            left: auto;
            right: 15px
        }

        .widget-chat .media.right small.date {
            text-align: left
        }

        .widget-chat .media .media-body {
            -webkit-border-radius: 2px 2px 2px 2px;
            -moz-border-radius: 2px;
            border-radius: 2px 2px 2px 2px;
            padding: 0
        }

            .widget-chat .media .media-body blockquote {
                padding: 0;
                font-size: 13px;
                width: 100%
            }

                .widget-chat .media .media-body blockquote p:last-child {
                    margin: 0
                }

    .widget-chat .chat-controls {
        position: absolute;
        height: 54px;
        padding: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

        .widget-chat .chat-controls input {
            border: none
        }

.datepicker.datepicker-inline {
    width: 100%;
    padding: 0;
    margin: 0 0 15px
}

.datepicker table {
    width: 100%
}

    .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
        background-image: none !important;
        filter: none !important;
        background: #496cad !important
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        background-image: none !important;
        filter: none !important;
        background: #496cad !important
    }

.datepicker td, .datepicker th {
    width: 35px;
    height: 30px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

.datepicker thead th.dow {
    background: #496cad;
    color: #fff;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

.widget .datepicker.datepicker-inline {
    margin: 0
}

.box-generic {
    border: 1px solid #e5e5e5;
    padding: 15px;
    position: relative;
    background: #fff;
    margin: 0 0 15px
}

    .box-generic.box-generic-gray {
        background: #f4f4f4
    }

.progress {
    background: #f0f0f0;
    margin: 0 0 10px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0
}

    .progress.progress-small {
        height: 16px
    }

        .progress.progress-small .progress-bar {
            font-size: 8px;
            line-height: 16px
        }

            .progress.progress-small .progress-bar.right {
                text-indent: 2px
            }

        .progress.progress-small.count-outside .count {
            height: 16px;
            line-height: 16px
        }

        .progress.progress-small.add-outside .add {
            height: 16px;
            line-height: 16px
        }

    .progress.progress-mini {
        height: 10px
    }

        .progress.progress-mini.count-outside .count {
            height: 10px;
            line-height: 10px
        }

        .progress.progress-mini.add-outside .add {
            height: 10px;
            line-height: 10px
        }

    .progress.add-outside {
        margin-right: 45px
    }

        .progress.add-outside .add {
            position: absolute;
            width: 40px;
            right: -45px;
            top: 0;
            text-align: left;
            padding-left: 5px
        }

    .progress.count-outside {
        margin-left: 40px;
        position: relative;
        overflow: visible
    }

        .progress.count-outside .count {
            position: absolute;
            width: 40px;
            left: -40px;
            top: 0;
            text-align: left
        }

        .progress.count-outside:after {
            display: block;
            content: "";
            border: 5px solid transparent;
            border-right-color: #7a7a7a;
            position: absolute;
            left: -10px;
            top: 50%;
            margin-top: -5px
        }

    .progress.count-outside-primary {
        margin-left: 40px;
        position: relative;
        overflow: visible
    }

        .progress.count-outside-primary .count {
            position: absolute;
            width: 40px;
            left: -40px;
            top: 0;
            text-align: left
        }

        .progress.count-outside-primary:after {
            display: block;
            content: "";
            border: 5px solid transparent;
            border-right-color: #496cad;
            position: absolute;
            left: -10px;
            top: 50%;
            margin-top: -5px
        }

    .progress.white {
        background: #fff
    }

    .progress .progress-bar {
        text-align: center;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0;
        border-radius: 0 0 0 0;
        background: #d8d8d8
    }

        .progress .progress-bar.progress-bar-info {
            background: #466baf
        }

        .progress .progress-bar.progress-bar-success {
            background: #72af46
        }

        .progress .progress-bar.progress-bar-warning {
            background: #ab7a4b
        }

        .progress .progress-bar.progress-bar-primary {
            background: #496cad
        }

        .progress .progress-bar.progress-bar-danger {
            background: #bd362f
        }

        .progress .progress-bar.progress-bar-inverse {
            background: #424242
        }

body {
    padding-top: 47px
}

.navbar.main {
    min-height: 47px;
    height: 47px;
    margin: 0
}

    .navbar.main .navbar-brand {
        padding: 0;
        margin: 0;
        z-index: 1;
        position: relative
    }

        .navbar.main .navbar-brand .btn {
            height: 47px;
            line-height: 47px;
            padding: 0 13px;
            font-size: 13px
        }

            .navbar.main .navbar-brand .btn i {
                font-size: 20px;
                vertical-align: middle
            }

        .navbar.main .navbar-brand .colors {
            list-style: none;
            margin-top: 10px;
            margin-right: 10px;
            line-height: 47px
        }

@media(max-width:767px) {
    .navbar.main .navbar-brand .colors {
        display: none
    }
}

.navbar.main .navbar-brand .colors > li {
    padding: 5px 2px;
    float: left
}

    .navbar.main .navbar-brand .colors > li > a {
        display: block;
        width: 18px;
        height: 18px;
        background: #496cad;
        -webkit-box-shadow: 0 0 0 1px #324a77 inset;
        -moz-box-shadow: 0 0 0 1px #324a77 inset;
        box-shadow: 0 0 0 1px #324a77 inset
    }

    .navbar.main .navbar-brand .colors > li.active > a {
        border: 1px solid #fff;
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        -moz-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset
    }

    .navbar.main .navbar-brand .colors > li.dropdown > a {
        background: none
    }

        .navbar.main .navbar-brand .colors > li.dropdown > a .color {
            width: 9px;
            height: 9px;
            display: inline-block;
            float: left
        }

            .navbar.main .navbar-brand .colors > li.dropdown > a .color.primary {
                background: #496cad
            }

            .navbar.main .navbar-brand .colors > li.dropdown > a .color.info {
                background: #466baf
            }

            .navbar.main .navbar-brand .colors > li.dropdown > a .color.inverse {
                background: #424242
            }

            .navbar.main .navbar-brand .colors > li.dropdown > a .color.success {
                background: #72af46
            }

            .navbar.main .navbar-brand .colors > li.dropdown > a .color.danger {
                background: #bd362f
            }

    .navbar.main .navbar-brand .colors > li.dropdown .dropdown-menu {
        border-color: #dedede;
        margin: 1px 0 0;
        width: 273px;
        padding: 10px
    }

        .navbar.main .navbar-brand .colors > li.dropdown .dropdown-menu li {
            width: 150px;
            float: left;
            border: none
        }

            .navbar.main .navbar-brand .colors > li.dropdown .dropdown-menu li a {
                padding: 3px 3px 3px 5px;
                font-size: 13px
            }

        .navbar.main .navbar-brand .colors > li.dropdown .dropdown-menu .color {
            display: inline-block;
            margin-right: 5px;
            margin-top: 3px;
            vertical-align: text-top;
            width: 10px;
            height: 10px
        }

            .navbar.main .navbar-brand .colors > li.dropdown .dropdown-menu .color.primary {
                background: #496cad
            }

.navbar.main .appbrand {
    line-height: 47px;
    text-transform: uppercase;
    text-decoration: none;
    color: #838383
}

.navbar.main .toggle-button {
    display: block;
    height: 47px;
    padding: 0;
    text-align: center;
    width: 60px
}

    .navbar.main .toggle-button > i {
        font-size: 22px;
        color: #e5e5e5;
        vertical-align: middle;
        line-height: 47px
    }

    .navbar.main .toggle-button:hover i {
        color: #ccc
    }

.navbar.main .user {
    font-size: 14px !important
}

.navbar.main .navbar-right {
    height: 47px
}

    .navbar.main .navbar-right:last-child {
        margin-right: 0
    }

.navbar.main .dropdown-menu {
    border-color: #e5e5e5
}

    .navbar.main .dropdown-menu li {
        border-bottom: 1px solid #e5e5e5
    }

        .navbar.main .dropdown-menu li.headline {
            color: #ccc
        }

        .navbar.main .dropdown-menu li:hover {
            background: #f7f7f7
        }

    .navbar.main .dropdown-menu.list li a {
        color: #686868
    }

        .navbar.main .dropdown-menu.list li a i {
            color: #efefef
        }

        .navbar.main .dropdown-menu.list li a:hover {
            background: none
        }

            .navbar.main .dropdown-menu.list li a:hover i {
                color: #686868
            }

        .navbar.main .dropdown-menu.list li a.clean {
            padding: 3px
        }

    .navbar.main .dropdown-menu.inbox {
        width: 300px
    }

        .navbar.main .dropdown-menu.inbox input {
            background-color: #f7f7f7
        }

        .navbar.main .dropdown-menu.inbox .media {
            padding: 10px
        }

            .navbar.main .dropdown-menu.inbox .media .media-body a {
                padding: 0
            }

                .navbar.main .dropdown-menu.inbox .media .media-body a i {
                    font-size: 8px;
                    padding-right: 3px;
                    vertical-align: middle;
                    color: #72af46
                }

                .navbar.main .dropdown-menu.inbox .media .media-body a span {
                    color: #ccc;
                    font-size: 12px
                }

                    .navbar.main .dropdown-menu.inbox .media .media-body a span.time-email {
                        padding-top: 3px
                    }

    .navbar.main .dropdown-menu.user-alerts li a i {
        color: #cecece
    }

    .navbar.main .dropdown-menu.user-alerts li a:hover i {
        color: #686868
    }

    .navbar.main .dropdown-menu.dropbox {
        width: 260px
    }

        .navbar.main .dropdown-menu.dropbox .headline {
            color: #424242;
            background-color: #f7f7f7;
            font-size: 14px
        }

            .navbar.main .dropdown-menu.dropbox .headline .col-md-6:first-of-type {
                border-right: 1px solid #e5e5e5
            }

            .navbar.main .dropdown-menu.dropbox .headline a {
                color: #496cad;
                font-size: 13px
            }

                .navbar.main .dropdown-menu.dropbox .headline a i {
                    font-size: 13px;
                    color: #ccc
                }

                .navbar.main .dropdown-menu.dropbox .headline a:hover i {
                    color: #424242
                }

        .navbar.main .dropdown-menu.dropbox .info {
            padding: 3px 8px;
            font-size: 12px;
            line-height: 24px;
            color: #ccc
        }

        .navbar.main .dropdown-menu.dropbox .media-body {
            height: 40px;
            margin-top: 10px
        }

            .navbar.main .dropdown-menu.dropbox .media-body a {
                cursor: pointer
            }

            .navbar.main .dropdown-menu.dropbox .media-body em {
                color: #ccc
            }

.navbar.main .navbar-form {
    padding: 0;
    margin: 0
}

    .navbar.main .navbar-form .input-group {
        width: 1px
    }

    .navbar.main .navbar-form .dropdown {
        display: inline-block;
        height: 47px;
        padding: 10px;
        padding: 0 8px;
        line-height: 47px;
        font-size: 13px
    }

    .navbar.main .navbar-form input {
        height: 47px;
        border: none;
        background: none;
        width: 300px
    }

@media(min-width:768px) and (max-width:991px) {
    .navbar.main .navbar-form input {
        width: 100px
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .navbar.main .navbar-form input {
        width: 170px
    }
}

.navbar.main .navbar-form .btn-inverse {
    height: 47px;
    font-size: 20px;
    margin: 0
}

.navbar.main .nav > li {
    margin: 0;
    height: 47px
}

    .navbar.main .nav > li > a {
        height: 47px;
        line-height: 47px;
        font-size: 13px;
        padding: 0 13px;
        color: #fff
    }

        .navbar.main .nav > li > a .badge {
            float: right;
            top: 8px;
            position: relative;
            font-size: 11px;
            -webkit-border-radius: 50% 50% 50% 50%;
            -moz-border-radius: 50%;
            border-radius: 50% 50% 50% 50%;
            width: 18px;
            height: 18px;
            line-height: 18px;
            padding: 0
        }

        .navbar.main .nav > li > a .badge-icon {
            font-size: 10px
        }

        .navbar.main .nav > li > a .img-circle {
            padding: 2px
        }

        .navbar.main .nav > li > a:hover .img-circle {
            padding: 0;
            border: 2px solid #fff
        }

    .navbar.main .nav > li.lang {
        padding: 0 10px;
        line-height: 45px
    }

    .navbar.main .nav > li.notification > a {
        padding: 0 5px
    }

        .navbar.main .nav > li.notification > a > .badge {
            margin-left: -8px
        }

    .navbar.main .nav > li a.menu-icon {
        height: 47px;
        padding: 0 13px
    }

        .navbar.main .nav > li a.menu-icon > i {
            font-size: 22px;
            vertical-align: middle;
            line-height: 47px
        }

    .navbar.main .nav > li .list i {
        line-height: 24px !important
    }

@media(max-width:767px) {
    .navbar.main {
        height: auto
    }

        .navbar.main .navbar-nav {
            margin: 0
        }

        .navbar.main .navbar-collapse {
            padding: 0
        }

        .navbar.main .navbar-form input {
            width: 100%
        }

        .navbar.main .navbar-form .input-group {
            width: auto
        }

        .navbar.main .nav > li .dropdown-menu {
            float: none !important;
            width: 100% !important;
            padding-top: 47px !important
        }

            .navbar.main .nav > li .dropdown-menu li {
                background-color: #fff !important
            }

        .navbar.main .navbar-nav > .open, .navbar.main .navbar-nav > .open > a {
            background: none
        }

        .navbar.main .dropdown .dropdown-toggle {
            float: right
        }
}

@media(min-width:768px) {
    .dropdown .dropdown-toggle.user .hidden-xs, .dropdown .dropdown-toggle.user .hidden-sm {
        display: inline !important
    }

    .dropdown .dropdown-toggle.user .caret {
        top: 21px;
        right: 9px
    }
}

.navbar.main.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea
}

    .navbar.main.navbar-default .dropdown-toggle {
        color: #585858
    }

        .navbar.main.navbar-default .dropdown-toggle:hover {
            color: #585858;
            text-decoration: none
        }

    .navbar.main.navbar-default .navbar-form input {
        background-color: #ededed
    }

    .navbar.main.navbar-default .nav > li {
        border-left: 1px solid #e5e5e5
    }

        .navbar.main.navbar-default .nav > li > a {
            color: #585858
        }

        .navbar.main.navbar-default .nav > li.lang {
            background-color: #e5e5e5
        }

        .navbar.main.navbar-default .nav > li a.menu-icon > i {
            color: #e5e5e5
        }

        .navbar.main.navbar-default .nav > li a.menu-icon:hover i {
            color: #fff
        }

.navbar.main.navbar-primary {
    border-bottom-color: #354f7e;
    background-color: #496cad;
    color: #fff
}

    .navbar.main.navbar-primary .appbrand {
        color: #fff
    }

    .navbar.main.navbar-primary .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

    .navbar.main.navbar-primary .dropdown-toggle {
        color: #e0e6f2 !important
    }

        .navbar.main.navbar-primary .dropdown-toggle:hover {
            color: #fff;
            text-decoration: none
        }

            .navbar.main.navbar-primary .dropdown-toggle:hover .caret {
                border-top-color: #fff;
                border-bottom-color: #fff
            }

    .navbar.main.navbar-primary a.menu-icon > i {
        color: #fff
    }

    .navbar.main.navbar-primary .navbar-brand {
        border-right: 1px solid #354f7e
    }

        .navbar.main.navbar-primary .navbar-brand .btn.text-regular {
            color: #e0e6f2 !important
        }

    .navbar.main.navbar-primary .toggle-button > i {
        color: #7490c4
    }

    .navbar.main.navbar-primary .toggle-button:hover i {
        color: #fff
    }

    .navbar.main.navbar-primary .navbar-form input {
        background-color: #354f7e;
        color: #fff
    }

    .navbar.main.navbar-primary .navbar-form::-webkit-input-placeholder {
        color: #6988c0
    }

    .navbar.main.navbar-primary .navbar-form:-moz-placeholder {
        color: #6988c0
    }

    .navbar.main.navbar-primary .navbar-form::-moz-placeholder {
        color: #6988c0
    }

    .navbar.main.navbar-primary .navbar-form:-ms-input-placeholder {
        color: #6988c0
    }

    .navbar.main.navbar-primary .navbar-form .btn {
        border: none;
        border-left: 1px solid #354f7e;
        color: #fff;
        border-right: 1px solid #496cad;
        background: #354f7e
    }

        .navbar.main.navbar-primary .navbar-form .btn:hover {
            color: #f9fafc
        }

    .navbar.main.navbar-primary .nav .open > a {
        background-color: #354f7e
    }

    .navbar.main.navbar-primary .nav > li > a:focus {
        background: none
    }

    .navbar.main.navbar-primary .nav > li {
        border-left-color: #354f7e
    }

        .navbar.main.navbar-primary .nav > li > a:hover {
            background-color: #354f7e
        }

        .navbar.main.navbar-primary .nav > li:hover .personAllInfo {
            display: block;
            background-color: #496cad
        }

.personAllInfo {
    background-color: #496cad;
    display: none;
    list-style: outside none none;
    position: fixed;
    padding: 10px 30px
}

.navbar.main.navbar-primary .nav > li > a .badge.badge-primary {
    background-color: #fff;
    color: #496cad
}

.navbar.main.navbar-primary .nav > li.lang {
    background-color: #354f7e
}

.navbar.main.navbar-inverse {
    background-color: #373737;
    border-bottom-color: #2c2c2c
}

    .navbar.main.navbar-inverse .dropdown-toggle {
        color: #e1e1e1
    }

        .navbar.main.navbar-inverse .dropdown-toggle:hover {
            color: #fff
        }

    .navbar.main.navbar-inverse a.menu-icon > i {
        color: #838383
    }

    .navbar.main.navbar-inverse .navbar-brand {
        border-right: 1px solid #2c2c2c
    }

        .navbar.main.navbar-inverse .navbar-brand .btn.text-regular {
            color: #838383 !important
        }

    .navbar.main.navbar-inverse .toggle-button > i {
        color: #838383
    }

    .navbar.main.navbar-inverse .toggle-button:hover i {
        color: #fff
    }

    .navbar.main.navbar-inverse .navbar-form input {
        background-color: #2c2c2c
    }

    .navbar.main.navbar-inverse .navbar-form::-webkit-input-placeholder {
        color: #4d4d4d
    }

    .navbar.main.navbar-inverse .navbar-form:-moz-placeholder {
        color: #4d4d4d
    }

    .navbar.main.navbar-inverse .navbar-form::-moz-placeholder {
        color: #4d4d4d
    }

    .navbar.main.navbar-inverse .navbar-form:-ms-input-placeholder {
        color: #4d4d4d
    }

    .navbar.main.navbar-inverse .navbar-form .btn {
        border-left: 1px solid #2c2c2c;
        color: #838383
    }

    .navbar.main.navbar-inverse .nav > li {
        border-left: 1px solid #2c2c2c
    }

        .navbar.main.navbar-inverse .nav > li > a:hover {
            background-color: #2c2c2c
        }

        .navbar.main.navbar-inverse .nav > li.lang {
            background-color: #2c2c2c
        }

.sidebar {
    width: 274px;
    position: fixed;
    right: 0;
    top: 47px;
    bottom: 0;
    z-index: 1000
}

    .sidebar .user-profile {
        position: relative
    }

        .sidebar .user-profile > a {
            position: relative
        }

        .sidebar .user-profile .media-body {
            padding: 5px 0 0
        }

            .sidebar .user-profile .media-body p {
                font-size: 12px
            }

        .sidebar .user-profile .badge {
            position: absolute;
            top: -2px;
            right: -2px;
            font-size: 10px;
            -webkit-border-radius: 50% 50% 50% 50%;
            -moz-border-radius: 50%;
            border-radius: 50% 50% 50% 50%;
            padding: 4px 6px
        }

        .sidebar .user-profile ul {
            list-style: none;
            padding: 0;
            width: 24px;
            position: absolute;
            top: 9px;
            right: 9px
        }

            .sidebar .user-profile ul li:last-of-type {
                border: none
            }

            .sidebar .user-profile ul li a {
                display: block;
                height: 20px;
                line-height: 20px;
                text-align: center;
                padding: 0;
                font-size: 12px
            }

    .sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .sidebar > .sidebarMenuWrapper {
        overflow-y: scroll;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 273px
    }

        .sidebar > .sidebarMenuWrapper > ul li a {
            display: block;
            font-size: 12px;
            line-height: 40px;
            padding-right: 14px;
            text-decoration: none
        }

            .sidebar > .sidebarMenuWrapper > ul li a i {
                display: inline-block;
                font-size: 1.3em;
                margin-left: 12px;
                text-align: center;
                vertical-align: middle;
                width: 35px
            }

            .sidebar > .sidebarMenuWrapper > ul li a > .badge {
                margin-top: 9px;
                margin-right: 11px
            }

                .sidebar > .sidebarMenuWrapper > ul li a > .badge i {
                    margin: 0;
                    width: auto
                }

        .sidebar > .sidebarMenuWrapper > ul li.active, .sidebar > .sidebarMenuWrapper > ul li.open {
            position: relative
        }

        .sidebar > .sidebarMenuWrapper > ul li:last-of-type {
            border: none
        }

        .sidebar > .sidebarMenuWrapper ul li > a[data-toggle="collapse"] {
            position: relative
        }

            .sidebar > .sidebarMenuWrapper ul li > a[data-toggle="collapse"]:after {
                display: inline-block;
                font-family: fontawesome;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                content: "";
                font-size: 12px;
                position: absolute;
                left: 15px;
                top: 15px
            }

        .sidebar > .sidebarMenuWrapper ul li.active.hasSubmenu {
            height: auto
        }

            .sidebar > .sidebarMenuWrapper ul li.active.hasSubmenu > a[data-toggle="collapse"]:after {
                content: "";
                top: 15px
            }

    .sidebar.sidebar-default {
        border-right: 1px solid #e5e5e5;
        background: #fff
    }

        .sidebar.sidebar-default .user-profile {
            border-bottom: 1px solid #e5e5e5
        }

            .sidebar.sidebar-default .user-profile .img-circle {
                border: 1px solid #b3b4b0
            }

            .sidebar.sidebar-default .user-profile .badge {
                border: 1px solid #fff
            }

            .sidebar.sidebar-default .user-profile ul {
                border: 1px solid #ededed
            }

                .sidebar.sidebar-default .user-profile ul li {
                    border-bottom: 1px solid #ededed
                }

                    .sidebar.sidebar-default .user-profile ul li a {
                        color: #e5e5e5
                    }

                    .sidebar.sidebar-default .user-profile ul li:hover a {
                        background: #f5f5f5;
                        color: #ccc
                    }

                    .sidebar.sidebar-default .user-profile ul li.active, .sidebar.sidebar-default .user-profile ul li.active:hover {
                        border-color: #496cad
                    }

                        .sidebar.sidebar-default .user-profile ul li.active a, .sidebar.sidebar-default .user-profile ul li.active:hover a {
                            color: #fff;
                            background: #496cad
                        }

        .sidebar.sidebar-default ul li > a[data-toggle="collapse"]:after {
            color: #797979
        }

        .sidebar.sidebar-default > .sidebarMenuWrapper > ul ul {
            border-top: 1px solid #efefef
        }

        .sidebar.sidebar-default > .sidebarMenuWrapper > ul li {
            border-bottom: 1px solid #efefef
        }

            .sidebar.sidebar-default > .sidebarMenuWrapper > ul li a {
                color: #000
            }

            .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active, .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active:hover > a {
                background-color: #496cad;
                color: #fff
            }

                .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active > a, .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.open > a {
                    color: #fff !important
                }

                .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu {
                    background-color: #efefef
                }

                    .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu > li i {
                        color: #797979 !important
                    }

                    .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active ul li.active a {
                        background-color: #496cad;
                        color: #fff
                    }

                    .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active ul li a {
                        background-color: #e2e2e2
                    }

                    .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active > a {
                        background: #fff
                    }

                        .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active > a i {
                            color: #797979
                        }

                    .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu ul li a {
                        color: #5a5a5a
                    }

                        .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu ul li a:hover {
                            color: #797979;
                            background: #fff
                        }

                    .sidebar.sidebar-default > .sidebarMenuWrapper > ul li.active.hasSubmenu > a[data-toggle="collapse"] {
                        background: #fff;
                        color: #797979 !important
                    }

            .sidebar.sidebar-default > .sidebarMenuWrapper > ul li:hover > a {
                background: #efefef
            }

                .sidebar.sidebar-default > .sidebarMenuWrapper > ul li:hover > a i {
                    color: #797979
                }

    .sidebar.sidebar-inverse {
        background: #4abad2;
        overflow: hidden;
        width: 60px
    }

        .sidebar.sidebar-inverse .user-profile {
            border-bottom: 1px solid #2c2c2c;
            padding: 0
        }

            .sidebar.sidebar-inverse .user-profile .img-circle {
                border: 1px solid #2c2c2c
            }

            .sidebar.sidebar-inverse .user-profile .badge {
                border: none
            }

            .sidebar.sidebar-inverse .user-profile a {
                color: #e1e1e1;
                margin: 0
            }

            .sidebar.sidebar-inverse .user-profile ul {
                border: 1px solid #2c2c2c
            }

                .sidebar.sidebar-inverse .user-profile ul li {
                    border-bottom: 1px solid #2c2c2c
                }

                    .sidebar.sidebar-inverse .user-profile ul li a {
                        color: #5a5a5a
                    }

                    .sidebar.sidebar-inverse .user-profile ul li:hover a {
                        background: #2c2c2c;
                        color: #ccc
                    }

                    .sidebar.sidebar-inverse .user-profile ul li.active, .sidebar.sidebar-inverse .user-profile ul li.active:hover {
                        border-color: #496cad
                    }

                        .sidebar.sidebar-inverse .user-profile ul li.active a, .sidebar.sidebar-inverse .user-profile ul li.active:hover a {
                            color: #fff;
                            background: #496cad
                        }

        .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul ul {
            border-top: 1px solid #2c2c2c
        }

        .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li {
            border-bottom: 1px solid #2c2c2c
        }

            .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li a {
                color: #fff;
                font-weight: 400
            }

            .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active, .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active:hover > a {
                background-color: #496cad;
                color: #fff
            }

                .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active > a, .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.open > a {
                    color: #fff !important
                }

                    .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active > a > i, .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.open > a > i {
                        color: #fff
                    }

                .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu {
                    background-color: #2c2c2c
                }

                    .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active ul li.active a {
                        background-color: #496cad
                    }

                    .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active ul li a {
                        background-color: #272727
                    }

                    .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu .hasSubmenu.active > a {
                        background: #373737;
                        color: #fff
                    }

                    .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu ul li a {
                        color: #5a5a5a
                    }

                        .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu ul li a:hover {
                            color: #fff;
                            background: #373737
                        }

                    .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active.hasSubmenu > a[data-toggle="collapse"] {
                        background: #373737
                    }

            .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li:hover > a {
                background: #2c2c2c
            }

                .sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li:hover > a i {
                    color: #fff
                }

@media(max-width:768px) {
    .sidebar {
        z-index: 9999
    }
}

@media(min-width:992px) {
    html.app .sidebar-mini .layout-app {
        left: 0
    }
}

#LoginForm .Loginpic {
    height: 459px;
    margin-left: 30px;
    overflow: hidden;
    width: 490px
}

#RegisterForm .Loginpic {
    height: 389px;
    margin-left: 30px;
    overflow: hidden;
    width: 490px
}

.form h2 {
    margin-bottom: 20px
}

.form .subtitle {
    border-width: 0 0 1px;
    color: #434343;
    display: block;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%
}

input[type="reset"]:focus, input[type="submit"]:focus {
    border: 1px solid #4d4d4d
}

#wrapper_content_right {
    float: right;
    width: 640px
}

#wrapper_content_left {
    float: left;
    width: 310px
}

.block {
    background-color: #f8f8f8;
    border-right: 3px solid #73bbff;
    margin-bottom: 25px;
    padding-bottom: 0;
    padding-right: 12px;
    padding-top: 10px
}

tr:hover {
    background-color: #fffdcc !important
}

.tb, .tb.RadGrid {
    max-width: 100%;
    width: 100% !important;
    margin: 0 !important;
    background-color: #fff;
    border-collapse: collapse;
    border: 0 !important;
    font-size: 12px;
    text-align: center
}

    .tb th, .tb td, .tb.RadGrid th, .tb.RadGrid td {
        padding: .75rem;
        vertical-align: top;
        border: 0 !important
    }

    .tb thead th, .tb.RadGrid thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        -moz-border-bottom-colors: #dee2e6;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: -moz-use-text-color -moz-use-text-color #354f7e;
        border-image: none;
        font-size: 12px;
        text-align: center
    }

    .tb tbody th, .tb.RadGrid tbody th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        -moz-border-bottom-colors: #dee2e6;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: -moz-use-text-color -moz-use-text-color #354f7e;
        border-image: none;
        text-align: center;
        font-size: 12px
    }

    .tb tbody td, .tb.RadGrid tbody td {
        font-size: 12px
    }

    .tb tbody tr:nth-of-type(even) {
        background-color: rgba(0,0,0,.05) !important
    }

    .tb tbody tr:hover {
        background-color: rgba(0,0,0,.075) !important
    }

.PickerCSS {
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 2px
}

    .PickerCSS input, .PickerCSS select {
        width: inherit
    }

.PickerHeaderCSS {
    background-color: #d3d3d3;
    height: 30px
}

.PickerFooterCSS {
    background-color: #d3d3d3
}

.PickerWeekDayCSS {
    background-color: #d3d3d3;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    font-size: 8pt;
    text-align: center
}

.PickerCalendarCSS {
    background-color: #e8f4ff;
    border-color: #000;
    border-style: solid;
    border-width: 1px
}

.PickerWorkDayCSS {
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 1px
}

A.PickerWorkDayCSS {
    border: medium none;
    color: #000;
    display: block;
    text-decoration: none
}

.PickerForbidenCSS {
    background-color: #e8f4ff;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    color: #f00
}

.PickerSelectedCSS {
    background-color: #e4e8ff;
    border-color: #000;
    border-style: solid;
    border-width: 1px
}

A.PickerSelectedCSS {
    border: medium none;
    color: #06f;
    display: block;
    text-decoration: underline
}

.bg {
    background-color: #fff
}

.adminForm input {
    background-color: #fff
}

.siteTitle {
    background-color: #f05a49;
    color: #fff;
    height: 140px;
    text-align: center
}

    .siteTitle h1 {
        line-height: 123px;
        color: #fff
    }

        .siteTitle h1:hover {
            text-decoration: none
        }

.search-btn {
    float: none !important
}

.rbt-horizontal label {
    margin: 15px 3px 5px 4px
}

.rbtnLabel {
    margin-top: 15px
}

.date-day {
    width: 20px
}

.date-month {
    width: 20px
}

.date-year {
    width: 50px
}

.margin-right {
    margin-right: 20px
}

.titlebox {
    background-color: #afafaf;
    color: #fff;
    height: 40px;
    line-height: 35px;
    margin: 20px 0;
    text-align: center
}

.ltr {
    direction: ltr
}

.halfInput {
    width: 60px
}

.postalcode {
    width: 110px
}

.deathCause {
    width: 300px;
    max-width: 300px
}

.lblCause {
    color: #2261ff;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    width: 300px
}

input[disabled="disabled"] {
    background-color: #fcfcfc !important;
    border: 1px solid #f1f1f1 !important
}

.btn-cancel {
    background-color: #8c8c8c !important
}

.nofloat {
    float: none !important
}

.tb .highlight {
    background-color: #f1f1f1;
    cursor: pointer
}

.loadingitems {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 200px;
    left: 50%;
    line-height: 195px;
    margin: -100px 0 0 -100px;
    opacity: .95;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 200px
}

.serialcheck input {
    float: none;
    margin: 10px
}

.statics {
    margin-bottom: 74px;
    margin-left: 40px
}

.filters {
    background-color: #d6e124;
    border: 1px solid #ccc;
    color: #000;
    margin: 0 !important;
    padding: 10px;
    width: calc(100%)
}

.rep_Main {
    float: right;
    padding: 0 10px;
    width: calc(100% - 300px)
}

.datatable .repCells {
    font-size: 10px;
    height: 100px;
    overflow: hidden;
    text-align: center
}

.datatable td {
    border: 1px solid #ccc
}

.tb.datatable {
    width: 100%
}

.datatable .count {
    color: #cf0000;
    font-size: 15px
}

.datatable .text {
    color: #010056
}

.filters .item {
    float: right;
    margin-left: 10px
}

    .filters .item input[type="radio"] {
        margin: 7px 15px 0 8px
    }

.filters .date {
    width: 80px
}

.rowCount {
    background-color: #1bd5ff;
    color: #fff !important;
    font-size: 20px !important;
    text-align: center
}

.inputHour {
    direction: ltr;
    width: 80px
}

.inputDate {
    direction: ltr;
    width: 110px
}

input[disabled="disabled"], input[disabled], select[disabled="disabled"], select[disabled], textarea[disabled="disabled"], textarea[disabled] {
    background-color: #e1e1e1 !important;
    border: 1px solid #f1f1f1 !important
}

input[type="submit"][disabled="disabled"], input[type="submit"][disabled] {
    background-color: #9f9f9f !important;
    border: 1px solid #f1f1f1 !important
}

input[readonly="readonly"], input[readonly] {
    background-color: #fcfcfc !important;
    border: 1px solid #f1f1f1 !important
}

.duplicateList {
    background-color: #fafafa;
    border: 1px solid #ececec;
    margin: 5px 0;
    padding: 5px
}

    .duplicateList input {
        margin: 2px
    }

.text-error {
    color: #f00
}

.duplicateDetail {
    background-color: #daecff;
    border: 1px solid #84d4ff;
    margin: 8px;
    padding: 5px
}

.duplicateRow {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.duplicatesList {
    background-color: #fafafa;
    border: 1px solid #bebebe;
    border-radius: 5px;
    margin: 0;
    padding: 10px
}

.duplicateRow:nth-last-child(1) {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0
}

.btnList .btn {
    background-color: #35bc7a !important;
    border: 0 none #bebebe !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    margin: 0 0 20px 10px
}

.duplicateRow input {
    margin-left: 3px
}

.duplicateRow label {
    margin: 0
}

.actions {
    background-color: #ccc;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #4b4b4b;
    float: right;
    height: 40px;
    margin: -10px -10px -10px 5px;
    padding-left: 10px;
    padding-top: 10px
}

.properties {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content_box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 25px
}

.searchFields input.text2Column {
    direction: ltr;
    margin: 0 0 8px;
    padding: 0;
    text-align: center;
    width: calc(30% - 16px)
}

.searchFields input.text3Column {
    direction: ltr;
    margin: 0 0 8px;
    padding: 0;
    text-align: center;
    width: calc(20% - 8px)
}

.searchFields select, div.dd_chk_select {
    box-sizing: inherit;
    width: calc(92%)
}

.searchFields label {
    background-color: #fbfbfb;
    display: block;
    float: right;
    height: 34px;
    line-height: 32px;
    padding-right: 8px;
    vertical-align: middle;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchFields .dd_chk_drop span label {
    display: inherit;
    float: none;
    height: auto;
    line-height: normal;
    margin: auto
}

body.home .navbar {
    height: 110px;
    margin-bottom: 0;
    padding: 11px 0;
    background-color: #496cad;
    text-align: center
}

body.home #content {
    padding-bottom: 0;
    padding-top: 0
}

body.home h1 {
    color: #fff;
    float: right;
    font-size: 28px;
    padding-right: 30px;
    width: calc(100% - 200px)
}

.HeaderTitle > div {
    color: #fff;
    float: right;
    margin-right: 31px
}

.mainPic {
    background-repeat: repeat-x;
    text-align: center;
    background-image: url(/Images/MainPicNav.gif)
}

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

.home .navbar .btn {
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
    padding: 15px 150px
}

.spacer {
    height: 20px
}

.duplicatesList .modal label {
    background-color: #fbfbfb;
    border-right: 3px solid #adddff;
    display: block;
    float: right;
    height: 34px;
    line-height: 32px;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    margin: 10px 0;
    width: 40%
}

.duplicatesList .modal select {
    width: 50%;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.diagnosissource {
    background-color: #a3ffc0;
    border-radius: 10px;
    font-size: 11px;
    margin-left: 5px;
    padding: 2px 8px
}

.unitInfo {
    background-color: #afeeee;
    border-radius: 10px;
    font-size: 11px;
    margin-left: 5px;
    padding: 2px 8px
}

.searchFields .ui-autocomplete {
    background-color: #fff;
    left: 15px !important;
    right: auto !important
}

.searchFields input[type="checkbox"] {
    float: right;
    margin-right: 5px;
    margin-top: 12px;
    width: auto
}

.searchFields input[type="submit"] {
    width: calc(100% - 15px)
}

div.dd_chk_select {
    background-image: url(/Images/drpDown.jpg) !important;
    background-position: left center !important;
    padding: 6px !important;
    height: inherit !important
}

    div.dd_chk_select div#caption {
        height: inherit !important
    }

div.dd_chk_drop {
    left: 0 !important;
    right: -1px !important;
    top: 33px !important
}

div.dd_chk_select_cust {
    font-size: 13px !important
}

    div.dd_chk_select_cust div#caption {
        height: 17px !important;
        top: 0 !important;
        margin-right: 12px !important
    }

.dd_chk_drop span input {
    margin: 8px
}

.dd_chk_drop span label {
    border-bottom: 1px solid #f3f3f3;
    border-right: 0 none;
    color: #606060
}

div.dd_chk_drop_cust div#checks {
    border-style: Solid !important;
    border-width: 1px !important;
    border-color: #000 !important
}

div.dd_chk_select_cust:hover {
    background-image: url(/Styles/hoverButton.gif) !important;
    cursor: pointer
}

div.dd_chk_select #checks label {
    width: 80%;
    cursor: pointer
}

.text-block {
    display: block;
    padding-bottom: 5px
}

.form-horizontal input[type="submit"] {
    border-radius: 5px;
    margin-left: 5px;
    padding: 10px 20px;
    width: 100%
}

.form-horizontal h2 {
    font-size: 19px;
    margin: 0 0 25px
}

.memberAdd label {
    padding-left: 5px;
    text-align: left
}

.memberAdd .row {
    margin-bottom: 13px
}

#content .form-horizontal h3 {
    border-bottom: 1px solid;
    margin-bottom: 33px;
    padding-bottom: 5px;
    padding-right: 15px
}

#LoginForm input.btn {
    margin-right: 0
}

.controlLabelView {
    color: #0084e1;
    font-size: 17px;
    padding-right: 0 !important;
    padding-top: 9px !important
}

.control-label-view {
    margin: 4px 0 0
}

.healthCares > li {
    background-color: #cb4040;
    color: #fff;
    float: right;
    height: 122px;
    margin-left: 20px;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    width: 172px
}

.healthCares i {
    font-size: 40px;
    margin: 0 0 2px;
    max-height: 70px
}

.healthCares a {
    color: #fff
}

.navbar-nav.navbar-left {
    float: right
}

.chartParentInfo li {
    background-color: #eff0f4
}

.HeaderTitle {
    text-align: right
}

    .HeaderTitle > img {
        float: right;
        height: 83px;
        margin-right: 30px
    }

.home .navbar a {
    color: #fff;
    display: block;
    font-size: 15px;
    margin-top: 55px
}

    .home .navbar a:hover {
        text-decoration: none;
        color: #0ff
    }

.combo-panel.panel-body {
    overflow: auto;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background-color: #f5f5f5
}

.textbox-text.validatebox-text {
    cursor: pointer;
    width: 100% !important;
    background-color: #fefefe !important;
    border-color: #cdcdcd !important
}

.chartCities {
    padding: 20px
}

.form-group.no-margin {
    margin-left: 0;
    margin-right: 0
}

.no-margin-all {
    margin: 0 !important
}

.btn-group input {
    width: auto !important
}

.form-group .col-sm-0, .form-group .col-sm-1, .form-group .col-sm-2, .form-group .col-sm-3, .form-group .col-sm-4, .form-group .col-sm-5, .form-group .col-sm-6, .form-group .col-sm-7, .form-group .col-sm-8, .form-group .col-sm-9, .form-group .col-sm-10, .form-group .col-sm-11, .form-group .col-sm-12 {
    padding: 0
}

.no-padding {
    padding: 0 !important
}

select > option[disabled] {
    background-color: #eee;
    color: #ccc
}

g text, tspan {
    font-family: iranyekan,IRANSans,WYekan,Yekan,BYekan,wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif !important;
    font-weight: 400 !important
}

.servicesList {
    padding-right: 0;
    padding-top: 7px
}

    .servicesList li label {
        color: #e15258
    }

    .servicesList > li {
        color: #4c36ff;
        list-style: outside none none;
        margin-bottom: 8px
    }

.servicePrice {
    color: #e15258;
    margin-right: 14px
}

.widget.dbfixheight {
    height: 174px
}

.half-height {
    height: 50%
}

.summeryErrors {
    color: #f00;
    font-size: 16px;
    font-weight: 400
}

    .summeryErrors li {
        color: #2f2f2f;
        font-size: 14px;
        margin-right: 40px;
        margin-top: 5px
    }

.message_Attention {
    background-color: #fcf8e3;
    border: 1px solid;
    margin: 10px;
    padding: 10px;
    color: #8a6d3b
}

.message_Error {
    background-color: #f2dede;
    border: 1px solid;
    margin: 10px;
    padding: 10px;
    color: #a94442
}

.message_Success {
    background-color: #dff0d8;
    border: 1px solid;
    margin: 10px;
    padding: 10px;
    color: #3c763d
}

.message_Information {
    background-color: #d9edf7;
    color: #31708f;
    border: 1px solid;
    margin: 10px;
    padding: 10px
}

.progressLoading {
    background-color: #fff;
    background-image: url(/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.MaskDateTime, .MaskNumber1Or2, .MaskNumber1Or3, .MaskNumber2Or3, .MaskNumber1Or5, .MaskNumber1, .MaskNumber2, .MaskNumber3, .MaskNumber31, .MaskMobile, .MaskPostalCode, .MaskPhone, .MaskCurrency {
    direction: ltr;
    text-align: center
}

.captcha {
    text-align: center
}

.widget-population {
    background-color: #466baf;
    color: #fff;
    float: right;
    font-size: 25px;
    text-align: center;
    padding-top: 15px;
    height: 60px;
    width: 60px
}

.widget.widget-dataInfo {
    float: right;
    font-size: 16px;
    height: 60px;
    padding: 4px 20px 0 0;
    width: calc(100% - 60px)
}

.widgetDescription {
    color: #afafaf;
    font-size: 12px
}

.widget.widget-Careinfo {
    background-color: #466baf;
    color: #fff;
    float: right;
    height: 60px;
    width: 60px;
    font-size: 25px;
    text-align: center;
    padding-top: 14px
}

.widget-CareDelay, .widget-CareToday, .widget-CareFuture {
    color: #fff;
    float: right;
    font-size: 18px;
    height: 60px;
    padding-top: 14px;
    text-align: center;
    width: calc(33.33% - 20px)
}

.widget.widget-CareDelay {
    background-color: #cb4040
}

.widget.widget-CareToday {
    background-color: #30b59a
}

.widget.widget-CareFuture {
    background-color: #afafaf
}

.widget-dataFamily {
    float: right;
    font-size: 19px;
    height: 60px;
    padding: 4px 5px 0 0;
    width: 100%
}

.widget-familyActivity {
    background: #fff none repeat scroll 0 0;
    float: right;
    font-size: 16px;
    height: 50px;
    margin: 0 auto 15px;
    padding: 1px 10px 0 0;
    position: relative;
    width: calc(33% - 55px)
}

.widget-ActivityIcon {
    color: #30b59a;
    float: right;
    font-size: 35px;
    text-align: center;
    padding-top: 15px;
    height: 50px;
    width: 50px
}

.widget-ActivityIconWD {
    color: #d2a222;
    float: right;
    font-size: 35px;
    text-align: center;
    padding-top: 15px;
    height: 50px;
    width: 50px
}

.ManagerPanel > div > div {
    background-color: #466baf;
    border: 1px solid #fbfbfb;
    color: #fff;
    margin: 5px;
    padding: 1px;
    text-align: center;
    position: relative
}

    .ManagerPanel > div > div a {
        color: #fff;
        text-align: center;
        width: 100%;
        padding: 35px 0;
        display: block
    }

.ManagerPanel img {
    width: 100%
}

.ManagerPanel .hoverText {
    background: rgba(0,0,0,.8) none repeat scroll 0 0;
    bottom: 0;
    font-size: 18px;
    margin-top: auto;
    position: absolute;
    text-align: center;
    width: calc(100% - 2px)
}

.ManagerPanel .hoverAll {
    background: rgba(255,255,255,.75) none repeat scroll 0 0;
    bottom: 0;
    font-size: 18px;
    margin-top: auto;
    position: absolute;
    text-align: center;
    top: 1px;
    width: calc(100% - 2px)
}

.widget-green a {
    color: #fff
}

.navbar-header a {
    color: #fff
}

.disabled {
    background-color: #b5b5b5 !important
}

.panel-heading.SabaForm {
    background-color: #fee
}

.SabaForm .panel-title {
    color: #ff5c5c
}

.panel-heading.SabaForm {
    background-color: #fee
}

.SabaForm .panel-title {
    color: #ff5c5c
}

li.SabaForm {
    background-color: #ff5c5c
}

.panel-heading.SamaForm {
    background-color: #eef6ff
}

.SamaForm .panel-title {
    color: #218dff
}

li.SamaForm {
    background-color: #218dff
}

.panel-heading.TeenagerForm {
    background-color: #e8ddce
}

.TeenagerForm .panel-title {
    color: #aa8541
}

li.TeenagerForm {
    color: #aa8541
}

.panel-heading.TeenagerGirlForm {
    background-color: #e8ddce
}

.TeenagerGirlForm .panel-title {
    color: #aa8541
}

li.TeenagerGirlForm {
    color: #aa8541
}

.panel-heading.YoungForm {
    background-color: #e8ddce
}

.YoungForm .panel-title {
    color: #aa8541
}

li.YoungForm {
    color: #aa8541
}

.panel-heading.Child1Form {
    background-color: #eef6ff
}

.Child1Form .panel-title {
    color: #218dff
}

li.Child1Form {
    color: #218dff
}

.panel-heading.Child2Form {
    background-color: #eef6ff
}

.Child2Form .panel-title {
    color: #218dff
}

li.Child2Form {
    color: #218dff
}

.panel-heading.Child3Form {
    background-color: #eef6ff
}

.Child3Form .panel-title {
    color: #218dff
}

li.Child3Form {
    color: #218dff
}

.panel-heading.Child4Form {
    background-color: #eef6ff
}

.Child4Form .panel-title {
    color: #218dff
}

li.Child4Form {
    color: #218dff
}

.panel-heading.PrePregnancyCare {
    background-color: #fee
}

.PrePregnancyCare .panel-title {
    color: #ff5c5c
}

.panel-heading.PrePregnancyCare {
    background-color: #fee
}

.PrePregnancyCare .panel-title {
    color: #ff5c5c
}

li.PrePregnancyCare {
    background-color: #ff5c5c
}

.panel-heading.PregnancyForm {
    background-color: #fee
}

.PregnancyForm .panel-title {
    color: #ff5c5c
}

.panel-heading.PregnancyForm {
    background-color: #fee
}

.PregnancyForm .panel-title {
    color: #ff5c5c
}

li.PregnancyForm {
    background-color: #ff5c5c
}

.panel-heading.PostpartumCareForm {
    background-color: #fee
}

.PostpartumCareForm .panel-title {
    color: #ff5c5c
}

.panel-heading.PostpartumCareForm {
    background-color: #fee
}

.PostpartumCareForm .panel-title {
    color: #ff5c5c
}

li.PostpartumCareForm {
    background-color: #ff5c5c
}

.panel-heading.BrucellosisForm {
    background-color: #e8ddce
}

.BrucellosisForm .panel-title {
    color: #aa8541
}

.panel-heading.BrucellosisForm {
    background-color: #e8ddce
}

.BrucellosisForm .panel-title {
    color: #aa8541
}

li.BrucellosisForm {
    background-color: #aa8541
}

.popup_box {
    display: none;
    width: 200px;
    background: #fff;
    z-index: 100;
    margin-left: 15px;
    border: 1px solid #354f7e;
    font-size: 15px;
    -moz-box-shadow: 0 0 5px #354f7e;
    -webkit-box-shadow: 0 0 5px #354f7e;
    border-radius: 14px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

.popup_box_dentist {
    left: 10px !important;
    top: 20px !important;
    right: initial
}

#container {
    background: #d2d2d2;
    width: 100%;
    height: 100%;
    display: none
}

.history {
    position: relative;
    float: right;
    margin-left: 5px
}

a {
    cursor: pointer;
    text-decoration: none
}

.popupBoxClose {
    font-size: 12pt;
    line-height: 15px;
    right: 5px;
    top: 5px;
    position: absolute;
    color: #6fa5e2;
    font-weight: 500
}

.menu-icons {
    margin-left: 15px
}

    .menu-icons > li {
        float: right;
        font-size: 20px;
        list-style: outside none none;
        position: relative;
        text-align: center
    }

        .menu-icons > li > a {
            display: block;
            height: 46px;
            padding-top: 9px;
            width: 46px;
            color: #fff
        }

.usermenu {
    background-color: #496cad;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0
}

    .usermenu li {
        border-bottom: 1px solid #9f9f9f;
        height: 45px;
        line-height: 20px;
        list-style: outside none none;
        min-width: 150px
    }

    .usermenu a {
        color: #fff;
        display: block;
        padding: 10px;
        font-size: 14px
    }

.menu-icons li:hover .usermenu {
    display: block
}

.menu-icons li:hover {
    background-color: #354f7e
}

.topIcons .dropdown {
    float: right
}

.datetimeNow {
    float: left;
    margin-left: 0;
    margin-top: 10px;
    color: #fff
}

@media screen and (max-width:980px) {
    .datetimeNow {
        display: none
    }
}

.table th {
    border-top: 1px solid #a5a5a5 !important;
    text-align: center
}

#input-outer {
    height: 2em;
    width: 15em;
    border: 1px #e7e7e7 solid;
    border-radius: 20px
}

    #input-outer input {
        height: 2em;
        width: 80%;
        border: 0;
        outline: none;
        margin: 0 0 0 10px;
        border-radius: 20px;
        color: #666
    }

#clear {
    position: relative;
    float: right;
    height: 20px;
    width: 20px;
    top: 5px;
    right: 5px;
    border-radius: 20px;
    background: #f1f1f1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

    #clear:hover {
        background: #ccc
    }

.Dentist .dd_chk_select {
    height: 30px;
    margin: 0;
    padding: 3px;
    width: 30px
}

.Dentist-fa-history {
    left: 10px
}

.fas.fa-history.btnDetail.oralHealth {
    position: relative;
    top: 15px;
    margin: 0;
    padding: 0;
    right: -43px
}

.Dentist .dd_chk_select.success {
    background-color: #46ba5c !important
}

.Dentist li {
    height: 30px;
    list-style: outside none none;
    width: 35px
}

.Dentist.left li {
    float: right
}

.Dentist.Right li {
    float: left
}

.Dentist .dd_chk_drop {
    min-width: 340px
}

.Dentist ul li .dd_chk_select #caption {
    margin: 0;
    padding: 0;
    text-align: center
}

.Dentist .oralHealth.dd_chk_select #caption {
    margin: 0;
    padding: 0;
    text-align: center
}

.Dentist.left .oralHealth {
    float: right;
    margin: 0 2px
}

.Dentist.Right .oralHealth {
    float: left;
    margin: 0 2px
}

.CareTiles ul li {
    background-color: #ff6363;
    float: right;
    height: 120px;
    margin: 0 0 10px 10px;
    text-align: center;
    width: 120px;
    list-style: none
}

    .CareTiles ul li.hasSubmenu {
        background-color: #63aaff
    }

.CareTiles ul ul li {
    background-color: #ff9763
}

.CareTiles ul li a {
    color: #fff;
    display: block;
    height: 100%
}

    .CareTiles ul li a i {
        display: block;
        font-size: 50px;
        height: 62%;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .CareTiles ul li a span {
        display: block;
        font-size: 12px;
        padding: 2px;
        width: 100%
    }

.CareTiles ul ul {
    margin: 0
}

ul.list-unstyled .row ul {
    background-color: #ccc;
    display: inline-block;
    padding: 40px;
    width: 100%
}

.CareTiles li li {
    height: 43px;
    margin: 0;
    width: 100%
}

.CareTiles ul li li a i {
    display: none
}

.dropdownTile {
    position: relative
}

    .dropdownTile .dropdown-menu > li > a:hover, .dropdownTile .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #fff;
        background-color: inherit
    }

.CareTiles li:hover {
    background-color: #636363 !important
}

.text2Column.MaskDateTime {
    width: calc(50% - 10px)
}

input.text2ColumnAll {
    width: calc(50% - 20px)
}

    input.text2ColumnAll:nth-child(even) {
        float: left
    }

.NotifyCount {
    background-color: #f00;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 100;
    height: 20px;
    line-height: 7px;
    opacity: .9;
    padding: 5px 1px 0 0;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
    text-align: center
}

    .NotifyCount:empty {
        display: none
    }

.notifications {
    background-color: #EFF0F4;
    font-size: 14px;
    padding: 0;
    position: absolute;
    width: 240px;
    display: none;
    height: 350px;
    overflow: hidden
}

    .notifications > ul {
        margin: 0
    }

        .notifications > ul > li {
            list-style: none
        }

.notifyDate {
    background-color: #F9FAFB;
    padding: 1px;
    font-size: 11px
}

.notifyDate1 {
    background-color: #F9FAFB;
    padding: 1px;
    font-size: 11px
}

.notiftText {
    padding: 10px
}

.navbar .nicescroll-rails div {
    background-color: #2e4682 !important
}

.firstWidgets {
    background-color: #fff
}

    .firstWidgets .box {
        background-color: #30b59a;
        color: #fff;
        min-height: 260px;
        padding: 20px
    }

.box h3 {
    color: #fff687;
    text-align: center
}

.col-sm-4.box {
    margin: 5px;
    width: calc(33.333% - 10px)
}

.box i {
    background-color: #fff;
    border-radius: 30px;
    color: #30b59a;
    font-size: 30px;
    padding: 10px;
    text-align: center
}

.iconbox {
    text-align: center
}

.success {
    background-color: #30b59a
}

.dd_chk_select.success {
    background-color: #eeecfb;
    color: #7972b8
}

.dd_chk_select.unsuccess {
    background-color: #f00;
    color: #fff
}

.circular-bar {
    text-align: center
}

    .circular-bar .circular-bar-content {
        text-align: center
    }

        .circular-bar .circular-bar-content strong {
            display: block;
            font-weight: 600
        }

        .circular-bar .circular-bar-content label {
            display: block;
            font-weight: 300
        }

    .circular-bar .knob-dyn {
        border: medium none !important
    }

.parent_li a {
    color: #5988d3;
    margin-right: 5px
}

.PagerContainerTable {
    border-radius: 5px;
    border: 1px solid #006399;
    color: #d1d1e1;
    background-color: #fff
}

.PagerInfoCell {
    font: bold 11px iranyekan,IRANSans,WYekan,Yekan,BYekan,arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    color: #f0f1f2;
    white-space: nowrap;
    background-color: #006399;
    font-weight: 400;
    padding: 3px 6px
}

    .PagerInfoCell:link {
        padding-right: 16px;
        padding-left: 16px;
        color: #fc6;
        text-decoration: none
    }

    .PagerInfoCell:visited {
        color: #fc6;
        text-decoration: none
    }

.PagerCurrentPageCell {
    color: #fff300;
    background-color: #1c86b1;
    cursor: default
}

.PagerOtherPageCells {
    background-color: #f0f1f2
}

.PagerSSCCells {
    background-color: #ccc
}

.PagerHyperlinkStyle {
    padding: 8px;
    font: 11px arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
}

    .PagerHyperlinkStyle:hover {
        color: #000;
        text-decoration: none;
        font: 11px arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
    }

    .PagerHyperlinkStyle:link {
        color: #000;
        text-decoration: none;
        font: 11px arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
    }

    .PagerHyperlinkStyle:visited {
        color: #000;
        text-decoration: none;
        font: 11px arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
    }

    .PagerHyperlinkStyle:active {
        color: #000;
        text-decoration: none;
        font: 11px arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
    }

.GoToLabel {
    font: 11px arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    color: #333;
    cursor: pointer;
    font-size: 65%;
    vertical-align: middle;
    display: inline
}

.GoToSelect {
    font-size: 55%
}

.GoToSelectedOption {
    color: #f9f9f9;
    background-color: #666
}

.GoToArrow {
    vertical-align: middle;
    cursor: pointer
}

.PickerCSS {
    background-color: #fff;
    border-right: #000 2px solid;
    border-top: #000 2px solid;
    border-left: #000 2px solid;
    border-bottom: #000 2px solid;
    width: 100%
}

.PickerHeaderCSS {
    background-color: #d3d3d3;
    height: 30px
}

.PickerFooterCSS {
    background-color: #d3d3d3
}

.PickerWeekDayCSS {
    background-color: #d3d3d3;
    text-align: center;
    font-size: 8pt;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    height: 19px
}

.PickerCalendarCSS {
    background-color: #e8f4ff;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    height: 19px
}

.PickerWorkDayCSS {
    background-color: #fff;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid
}

A.PickerWorkDayCSS {
    color: #000;
    text-decoration: none;
    border: none
}

.PickerForbidenCSS {
    background-color: #e8f4ff;
    color: #f00;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    font-weight: 700
}

.PickerSelectedCSS {
    background-color: #e4e8ff;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid
}

A.PickerSelectedCSS {
    font-weight: 700;
    color: #06f;
    text-decoration: underline;
    border: none
}

.PickerCSS table {
    width: 100%
}

.multiSelect.dd_chk_select {
    background-color: #d6d6d6;
    border-radius: 5px;
    font-size: 12px;
    height: 35px;
    margin: 0;
    padding-right: 0;
    width: 100%
}

    .multiSelect.dd_chk_select .dd_chk_drop {
        width: calc(100% + 100px);
        background-color: #efefef;
        border: 1px solid #ccc
    }

div.multiSelect.dd_chk_select {
    padding-top: 7px;
    padding-right: 0
}

    div.multiSelect.dd_chk_select div#caption {
        margin-right: 5px;
        padding-right: 0
    }

.icon-list {
    background-color: #d6d6d6;
    border: 1px solid #cfcfcf;
    float: left;
    height: 19px;
    padding: 1px 0;
    text-align: center;
    width: 19px
}

.icon-lists {
    left: 13px;
    margin-top: -34px;
    position: absolute
}

.footerStatus {
    background-color: #f2f2f2;
    border-top: 1px solid #e1e1e1;
    bottom: 0;
    color: #5f5f5f;
    font-size: 12px;
    opacity: .8;
    padding: 12px;
    width: 100%
}

    .footerStatus > ul {
        margin: 0
    }

    .footerStatus li {
        float: right;
        list-style: outside none none;
        margin-right: 15px
    }





.panel-heading h4 {
    font-size: 13px !important;
    margin: 10px 0 0;
    margin: 10px 5px 0 0;
    width: calc(33.33% - 20px);
    flex: inherit;
    width: calc(100% - 50px)
}

.widget-box {
    float: right;
    background: #f2f2f2;
    margin-left: 10px;
    padding: 10px
}

.widget-title {
    font-size: 14px;
    margin: 10px 10px 25px
}

.widget-box .row {
    margin: 0
}

.widget-02x2 {
    width: calc(100% - 325px);
    height: 305px
}

.widget-2x2 {
    width: 305px;
    height: 305px
}

.widget-1x2 {
    width: 150px;
    height: 305px
}

.widget-2x1 {
    width: 305px;
    height: 150px
}

.widget-3x2 {
    width: 825px;
    height: 305px
}

.widget .widget-icon-text {
    margin-bottom: 15px
}

.widget-icon-text .w-icon {
    float: right;
    height: 50px;
    text-align: center;
    width: 50px;
    color: #797979
}

    .widget-icon-text .w-icon i {
        font-size: 25px
    }

.widget .w-text-info {
    color: #a7a7a7;
    font-size: 12px;
    font-weight: lighter
}

.text-piped {
    border-right: 4px solid;
    padding-right: 5px;
    margin-right: 5px
}

.text-normal {
    font-size: 12px
}

.widget-text-click:hover {
    color: #00bcf2;
    cursor: pointer
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.blink {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out
}

.commenttext {
    color: #35bc7a
}

.widgetdash {
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    border: none;
    float: right;
    font-size: 1vw
}

.widgetdash-box {
    padding: 10px;
    min-height: 152px !important
}

@media(max-width:980px) {
    .widgetdash {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 10px;
        position: relative
    }
}

.widgetdash-1x1 {
    width: calc(16.66% - 10px);
    height: 9.167vw
}

.widgetdash-1x3 {
    width: calc(16.66% - 10px);
    height: calc(27.501vw + 20px)
}

.widgetdash-2x1 {
    width: calc(33.33% - 10px);
    height: 9.167vw
}

.widgetdash-2x2 {
    width: calc(33.33% - 10px);
    height: calc(18.334vw + 10px)
}

.widgetdash-2x3 {
    width: calc(33.33% - 10px);
    height: calc(27.501vw + 20px)
}

.widgetdash-2x3h {
    width: calc(33.33% - 10px);
    height: calc(50vh - 10px)
}

.widgetdash-2x3h-e {
    width: calc(33.33% - 10px);
    height: calc(50vh)
}

.widgetdash-2x3h-e1 {
    width: calc(32.33% - 10px);
    height: calc(49vh)
}

.widgetdash-2x3h-e-nb {
    width: calc(33.33%);
    height: calc(50vh)
}

.widgetdash-2x3h-e-nb1 {
    width: calc(32.33%);
    height: calc(49vh)
}

.widgetdash-4x3h-e-nb {
    width: calc(66.66%);
    height: calc(50vh)
}

.widgetdash-2x4 {
    width: calc(33.33% - 10px);
    height: calc(36.668vw + 30px)
}

.widgetdash-2x5 {
    width: calc(33.33% - 10px);
    height: calc(45.835vw + 40px)
}

.widgetdash-3x1 {
    width: calc(50% - 10px);
    height: 9.167vw
}

.widgetdash-3x2 {
    width: calc(50% - 10px);
    height: calc(18.334vw + 10px)
}

.widgetdash-3x3 {
    width: calc(50% - 10px);
    height: calc(27.501vw + 20px)
}

.widgetdash-3x3h {
    width: calc(50% - 10px);
    height: calc(50vh - 10px)
}

.widgetdash-3x3h-nb {
    width: calc(50% - 10px);
    height: calc(50vh)
}

.widgetdash-3x3h-e {
    width: calc(50%);
    height: calc(50vh - 10px)
}

.widgetdash-3x3h-e-nb {
    width: calc(50%);
    height: calc(50vh)
}

.widgetdash-3x4 {
    width: calc(50% - 10px);
    height: calc(36.668vw + 30px)
}

.widgetdash-3x5 {
    width: calc(50% - 10px);
    height: calc(45.835vw + 40px)
}

.widgetdash-3x6h {
    width: calc(50% - 10px)
}

.widgetdash-4x2 {
    width: calc(66.66% - 10px);
    height: calc(18.334vw + 10px)
}

.widgetdash-4x3 {
    width: calc(66.66% - 10px);
    height: calc(27.501vw + 20px)
}

.widgetdash-4x3h {
    width: calc(66.66% - 10px);
    height: calc(50vh - 10px)
}

.widgetdash-4x3h-e {
    width: calc(66.66%);
    height: calc(50vh - 10px)
}

.widgetdash-4x3h-e1 {
    width: calc(65.66%);
    height: calc(49vh - 10px)
}

.widgetdash-5x2 {
    width: calc(83.33% - 10px);
    height: calc(18.334vw + 10px)
}

.widgetdash-5x3 {
    width: calc(83.33% - 10px);
    height: calc(27.501vw + 20px)
}

.widgetdash-5x4 {
    width: calc(83.33% - 10px);
    height: calc(36.668vw + 30px)
}

.widgetdash-5x5 {
    width: calc(83.33% - 10px);
    height: calc(45.835vw + 40px)
}

.widgetdash-6x1 {
    width: calc(100% - 10px);
    height: 9.167vw
}

.widgetdash-6x2 {
    width: calc(100% - 10px);
    height: calc(18.334vw + 10px)
}

.widgetdash-6x3 {
    width: calc(100% - 10px);
    height: calc(27.501vw + 20px)
}

.widgetdash-6x4 {
    width: calc(100% - 10px);
    height: calc(36.668vw + 30px)
}

.widgetdash-6x5 {
    width: calc(100% - 10px);
    height: calc(45.835vw + 40px)
}

.widgetdash-4x4 {
    width: calc(66.66% - 10px);
    height: calc(36.668vw + 30px)
}

.widgetdash-box .widget-title {
    font-size: .8vw;
    margin: 10px 0
}

.widgetdash-box .widget-number {
    color: #797979;
    font-size: 2vw;
    font-weight: 400;
    position: absolute;
    right: 0;
    text-align: center;
    top: calc(50% - 1.3vw);
    width: 100%
}

.widgetdash-box .widget-info {
    bottom: 10px;
    color: #f00;
    font-size: .8vw;
    font-weight: lighter;
    margin-top: 8px;
    position: absolute;
    right: 10px;
    width: calc(100% - 20px)
}

.widgetdash-box.no-bottom {
    margin-bottom: 0
}

.widgetdash-box.no-left {
    margin-left: 0
}

.widgetdash-box.no-Right {
    margin-right: 0
}

.widget-chart {
    height: calc(100% - 40px)
}

.widgetdash-mainDashboard-6x3 {
    width: calc(100% - 10px);
    height: calc(50% - 10px)
}

.widgetdash-mainDashboard-6x6 {
    width: calc(100% - 10px);
    height: calc(100% - 10px)
}

.widgetdash-mainDashboard-2x3 {
    width: calc(33.33% - 10px);
    height: calc(100%)
}

.widgetdash-mainDashboard-6x2 {
    width: calc(100% - 10px);
    height: calc(11.334vw + 10px)
}

.widgetdash-mainDashboard1-6x3 {
    width: calc(100% - 10px);
    height: calc(1.501vw + 20px)
}

.widget-mainDashboard1-title {
    font-size: 12px;
    margin: 10px 10px 25px
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    left: 80px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: #444;
    color: #f5f5f5;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0;
    padding-top: 5px
}

    #back-to-top:hover {
        background: #4d4d4d
    }

    #back-to-top.show {
        opacity: 1
    }

.RbtnGreenRed td:nth-child(1) {
    background-color: #f08080
}

.RbtnGreenRed td:nth-child(2) {
    background-color: #adff2f
}

.RbtnGreenYellow td:nth-child(1) {
    background-color: #ff0
}

.RbtnGreenYellow td:nth-child(2) {
    background-color: #adff2f
}

.heightFirst {
    margin-top: 30px
}

.redText label {
    color: #f08080 !important
}

.greenText label {
    color: #008000 !important
}

.yellowText label {
    color: #ff0 !important
}

.text-black {
    color: #000;
    font-size: 14px
}

.text-black_Bold {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.text-answer {
    color: #006400;
    font-weight: 700;
    font-size: 16x;
    text-decoration: underline
}

.ui-tabs-tab i {
    float: right;
    margin: 9px 8px -5px -5px;
    color: #505050
}
*/
.nav-side-menu {
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: 200;
    width: 270px;
    height: 100%;
    color: #000
}

    .nav-side-menu .brand {
        background-color: #23282e;
        line-height: 50px;
        display: block;
        text-align: center;
        font-size: 14px
    }

    .nav-side-menu .toggle-btn {
        display: none
    }

    .nav-side-menu ul, .nav-side-menu li {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 35px;
        cursor: pointer;
        background-color: #37bc9b;
        color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

        .nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before {
            content: "";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right
        }

        .nav-side-menu ul .active, .nav-side-menu li .active {
            border-right: 3px solid #ccc;
            background-color: #a6edb2;
            color: #fff
        }

        .nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
            color: #d19b3d
        }

            .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
                color: #d19b3d
            }

        .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
            background-color: #8cc152;
            border: none;
            line-height: 28px;
            border-bottom: 1px solid #4f5b69;
            margin-left: 0
        }

        .nav-side-menu li:hover {
            background-color: #4f5b69
        }

        .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover {
            background-color: #8cc152
        }

.menu-list > ul > li:hover > a {
    color: #fff
}

.nav-side-menu ul .sub-menu li:hover a, .nav-side-menu li .sub-menu li:hover a {
    color: #fff
}

.nav-side-menu ul .sub-menu li:after, .nav-side-menu li .sub-menu li:after {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle
}

.nav-side-menu li {
    padding-left: 0;
    border-bottom: 1px solid #d3d3d3
}

    .nav-side-menu li a {
        text-decoration: none;
        color: #fff
    }

        .nav-side-menu li a i {
            padding-left: 10px;
            width: 20px;
            padding-right: 20px;
            font-size: 20px
        }

    .nav-side-menu li:hover {
        border-right: 3px solid #ccc;
        background-color: #37bc9b;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease
    }

@media(max-width:767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px
    }

        .nav-side-menu .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #fff;
            color: #000;
            width: 40px;
            text-align: center
        }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important
    }
}

.middleList {
    width: calc(100% - 350px);
    float: right;
    margin: -10px 10px
}

.menuList {
    width: 270px;
    float: right;
    height: 100%
}

@media screen and (max-width:1200px) {
    .middleList {
        width: calc(100% - 310px);
        float: right;
        margin: 0 20px
    }
}

@media(min-width:767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block
    }
}

.xmlLoader input[type="number"] {
    width: 80px
}

.alert-pink {
    color: #fff;
    background-color: #ffc0cb;
    border-color: #ffc0cb
}
/*
.personscore {
    position: absolute;
    left: -35px;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    text-align: left;
    z-index: -1;
    padding: 0 0 0 15px
}

@media print {
    @page {
        margin: 0;
        size: A4
    }

    * {
        margin: 0 !important;
        padding: 1px !important;
        font-size: 14px !important
    }

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

    a[href]:after {
        content: none !important
    }

    .col-sm-12, .col-md-12, .col-lg-12 {
        width: 100% !important
    }

    .col-sm-11, .col-md-11, .col-lg-11 {
        width: 91.66666667% !important
    }

    .col-sm-10, .col-md-10, .col-lg-10 {
        width: 83.33333333% !important
    }

    .col-sm-9, .col-md-9, .col-lg-9 {
        width: 75% !important
    }

    .col-sm-8, .col-md-8, .col-lg-8 {
        width: 66.66666667% !important
    }

    .col-sm-7, .col-md-7, .col-lg-7 {
        width: 58.33333333% !important
    }

    .col-sm-6, .col-md-6, .col-lg-6 {
        width: 50% !important
    }

    .col-sm-5, .col-md-5, .col-lg-5 {
        width: 41.66666667% !important
    }

    .col-sm-4, .col-md-4, .col-lg-4 {
        width: 33.33333333% !important
    }

    .col-sm-3, .col-md-3, .col-lg-3 {
        width: 25% !important
    }

    .col-sm-2, .col-md-2, .col-lg-2 {
        width: 16.66666667% !important
    }

    .col-sm-1, .col-md-1, .col-lg-1 {
        width: 8.33333333% !important
    }
}

.dropdown-menu li {
    text-align: justify
}

.dropdown-menu-list > li a .time {
    float: left !important
}

.ScoreColor {
    color: #fff;
    background-color: initial
}

.chartParentInfo {
    padding-right: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin-right: 10px
}

.icon {
    color: #fff
}

ul.list-group.list-group-striped li:nth-of-type(odd) {
    background: #fff
}

ul.list-group.list-group-striped li:nth-of-type(even) {
    background: #f2f2f2
}

ul.list-group.list-group-hover li:hover {
    background: #f2f2f2
}

.overview-panel-body {
    padding: 8px
}

.form-control {
    font-size: 12px !important
}

.dataTables_scrollHead {
    overflow: hidden;
    position: relative;
    border: 0 none;
    width: 100%
}

.dataTables_scrollHeadInner {
    box-sizing: content-box;
    width: 1548px;
    padding-right: 0
}

.dataTables_scrollBody {
    position: relative;
    overflow: auto;
    width: 100%
}

.header {
    font-size: 24px !important
}

h6.header {
    font-size: 14px !important;
    line-height: 44px
}

.hversion {
    font-size: 12px !important
}

.control-label {
    color: #496caf
}

.scroll-to-top {
    float: left;
    right: 0
}

.alert:empty {
    display: none !important
}

input[type="text"] {
    width: 100%
}

#tabs-1 #accordion .MaskDateTime {
    width: 92%
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #528bb4 !important
}

.modal-header {
    padding: 1rem
}

.alert-error {
    background-color: #fcfcaa
}

.fa-exclamation-triangle {
    color: #f00;
    padding-left: 10px
}

.fa-id-badge {
    padding-left: 5px
}

.modal-header .close {
    padding: 4px
}

a.btn-circle {
    margin: 5px
}

.alert {
    font-size: 12px
}

.alert-info {
    color: #ff2400;
    background-color: #fff3cd;
    border-color: #ffc600;
    font-weight: 700
}

.padding10 {
    padding: 10px
}

.padding20 {
    padding: 20px
}

.padding30 {
    padding: 30px
}

.padding40 {
    padding: 40px
}

.padding50 {
    padding: 50px
}

.magnutidUnit {
    font-size: 10px !important;
    color: #9a9a9a !important
}

.fa-calendar-alt {
    color: #4bc0c0
}

.input-group-addon {
    border-right: 0 !important
}

.material-icons {
    margin-top: 23px
}

.wellPattern {
    background-color: #d3eaf6;
    padding: 10px;
    border-radius: 5px
}

.card-body {
    padding: 3px !important
}

header {
    height: 34px !important;
    padding: 10px !important;
    font-weight: bolder !important
}

.HelpBox {
    float: left;
    width: 100%;
    max-width: 50px;
    background-color: transparent;
    color: #fff;
    margin: 23px 0 0 -10px
}

.modal .modal-header h3, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a .badge, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a .label, h1, h2, h3, h4, h5, h6 {*/
/*font-weight: 300*/
/*}

h1 {
    font-size: 36px !important
}

h2 {
    font-size: 30px !important
}

h3 {
    font-size: 23px !important
}

h4 {
    font-size: 18px !important
}

h5 {
    font-size: 14px !important
}

h6 {
    font-size: 13px !important
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #444
    }

    h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
        padding-top: 10px;
        padding-bottom: 10px
    }

input[type=text], select {
    display: block;
    width: 100%;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: 0 !important;
    box-shadow: none !important
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.alert, .badge, .btn, .btn-group > .btn, .btn.btn-link:hover, .icon-btn, .label, .note, .overview-panel {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18)
}

.badge {
    display: inline-block;
    min-width: 10px;
    line-height: 1;
    background-color: #777
}

.badge, .btn, .label {
    white-space: nowrap
}

.label {
    font-size: 75%;
    vertical-align: baseline;
    border-radius: .25em;
    display: inline
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent
}

.badge, .btn, .input-inline, table.valign-middle tbody tr td {
    vertical-align: middle
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 0
}

a {
    text-shadow: none;
    color: #136186
}

    a:hover {
        cursor: pointer;
        color: #23527c
    }

    a:active, a:focus, a:hover {
        outline: 0;
        text-decoration: none
    }

code {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.bold {
    font-weight: 700 !important
}

.sbold {
    font-weight: 600 !important
}

.thin {
    font-weight: 500 !important
}

.uppercase {
    text-transform: uppercase !important
}

.border {
    border: 1px solid #f00
}

.overflow-h {
    overflow: hidden
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.circle {
    border-radius: 25px !important
}

.circle-right {
    border-radius: 0 25px 25px 0 !important
}

.circle-left {
    border-radius: 25px 0 0 25px !important
}

.circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.circle-top {
    border-radius: 25px 25px 0 0 !important
}

.rounded {
    border-radius: 50% !important
}

.display-hide {
    display: none
}

.hidden {
    display: none !important
}

.no-pad-left {
    padding-left: 0 !important
}

.alert > p, .no-margin {
    margin: 0
}

.mg-bottom-10 {
    margin-bottom: 10px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

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

.visible-ie8, .visible-ie9 {
    display: none
}

.ie8 .visible-ie8, .ie9 .visible-ie9 {
    display: inherit !important
}

.hidden-ie8, .hidden-ie9 {
    display: inherit
}

.ie8 .hidden-ie8, .ie9 .hidden-ie9 {
    display: none !important
}

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

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

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

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

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

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

.p-r-100 {
    padding-right: 100px !important
}

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

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

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

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

.m-r-100 {
    margin-right: 100px !important
}

.margin-0 {
    margin: 0 !important
}

.input-small {
    width: 145px !important
}

.input-inline {
    width: auto
}

.font-bold {
    font-weight: 700
}

.label-rouded {
    border-radius: 50px
}

.text-center {
    text-align: center
}

.text-purple {
    color: #9675ce
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i, .text-white {
    color: #fff
}

.text-success {
    color: #36c6d3
}

.text-warning {
    color: #f1c40f
}

.text-green {
    color: #4fa1b3 !important
}

.headerBadgeColor1 {
    background-color: #c46210
}

.headerBadgeColor2 {
    background-color: #f00
}

.orange-bgcolor {
    background-color: #c46210 !important
}

.bgcolor-warning {
    background-color: #f9ff9e
}

.bgcolor-danger {
    background-color: #e55957
}

.bgcolor-yellow {
    background-color: #ff0 !important
}

.bgcolor-purple {
    background-color: #800080 !important
}

.bgcolor-black {
    background-color: #1e2629 !important
}

.label.purple-bgcolor, .purple-bgcolor {
    background-color: #673ab7
}

.blue-bgcolor, .btn.blue-bgcolor {
    background-color: #2196f3;
    color: #fff
}

.cyan-bgcolor {
    background-color: #36c6d3;
    color: #fff
}

.deepPink-bgcolor, .label.deepPink-bgcolor {
    background-color: #e91e63 !important;
    color: #fff !important
}

.bg-primary {
    color: #fff;
    background-color: #9c78cd
}

.bg-warning {
    color: #fff;
    background-color: #ffd200
}

.bg-success {
    background: #5fc29d;
    color: #fff
}

.bg-info {
    color: #fff;
    background-color: #6bd3f3
}

.bg-danger, .bg-dark {
    color: #fff;
    background-color: #e55957
}

.bg-dark {
    background-color: #2b2b2c
}

.bg-orange {
    background: #e67d21;
    color: #fff
}

.bg-blue {
    background: #3598dc;
    color: #fff
}

.bg-purple {
    background: #8e44ad;
    color: #fff
}

.bg-b-white {
    background: #fff
}

.bg-b-danger {
    background: #f30c41;
    background: linear-gradient(45deg,#f30c41,#eb66dd)
}

.bg-b-blue {
    background: #1a77e2
}

.bg-b-green {
    background: #2ed8b6;
    background: linear-gradient(45deg,#2ed8b6,#59e0c5)
}

.bg-b-orange {
    background: #ff8c1a;
    background: linear-gradient(to left,#ff8c1a,#ffe6cc)
}

.bg-b-purple {
    background: #a52dd8;
    background: linear-gradient(to left,#a52dd8,#e4bef3)
}

.bg-b-cyan {
    background: #29b5af;
    background: linear-gradient(to left,#29b5af,#40ffed)
}

.bg-b-black {
    background: #708090
}

.bg-b-yellow {
    background: #ffb64d
}

.bg-b-pink {
    background: #ff5370;
    background: linear-gradient(to left,#ff5370,#f9a)
}

.white {
    color: #fff !important
}

.red {
    color: #fff;
    background-color: #f44336
}

.pink, .yellow {
    background-color: #ff1493;
    color: #fff
}

.yellow {
    background-color: #f1c500
}

.green-color {
    color: #008000 !important
}

.red-color {
    color: #f44336 !important
}

.yellow-color {
    color: #f1c500 !important
}

.maroon-color {
    color: #800000 !important
}

.blue-color {
    color: #174665 !important
}

.state-overview {
    color: #fff !important
}

.overview-panel {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px
}

.badge, .btn {
    font-weight: 600;
    text-transform: uppercase
}

.list-separated {
    margin-top: 10px;
    margin-bottom: 15px
}

    .list-separated > div:last-child {
        border-right: 0
    }

[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    text-decoration: none
}

li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"], li [class^=fa-], li [class^=glyphicon-], li [class^=icon-] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
    color: #fff
}

li [class*=" glyphicon-"], li [class^=glyphicon-] {
    top: 2px
}

li [class*=" icon-"], li [class^=icon-] {
    top: 1px;
    position: relative
}

    li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large, li [class^=fa-].icon-large, li [class^=glyphicon-].icon-large, li [class^=icon-].icon-large {
        width: 1.5625em
    }

.fa-item {
    font-size: 14px;
    padding: 15px 10px 15px 20px
}

    .fa-item i {
        font-size: 16px;
        display: inline-block;
        width: 20px;
        color: #333
    }

    .fa-item:hover {
        cursor: pointer;
        background: #eee
    }

.sl-iconsdemo .item-box {
    display: inline-block;
    font-size: 16px;
    margin: 0 -.22em 1em 0;
    padding-left: 1em;
    width: 100%
}

    .sl-iconsdemo .item-box .item {
        background-color: #fff;
        color: #33383e;
        border-radius: 8px;
        display: inline-block;
        padding: 10px;
        width: 100%
    }

        .sl-iconsdemo .item-box .item span {
            font-size: 22px
        }

.badge-danger, .badge-default, .badge-info, .badge-primary, .badge-success, .badge-warning, .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .open > .btn.white:not(.btn-outline).dropdown-toggle {
    background-image: none
}

.alert.alert-borderless {
    border: 0
}

.alert {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 0
}

.chat-page #inbox > li, .margin-top-10 {
    margin-top: 10px
}



.hide {
    display: none !important
}

.img-circle {
    border-radius: 50%
}

.pull-right {
    float: right !important
}

body {
    background-color: #eef1f5;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;
    color: rgba(0,0,0,.87)
}

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    top: 0
}

.page-header.navbar {
    background: #193650
}

    .page-header.navbar .page-logo {
        float: left;
        display: block;
        width: 165px;
        height: 60px;
        padding: 0 20px 0 30px;
        background: #222c3c
    }

.logo-icon {
    font-size: 36px !important;
    padding-right: 10px;
    padding-top: 0;
    float: left;
    color: #fff;
    font-weight: 900
}

.fa-rotate-45 {
    -webkit-transform: rotate(330deg) !important;
    -moz-transform: rotate(330deg) !important;
    -ms-transform: rotate(330deg) !important;
    -o-transform: rotate(330eg) !important;
    transform: rotate(330deg) !important
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #1e2629
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: transparent
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
        color: #8c8c8c
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    border-color: #e7eaf0
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
        border-bottom-color: #eaedf2
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
        background: #eff0f4
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
            color: #555
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li {
        border-bottom: 1px solid #eff2f6 !important;
        font-size: 12px;
        padding-right: 10px;
        color: #888
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
        color: #337ab7
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
            color: #23527c
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
        border-bottom: 1px solid #eff2f6 !important;
        color: #888
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
            background: #f8f9fa
        }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #f1f1f1
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #e4e4e4
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    background-color: #3881b3;
    color: #fff
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #3881b3
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
    color: #5b9bd1
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #1e2629
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
    background-color: #dfe2e9
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #3f4f62;
    border: 0
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
        border-bottom-color: #3f4f62
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
        background: #2f3b49
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
            color: #adbaca
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
            color: #5496cf
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
        color: #bcc7d4;
        border-bottom: 1px solid #4b5e75 !important
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
        color: #bcc7d4;
        border-bottom: 0 !important
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i {
            color: #9dadc0
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
            background: #47596e
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
        background: #4b5e75
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #354353
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #2b3643
}

.dropdown-quick-sidebar-toggler a {
    padding: 0 !important;
    top: 10px
}

.page-header.navbar .search-form {
    background: 0 0;
    border: 0;
    color: #b4bcc8
}

.page-header.navbar input.search-form:focus {
    outline: 0
}

.page-header.navbar .search-form.open, .page-header.navbar .search-form:hover {
    background: 0 0
}

.page-header.navbar .search-form .input-group .form-control {
    color: #959fad
}

    .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
        color: #929cab;
        opacity: 1
    }

    .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
        color: #929cab
    }

    .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
        color: #929cab
    }

.page-header.navbar .menu-toggler > span, .page-header.navbar .menu-toggler > span:after, .page-header.navbar .menu-toggler > span:before {
    background: #a7b5c6
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2)
}

    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .page-header.navbar .hor-menu .navbar-nav > li > a {
        color: #c6cfda
    }

        .page-header.navbar .hor-menu .navbar-nav > li > a > i {
            color: #c2cad8
        }

        .page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
            color: #d5dce4;
            background: #3f4f62 !important
        }

            .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                color: #889bb2
            }

.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #fff;
    background: #3881b3
}

    .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #c2cad8
    }

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #3f4f62;
    margin-top: 0;
    border: 0
}

    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
        color: #f1f3f6
    }

    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
        color: #f1f3f6;
        background: #47596e
    }

    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
        background-color: #495c72
    }

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: 5px 5px rgba(102,102,102,.1)
}

    .page-container-bg-solid .page-title small, .page-content-white .page-title small, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
        color: #666
    }

.mega-menu-dropdown .owl-controls {
    display: none !important
}

.mega-menu-dropdown .material-icons {
    float: left;
    line-height: 24px
}

.mega-menu-dropdown .dropdown-toggle {
    line-height: 24px
}

.classic-menu-dropdown .dropdown-menu, .mega-menu-dropdown .dropdown-menu {
    right: auto
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
    color: #c6cfda
}

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
        color: #788ea8
    }

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
        color: #d5dce4;
        background: #3f4f62
    }

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
    color: #333 !important;
    background: #fff !important
}

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
        color: #333 !important
    }

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
    color: #fff;
    background: #3881b3
}

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i {
        color: #788ea8
    }

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    background: #fff;
    border: 1px solid #f2f2f2
}

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
        color: #000
    }

        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
            color: #888
        }

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
        color: #000;
        background: #f5f5f5
    }

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
        background-color: #f5f5f5
    }

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
    border-top: 0
}

.page-header.navbar .menu-toggler > span, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span, .sidemenu-container .sidebar-toggler > span {
    outline: 0 !important
}

.page-header.navbar, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
    box-shadow: none
}

.page-header.navbar {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    min-height: 50px;
    filter: none;
    background-color: #fff
}

.navbar-custom, .page-header-inner {
    float: right;
    width: 100%
}

.navbar-custom {
    background: #f1efef
}

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
    z-index: 1039
}

.sidemenu-closed.sidemenu-closed-hidelogo .page-header.navbar .page-logo {
    padding: 0
}

.page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a {
    display: inline-block;
    float: left
}

.page-header.navbar .page-logo .logo-default {
    margin: 7px 0 0;
    height: 34px
}

.page-header.navbar .page-logo .logo-mini {
    display: none;
    margin-left: 5px
}

.page-header.navbar .page-logo .text-logo {
    padding-left: 20px;
    padding-top: 12px
}

.page-logo a {
    text-decoration: none;
    color: #fff;
    font-size: 25px
}

.navbar-nav > li > a {
    padding: 20px 10px 20px 15px;
    line-height: 20px;
    color: #fff !important
}

.page-header.navbar .search-form {
    display: inline-block;
    position: relative;
    width: 50px;
    float: left;
    transition: all .6s;
    margin-top: 10px
}

    .page-header.navbar .search-form .input-group .form-control {
        height: 50px;
        border: 0;
        background: 0 0 !important;
        font-size: 13px;
        padding-left: 0;
        margin-left: 12px;
        text-indent: -150000px
    }

        .page-header.navbar .search-form .input-group .form-control:hover {
            cursor: pointer
        }

    .page-header.navbar .search-form .input-group .input-group-btn {
        height: 50px
    }

        .page-header.navbar .search-form .input-group .input-group-btn .btn.submit {
            margin-left: -24px;
            padding: 0;
            width: 50px;
            background: 0 0;
            margin-top: 4px;
            display: block
        }

            .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
                font-size: 15px
            }

    .page-header.navbar .search-form.open {
        transition: all .6s;
        width: 200px !important
    }

        .page-header.navbar .search-form.open .input-group .form-control {
            text-indent: 0
        }

            .page-header.navbar .search-form.open .input-group .form-control:hover {
                cursor: text
            }

        .page-header.navbar .search-form.open .input-group .input-group-btn .btn.submit {
            margin-left: 0
        }

.search-form-opened, form.search-form-opened {
    float: left;
    width: 100%;
    max-width: 200px;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    margin: 10px 0 0 10px;
    border: 1px solid #bdbdbd
}

    form.search-form-opened .btn.submit {
        margin: 0;
        color: #1e2629
    }

.search-form-opened {
    background-color: #5ea6d9;
    margin: 14px 0 0;
    border: 1px solid #4e92c3
}

    .search-form-opened .btn.submit {
        margin: 0;
        color: #1e2629;
        padding-top: 6px;
        padding-left: 10px
    }

    .search-form-opened input[type=text] {
        background-color: transparent;
        border: 0;
        color: #1e2629;
        padding: 7px 12px
    }

.page-header.navbar .menu-toggler, .page-header.navbar .menu-toggler:hover {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-header.navbar .menu-toggler {
    cursor: pointer;
    filter: alpha(opacity=70);
    display: block;
    background: 0 0;
    opacity: .7
}

    .page-header.navbar .menu-toggler > span:hover, .page-header.navbar .menu-toggler > span:hover:after, .page-header.navbar .menu-toggler > span:hover:before {
        background: #a7b5c6
    }

    .page-header.navbar .menu-toggler > span {
        display: inline-block;
        width: 19px;
        height: 1px;
        position: relative;
        top: -10px;
        transition: all ease .3s
    }

        .page-header.navbar .menu-toggler > span:after, .page-header.navbar .menu-toggler > span:before {
            display: inline-block;
            width: 19px;
            height: 1px;
            transition: all ease .3s;
            position: absolute;
            left: 0;
            content: ''
        }

.menu-toggler i.icon-menu {
    color: #808040;
    font-size: 18px
}

.page-header.navbar .menu-toggler > span:before {
    top: 6px
}

.page-header.navbar .menu-toggler > span:after {
    top: -6px
}

.page-header.navbar .menu-toggler.th-toggle-exit > span {
    background-color: transparent !important
}

    .page-header.navbar .menu-toggler.th-toggle-exit > span:after {
        -webkit-transform: translateY(6px) rotateZ(45deg);
        -moz-transform: translateY(6px) rotateZ(45deg);
        -ms-transform: translateY(6px) rotateZ(45deg);
        -o-transform: translateY(6px) rotateZ(45deg);
        transform: translateY(6px) rotateZ(45deg)
    }

    .page-header.navbar .menu-toggler.th-toggle-exit > span:before {
        -webkit-transform: translateY(-6px) rotateZ(-45deg);
        -moz-transform: translateY(-6px) rotateZ(-45deg);
        -ms-transform: translateY(-6px) rotateZ(-45deg);
        -o-transform: translateY(-6px) rotateZ(-45deg);
        transform: translateY(-6px) rotateZ(-45deg)
    }

.page-header.navbar .menu-toggler:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.page-header.navbar .menu-toggler:focuse {
    background: 0 0
}

.page-header.navbar .menu-toggler.responsive-toggler {
    display: none;
    float: right;
    margin: 23px 13px 0
}

.page-header.navbar .top-menu {
    margin: 0;
    padding: 0;
    float: right
}

    .page-header.navbar .top-menu .navbar-nav {
        padding: 0;
        margin-right: 0;
        display: block
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            margin: 0;
            padding: 5px 8px;
            display: inline-block;
            float: right
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child {
                padding-right: 0;
                padding-left: 3px
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
                margin: 0;
                padding: 14px 0 0 5px;
                display: block;
                position: relative
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
                    padding-left: 0
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
                    font-size: 17px
                }

                    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .remove > i, .sidemenu-container .sidebar-search .remove > i {
                        font-size: 16px
                    }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
                    position: absolute;
                    top: 10px;
                    left: 0;
                    font-weight: 300;
                    padding: 3px 6px;
                    -webkit-animation: 1s ease 0s normal none infinite running wobble;
                    -ms-animation: 1s ease 0s normal none infinite running wobble;
                    -o-animation: 1s ease 0s normal none infinite running wobble;
                    animation: 1s ease 0s normal none infinite running wobble
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
                    background: 0 0
                }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
                margin-top: 3px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
                    position: absolute;
                    top: -7px;
                    right: 9px;
                    display: inline-block !important;
                    border-right: 7px solid transparent;
                    border-bottom: 7px solid #eee;
                    border-left: 7px solid transparent;
                    border-bottom-color: rgba(0,0,0,.2);
                    content: ''
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
                    position: absolute;
                    top: -6px;
                    right: 10px;
                    display: inline-block !important;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid #fff;
                    border-left: 6px solid transparent;
                    content: ''
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
                    color: #555;
                    font-size: 13px
                }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            min-width: 160px;
            max-width: 355px;
            width: 355px;
            z-index: 9995
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                display: block;
                overflow: hidden;
                padding: 15px;
                letter-spacing: .5px;
                -webkit-border-radius: 4px 4px 0 0;
                -moz-border-radius: 4px 4px 0 0;
                -ms-border-radius: 4px 4px 0 0;
                -o-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    margin: 0;
                    padding: 0;
                    float: right;
                    display: inline-block;
                    font-size: 18px !important;
                    line-height: 20px
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    display: inline-block;
                    padding: 0;
                    background: 0 0;
                    clear: inherit;
                    font-size: 13px;
                    font-weight: 300;
                    position: absolute;
                    right: 10px;
                    border: 0;
                    margin-top: -1px
                }

.page-bar:after, .page-container:after, .page-footer:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-search-wrapper:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-toggler-wrapper:after, .sidemenu-container .sidemenu > li.sidebar-search-wrapper:after, .sidemenu-container .sidemenu > li.sidebar-toggler-wrapper:after {
    clear: both
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
    text-decoration: none
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
    overflow-y: auto;
    width: auto
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
        display: block;
        clear: both;
        font-weight: 300;
        line-height: 20px;
        white-space: normal;
        font-size: 12px;
        padding: 8px 15px;
        text-shadow: none
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            text-decoration: none
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
        border-top: none
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
    overflow: hidden;
    font-size: 12px
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
        margin-right: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
            margin-right: 2px;
            margin-left: 1px
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
            right: 15px
        }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px;
    margin: 7px 0
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
    float: left;
    margin: 0 6px 6px 0
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
        height: 40px;
        width: 40px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        border-radius: 50% !important
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
    display: block;
    margin-left: 46px
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
        font-size: 13px;
        font-weight: 600
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
        font-size: 12px;
        font-weight: 400;
        opacity: .5;
        filter: alpha(opacity=50);
        float: right
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
    display: block !important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 46px
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
    margin-bottom: 5px
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
        font-size: 13px;
        font-weight: 300
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
        float: right;
        font-weight: 600;
        display: inline-block
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
    display: block;
    height: 8px;
    margin: 8px 0 2px
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 13px 6px 12px 8px
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
        display: inline-block;
        font-size: 13px;
        font-weight: 300
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
        float: right;
        margin-top: -11px;
        margin-right: 0;
        height: 47px;
        display: inline-block
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
        display: inline-block;
        margin: 0;
        font-size: 13px
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    font-size: 12px;
    font-weight: 300
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
        width: 15px;
        display: inline-block;
        margin-left: 9px
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
        margin-right: 10px
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
        padding: 16px 3px 13px 7px
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
            margin-bottom: 2px
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
            font-size: 14px
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
        font-size: 13px
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
            margin-bottom: 2px;
            margin-right: 5px
        }

.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
    border-left: none;
    border-right: none
}

.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
    background: 0 0 !important;
    border: 0 !important
}

.page-header.navbar .container, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown {
    position: relative
}

.page-boxed .page-header > .page-header-inner {
    display: block
}

.page-header.navbar .hor-menu {
    margin: 0;
    float: right
}

    .page-header.navbar .hor-menu .navbar-nav {
        min-height: 50px;
        position: static;
        display: block
    }

        .page-header.navbar .hor-menu .navbar-nav.navbar-right .dropdown-menu {
            left: auto;
            right: 0
        }

        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
            margin: 0
        }

            .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content {
                padding: 10px 18px 10px 45px
            }

            .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
                padding: 0;
                margin: 0
            }

                .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
                    border-right: 0
                }

                .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
                    margin: 0 !important;
                    list-style: none
                }

                    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
                        margin-top: 5px;
                        padding-left: 6px;
                        font-size: 15px;
                        font-weight: 400
                    }

                    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
                        display: block;
                        white-space: normal;
                        padding: 7px;
                        margin: 0;
                        font-size: 12px;
                        font-weight: 400
                    }

                        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify {
                            padding: 7px 7px 7px 30px
                        }

                            .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i {
                                position: absolute;
                                top: auto !important;
                                margin-left: -24px;
                                font-size: 15px;
                                margin-top: 3px !important
                            }

                        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label {
                            margin-left: 5px
                        }

        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
            left: 20px;
            right: 20px
        }

        .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown:hover > .dropdown-menu, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown:hover > .dropdown-menu {
            display: block
        }

        .page-header.navbar .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after, .page-header.navbar .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before {
            display: none !important
        }

        .page-header.navbar .hor-menu .navbar-nav > li > a {
            font-weight: 400;
            padding: 18px 13px;
            float: right
        }

            .page-header.navbar .hor-menu .navbar-nav > li > a:focus {
                background: 0 0 !important
            }

        .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            left: 50%;
            bottom: 0;
            position: absolute;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid transparent;
            display: inline-block;
            margin: 0 0 -6px -7px;
            width: 0;
            height: 0
        }

        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
            font-size: 14px;
            font-weight: 300;
            padding: 9px 10px;
            white-space: normal
        }

        .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
            min-width: 195px;
            max-width: 235px
        }

        .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > .dropdown-menu {
            top: 0
        }

        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
            top: 9px;
            right: 10px
        }

.page-container {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #222c3c
}

    .page-container:after, .page-container:before, .sidebar-user-panel::after, .sidebar-user-panel::before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-search-wrapper:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-search-wrapper:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-toggler-wrapper:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-toggler-wrapper:before, .sidemenu-container .sidemenu > li.sidebar-search-wrapper:after, .sidemenu-container .sidemenu > li.sidebar-search-wrapper:before, .sidemenu-container .sidemenu > li.sidebar-toggler-wrapper:after, .sidemenu-container .sidemenu > li.sidebar-toggler-wrapper:before {
        content: " ";
        display: table
    }

.page-header-fixed .page-container {
    margin-top: 50px
}

.page-full-width.page-header-fixed .page-container {
    margin-top: 110px
}

.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle {
    padding: 19px 10px 10px
}

    .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i:before {
        content: "�"
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external h3 {
    text-transform: uppercase;
    padding: 2px 0;
    font-size: 14px
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.language-switch > .dropdown-toggle {
    padding: 13px 0 12px;
    display: block
}

.input-group-btn .btn {
    box-shadow: none
}

.language-switch a {
    color: #1e2629
}

.notification-label {
    float: left;
    border-radius: 10px;
    padding: 0 10px;
    color: #fff
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a, .sidemenu-container .sidemenu > li > a {
    color: #b7c0cd;
    font-weight: 400 !important
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > i, .sidemenu-container .sidemenu > li > a > i {
        color: currentColor;
        font-size: 16px;
        margin-left: 5px;
        text-shadow: none;
        float: right;
        line-height: 24px
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > i[class*=icon-], .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > i[class^=icon-], .sidemenu-container .sidemenu > li > a > i[class*=icon-], .sidemenu-container .sidemenu > li > a > i[class^=icon-] {
            color: #6b788b
        }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > .arrow:before, .sidemenu-container .sidemenu > li > a > .arrow.open:before, .sidemenu-container .sidemenu > li > a > .arrow:before {
        color: #606c7d
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h4, .sidemenu-container .sidemenu > li.heading > h4 {
    color: #708096
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .sidemenu-container .sidemenu > li.active.open > a {
    background-color: #273244;
    border-top-color: transparent;
    color: #fff
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a:hover, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a:hover, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a, .sidemenu-container .sidemenu > li.active.open > a:hover, .sidemenu-container .sidemenu > li.active > a, .sidemenu-container .sidemenu > li.active > a:hover, .sidemenu-container .sidemenu > li.open > a, .sidemenu-container .sidemenu > li:hover > a {
        background-color: #273244;
        color: #fff
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i, .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .sidemenu-container .sidemenu > li.active.open > a > i, .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .sidemenu-container .sidemenu > li.active > a > .arrow:before, .sidemenu-container .sidemenu > li.active > a > i {
            color: #fff
        }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active + li > a, .sidemenu-container .sidemenu > li.active + li > a {
    border-top-color: transparent
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open + li > a, .sidemenu-container .sidemenu > li.active.open + li > a {
    border-top-color: #3d4957
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:last-child > a, .sidemenu-container .sidemenu > li:last-child > a {
    border-bottom: 1px solid transparent !important
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li:hover > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li:hover > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li > a > .arrow:before, .sidemenu-container .sidemenu li:hover > a > .arrow.open:before, .sidemenu-container .sidemenu li:hover > a > .arrow:before, .sidemenu-container .sidemenu li > a > .arrow.open:before, .sidemenu-container .sidemenu li > a > .arrow:before {
    color: currentColor
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a > .arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a > i[class*=icon-], .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a > i[class^=icon-], .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active > a > .arrow.open:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active > a > .arrow:before, .sidemenu-container .sidemenu .sub-menu > li.active > a, .sidemenu-container .sidemenu .sub-menu > li.active > a > .arrow.open:before, .sidemenu-container .sidemenu .sub-menu > li.active > a > .arrow:before, .sidemenu-container .sidemenu .sub-menu > li.active > a > i, .sidemenu-container .sidemenu .sub-menu > li.open > a, .sidemenu-container .sidemenu .sub-menu > li.open > a > .arrow.open:before, .sidemenu-container .sidemenu .sub-menu > li.open > a > .arrow:before, .sidemenu-container .sidemenu .sub-menu > li:hover > a, .sidemenu-container .sidemenu .sub-menu > li:hover > a > .arrow.open:before, .sidemenu-container .sidemenu .sub-menu > li:hover > a > .arrow:before, .sidemenu-container .sidemenu .sub-menu > li > a > .arrow.open:before, .sidemenu-container .sidemenu .sub-menu > li > a > .arrow:before, .sidemenu-container .sidemenu .sub-menu > li > a > i[class*=icon-], .sidemenu-container .sidemenu .sub-menu > li > a > i[class^=icon-], .sidemenu-container .sidemenu li.active > a > .arrow.open:before, .sidemenu-container .sidemenu li.active > a > .arrow:before {
    color: #fff
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a, .sidemenu-container .sidemenu .sub-menu > li > a {
    color: #cccbcb;
    font-weight: 400 !important
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a > i, .sidemenu-container .sidemenu .sub-menu > li > a > i {
        color: #cccbcb
    }

.sidemenu-container .sidemenu .sub-menu > li.open > a > i, .sidemenu-container .sidemenu .sub-menu > li:hover > a > i {
    color: #6673fc
}

.sidemenu-closed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.open .remove > i, .sidemenu-closed .sidemenu-container .sidebar-search.open .remove > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .input-group-btn .btn > i, .sidemenu-container .sidebar-search .input-group .input-group-btn .btn > i {
    color: #b4bcc8
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler, .sidemenu-container .sidebar-toggler {
    background: #2c3541
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:hover, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:hover:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:hover:before, .sidemenu-container .sidebar-toggler > span, .sidemenu-container .sidebar-toggler > span:after, .sidemenu-container .sidebar-toggler > span:before, .sidemenu-container .sidebar-toggler > span:hover, .sidemenu-container .sidebar-toggler > span:hover:after, .sidemenu-container .sidebar-toggler > span:hover:before {
        background: #a7b5c6
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler:hover, .sidemenu-container .sidebar-toggler:hover {
        background: #212832
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .form-control, .sidemenu-container .sidebar-search .input-group .form-control {
    background-color: transparent;
    color: #fff
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .form-control::-moz-placeholder, .sidemenu-container .sidebar-search .input-group .form-control::-moz-placeholder {
        color: #4e5d6f;
        opacity: 1
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .form-control:-ms-input-placeholder, .sidemenu-container .sidebar-search .input-group .form-control:-ms-input-placeholder {
        color: #4e5d6f
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder, .sidemenu-container .sidebar-search .input-group .form-control::-webkit-input-placeholder {
        color: #4e5d6f
    }

.page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #c0c0c0;
    opacity: 1
}

.page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #c0c0c0;
    opacity: 1
}

.page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #c0c0c0;
    opacity: 1
}

.page-header .search-form-opened .input-group .form-control:-moz-placeholder {
    color: #c0c0c0;
    opacity: 1
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-bordered .input-group, .sidemenu-container .sidebar-search.sidebar-search-bordered .input-group {
    border: 1px solid #435060
}

.sidemenu-closed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.open .input-group, .sidemenu-closed .sidemenu-container .sidebar-search.open .input-group {
    background-color: #1c262f
}

.sidemenu-closed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-solid .input-group, .sidemenu-closed .sidemenu-container .sidebar-search.sidebar-search-solid .input-group {
    background: 0 0
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-solid .input-group, .sidemenu-container .sidebar-search.sidebar-search-solid .input-group {
    border: 1px solid #2c3541;
    background: #2c3542
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-solid .input-group .form-control, .sidemenu-container .sidebar-search.sidebar-search-solid .input-group .form-control {
        background: #2c3541
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-solid.open .input-group, .sidemenu-container .sidebar-search.sidebar-search-solid.open .input-group {
    border: 1px solid #1c262f;
    background: #1c262e
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control, .sidemenu-container .sidebar-search.sidebar-search-solid.open .input-group .form-control {
        background: #1c262f
    }

.sidemenu-container .badge {
    font-size: 10px !important
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover.navbar-collapse, .sidemenu-container.navbar-collapse {
    padding: 0;
    box-shadow: none
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu, .sidemenu-container .sidemenu {
    list-style: none;
    margin: 0;
    padding: 0
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li, .sidemenu-container .sidemenu > li {
        display: block;
        margin: 0;
        border: 0
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-search-wrapper, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.sidebar-toggler-wrapper, .sidemenu-container .sidemenu > li.sidebar-search-wrapper, .sidemenu-container .sidemenu > li.sidebar-toggler-wrapper {
            border: 0 !important
        }

.sidebar-user-panel::after {
    clear: both
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.start > a, .sidemenu-container .sidemenu > li.start > a {
    border-top-color: transparent !important
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.last > a, .sidemenu-container .sidemenu > li.last > a {
    border-bottom-color: transparent !important
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a, .sidemenu-container .sidemenu > li > a {
    display: block;
    position: relative;
    margin: 0;
    padding: 17px 15px;
    text-decoration: none;
    font-size: 12px
}

.sidemenu-container .sidemenu.sidemenu-closed > li > a > i, .tabs-left.nav-tabs > li, .tabs-right.nav-tabs > li {
    float: none
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > [class^=icon-], .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > i.glyphicon, .sidemenu-container .sidemenu > li > a > [class^=icon-], .sidemenu-container .sidemenu > li > a > i.glyphicon {
    margin-left: 1px;
    margin-right: 4px
}

.sidemenu-container-fixed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a, .sidemenu-container-fixed .sidemenu-container .sidemenu > li > a {
    transition: all .2s ease
}

.sidemenu-container-reversed.sidemenu-container-fixed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a, .sidemenu-container-reversed.sidemenu-container-fixed .sidemenu-container .sidemenu > li > a {
    transition: none
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading, .sidemenu-container .sidemenu > li.heading {
    padding: 15px
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h3, .sidemenu-container .sidemenu > li.heading > h3 {
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: 300
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading + li > a, .sidemenu-container .sidemenu > li.heading + li > a {
        border-top: 0
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .sidemenu-container .sidemenu > li.open > a {
    font-size: 12px
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a, .sidemenu-container .sidemenu > li.active > a {
    border: 0;
    text-shadow: none;
    font-size: 12px
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .selected, .sidemenu-container .sidemenu > li.active > a > .selected {
        display: block;
        float: right;
        position: absolute;
        right: 0;
        top: 8px;
        background: 0 0;
        width: 0;
        height: 0
    }

.sidemenu-container-reversed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .selected, .sidemenu-container-reversed .sidemenu-container .sidemenu > li.active > a > .selected {
    right: auto;
    left: 0;
    border-right: 0;
    border-left: 8px solid #fff
}

.page-container-bg-solid .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .selected, .page-container-bg-solid .sidemenu-container .sidemenu > li.active > a > .selected {
    border-color: transparent #eef1f5 transparent transparent
}

.page-container-bg-solid.sidemenu-container-reversed .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .selected, .page-container-bg-solid.sidemenu-container-reversed .sidemenu-container .sidemenu > li.active > a > .selected {
    border-color: transparent transparent transparent #eef1f5
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li > a, .sidemenu-container .sidemenu li > a {
    position: relative
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li > a > .arrow:before, .sidemenu-container .sidemenu li > a > .arrow:before {
        float: left;
        content: "";
        font-family: 'Font Awesome\ 5 Free';
        text-align: center;
        display: inline;
        height: auto;
        font-weight: 300;
        text-shadow: none;
        position: absolute;
        top: 4px;
        left: 14px
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li > a > .arrow.open:before, .sidemenu-container .sidemenu li > a > .arrow.open:before {
        content: "";
        font-family: 'Font Awesome\ 5 Free'
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li > a > .badge, .sidemenu-container .sidemenu li > a > .badge {
        float: left;
        margin-top: 1px;
        margin-right: 0;
        position: absolute;
        right: 14px;
        top: 6px
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > .arrow:before, .sidemenu-container .sidemenu > li > a > .arrow:before {
    top: 14px
}

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu, .sidemenu-container .sidemenu .sub-menu {
    list-style: none;
    display: none;
    padding: 0 0 15px;
    margin: 0;
    background-color: #1e293c
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li, .sidemenu-container .sidemenu .sub-menu li {
        background: 0 0;
        margin: 0;
        padding: 0
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > a, .sidemenu-container .sidemenu .sub-menu li > a {
            display: block;
            margin: 0;
            padding: 8px 31px 8px 15px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 300;
            background: 0 0
        }

            .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > a > i, .sidemenu-container .sidemenu .sub-menu li > a > i {
                font-size: 14px
            }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > .sub-menu, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > .sub-menu > li > .sub-menu, .sidemenu-container .sidemenu .sub-menu li > .sub-menu, .sidemenu-container .sidemenu .sub-menu li > .sub-menu > li > .sub-menu {
            margin: 0
        }

            .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > .sub-menu > li > a, .sidemenu-container .sidemenu .sub-menu li > .sub-menu > li > a {
                padding-left: 60px
            }

            .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > .sub-menu > li > .sub-menu > li > a, .sidemenu-container .sidemenu .sub-menu li > .sub-menu > li > .sub-menu > li > a {
                padding-left: 80px
            }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu.always-open, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active > .sub-menu, .sidemenu-container .sidemenu .sub-menu.always-open, .sidemenu-container .sidemenu li.active > .sub-menu {
        display: block
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler, .sidemenu-container .sidebar-toggler {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: block;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
    padding: 6px 8px;
    margin-top: 15px;
    margin-right: 16px;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:hover, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:hover:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:hover:before, .sidemenu-container .sidebar-toggler > span:hover, .sidemenu-container .sidebar-toggler > span:hover:after, .sidemenu-container .sidebar-toggler > span:hover:before {
        background: #fff
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:after, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:before, .sidemenu-container .sidebar-toggler > span:after, .sidemenu-container .sidebar-toggler > span:before {
        display: inline-block;
        width: 16px;
        height: 1px;
        background: #fff;
        transition: all ease .3s;
        position: absolute;
        left: 0;
        content: ''
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span, .sidemenu-container .sidebar-toggler > span {
        display: inline-block;
        width: 16px;
        height: 1px;
        background: #fff;
        position: relative;
        top: -5px;
        transition: all ease .3s
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:before, .sidemenu-container .sidebar-toggler > span:before {
            top: 5px
        }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler > span:after, .sidemenu-container .sidebar-toggler > span:after {
            top: -5px
        }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler.th-toggle-exit > span, .sidemenu-container .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler.th-toggle-exit > span:after, .sidemenu-container .sidebar-toggler.th-toggle-exit > span:after {
            -webkit-transform: translateY(5px) rotateZ(45deg);
            -moz-transform: translateY(5px) rotateZ(45deg);
            -ms-transform: translateY(5px) rotateZ(45deg);
            -o-transform: translateY(5px) rotateZ(45deg);
            transform: translateY(5px) rotateZ(45deg)
        }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler.th-toggle-exit > span:before, .sidemenu-container .sidebar-toggler.th-toggle-exit > span:before {
            -webkit-transform: translateY(-5px) rotateZ(-45deg);
            -moz-transform: translateY(-5px) rotateZ(-45deg);
            -ms-transform: translateY(-5px) rotateZ(-45deg);
            -o-transform: translateY(-5px) rotateZ(-45deg);
            transform: translateY(-5px) rotateZ(-45deg)
        }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-toggler:hover, .sidemenu-container .sidebar-toggler:hover {
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 1;
        filter: alpha(opacity=100)
    }

.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search, .sidemenu-container .sidebar-search {
    padding: 0;
    margin: 12px 18px
}

    .sidebar-container .sidemenu > li.sidebar-mobile-offcanvas-toggler, .sidemenu-closed .user-panel, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .remove, .sidemenu-container .sidebar-search .remove {
        display: none
    }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group, .sidemenu-container .sidebar-search .input-group {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .form-control, .sidemenu-container .sidebar-search .input-group .form-control {
            border: 0;
            font-size: 14px;
            padding: 0;
            height: auto;
            line-height: normal;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px
        }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .input-group-btn .btn, .sidemenu-container .sidebar-search .input-group .input-group-btn .btn {
            padding: 2px 0 0;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 100% 3px
        }

            .card-head.card-head-sm header, .card-head.card-head-xs header, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search .input-group .input-group-btn .btn > i, .sidemenu-container .sidebar-search .input-group .input-group-btn .btn > i {
                font-size: 15px
            }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-bordered, .sidemenu-container .sidebar-search.sidebar-search-bordered {
        margin: 25px 18px
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-bordered .input-group .form-control, .sidemenu-container .sidebar-search.sidebar-search-bordered .input-group .form-control {
            font-size: 13px;
            padding: 6px 8px
        }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidebar-search.sidebar-search-bordered .input-group .input-group-btn .btn, .sidemenu-container .sidebar-search.sidebar-search-bordered .input-group .input-group-btn .btn {
            margin-right: 6px
        }

.sidemenu-closed.sidemenu-closed-hidelogo .page-header.navbar .menu-toggler.sidebar-toggler {
    background: 0 0
}

.sidemenu-container {
    background-color: #222c3c
}

.sidemenu-closed .sidemenu-container .slimScrollDiv, .sidemenu-closed .sidemenu-container .slimscroll-style {
    overflow: visible !important;
    height: 100% !important
}

.fa-angle-down:before {
    content: ""
}

.input-group-btn .search-btn {
    padding: 7px 12px
}

.search-bar-form {
    padding: 0
}

.search-form::-webkit-input-placeholder {
    color: #b4bcc8 !important
}

.search-form:-moz-placeholder, .search-form::-moz-placeholder {
    color: #b4bcc8 !important
}

.search-form:-ms-input-placeholder {
    color: #b4bcc8 !important
}

.nav-pills, .nav-tabs {
    margin-bottom: 10px
}

    .nav-pills > li > a > .badge, .nav-tabs > li > a > .badge {
        margin-top: -6px
    }

    .nav-pills > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-tabs > li .dropdown-menu:before {
        display: none
    }

    .nav-pills.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-tabs.nav-tabs-sm > li > a {
        font-size: 13px
    }

    .nav-pills .dropdown.open > .dropdown-toggle, .nav-tabs .dropdown.open > .dropdown-toggle {
        background: #eee;
        color: #0d638f;
        border-color: transparent
    }

.tabs-left.nav-tabs, .tabs-right.nav-tabs {
    border-bottom: 0
}

    .tabs-left.nav-tabs > li > a {
        margin-bottom: 3px
    }

    .tabs-right.nav-tabs > li > a {
        margin-right: 0;
        margin-bottom: 3px
    }

.tabs-left.nav-tabs {
    border-right: 1px solid #ddd;
    display: block
}

    .tabs-left.nav-tabs > li > a {
        display: block;
        margin-right: -1px
    }

        .tabs-left.nav-tabs > li > a:focus, .tabs-left.nav-tabs > li > a:hover {
            border-radius: 2px 0 0 2px;
            border-color: #eee #ddd #eee #eee
        }

    .tabs-left.nav-tabs > li a.active, .tabs-left.nav-tabs > li a.active:focus, .tabs-left.nav-tabs > li a.active:hover, .tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        -ms-border-radius: 2px 0 0 2px;
        -o-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px;
        border-color: #ddd transparent #ddd #ddd
    }

.tabs-right.nav-tabs {
    border-left: 1px solid #ddd;
    display: block
}

    .tabs-right.nav-tabs > li > a {
        display: block;
        margin-left: -1px
    }

.tabbable:after, .tabbable:before {
    display: table;
    content: " "
}

.tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover {
    border-radius: 0 2px 2px 0;
    border-color: #eee #eee #eee #ddd
}

.tabs-right.nav-tabs > li a.active, .tabs-right.nav-tabs > li a.active:focus, .tabs-right.nav-tabs > li a.active:hover, .tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    border-color: #ddd #ddd #ddd transparent
}

.tabs-below > .nav-pills, .tabs-below > .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 10px
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd
}

    .tabs-below > .nav-tabs > li > a {
        margin-top: -1px;
        margin-bottom: 0
    }

        .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
            border-top-color: #ddd;
            border-bottom-color: transparent
        }

        .tabs-below > .nav-tabs > li > a .dropdown-menu {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px
        }

    .tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -ms-border-radius: 0 0 2px 2px;
        -o-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px;
        border-color: transparent #ddd #ddd !important
    }

.tabbable:after {
    clear: both
}

.tabbable-line > .nav-tabs {
    border: 0;
    margin: 0
}

    .tabbable-line > .nav-tabs > li {
        margin: 0;
        border-bottom: 4px solid transparent
    }

        .tabbable-line > .nav-tabs > li > a {
            background: 0 0 !important;
            border: 0;
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 18px;
            color: #737373
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6
            }

        .borderBox .tabbable-line > .nav-tabs > li a.active, .tabbable-line > .nav-tabs > li a.active, .tabbable-line > .nav-tabs > li.active {
            background: 0 0;
            border-bottom: 4px solid #36c6d3;
            position: relative
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                font-size: 18px;
                color: #333
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040
                }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            background: 0 0
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: 0 0 !important;
                color: #333
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #a6a6a6
                }

.tabbable-line > .tab-content {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eef1f5;
    padding: 30px 0 0
}

.page-container-bg-solid .tabbable-line > .tab-content {
    border-top: 1px solid #dae2ea
}

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent
}

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbdcde
    }

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #ed6b75
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.tabbable-bordered {
    margin-top: 20px
}

    .tabbable-bordered .nav-tabs {
        margin-bottom: 0;
        border-bottom: 0
    }

    .tabbable-bordered .tab-content {
        padding: 30px 20px 20px;
        border: 1px solid #ddd;
        background: #fff
    }



.panel-heading-pink {
    background: #ffe8e8
}

.panel-heading-purple {
    background: #a860c5;
    color: #fff
}

.panel-heading-yellow {
    background: #ecb301;
    color: #fff
}

.panel-heading-blue {
    background: #428bca;
    color: #fff
}

.panel-heading-red {
    background: #d9534f;
    color: #fff
}

.panel-heading-green {
    background: #8bdb00;
    color: #fff
}

.panel-heading-lightGreen {
    background: #c4ffd3
}

.panel-heading a, .panel-heading a:active, .panel-heading a:focus, .panel-heading a:hover {
    text-decoration: none
}

.panel-group .panel {
    overflow: visible
}

.panel .panel-title > a:hover {
    text-decoration: none
}

.page-title {
    padding: 0;
    font-size: 28px;
    letter-spacing: -1px;
    display: block;
    color: #666;
    margin: 0 0 15px;
    font-weight: 300
}

    .page-title small {
        font-size: 14px;
        letter-spacing: 0;
        font-weight: 300;
        color: #888
    }

.page-container-bg-solid .page-title, .page-content-white .page-title {
    color: #666;
    margin-bottom: 15px;
    margin-top: 15px
}

.card-head.card-head-lg header, .page-content-white .page-title {
    font-size: 24px
}

.page-bar {
    padding: 0;
    background-color: #f1f4f7;
    margin-bottom: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-object:after, .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-object:before, .form .form-actions:after, .form .form-actions:before, .form-actions:after, .form-actions:before, .page-bar:after, .page-bar:before {
        content: " ";
        display: table
    }

    .page-bar .page-breadcrumb {
        display: inline-block;
        float: right;
        padding: 8px;
        margin: 0;
        list-style: none;
        background-color: transparent
    }

        .page-bar .page-breadcrumb > li {
            display: inline-block
        }

.ie8 .page-bar .page-breadcrumb > li {
    margin-right: 1px
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none
}

.page-bar .page-breadcrumb > li > i {
    color: #aaa;
    font-size: 14px;
    text-shadow: none
}

    .page-bar .page-breadcrumb > li > i[class*=icon-], .page-bar .page-breadcrumb > li > i[class^=icon-] {
        color: #808080
    }

.page-bar .page-toolbar {
    display: inline-block;
    float: right;
    padding: 0
}

.page-title-breadcrumb .breadcrumb li + li:before {
    content: "";
    padding: 0
}

.page-bar .page-toolbar .btn-fit-height {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.page-md .page-bar .page-toolbar .btn-fit-height {
    padding-top: 9px;
    padding-bottom: 9px;
    box-shadow: none !important
}

.page-container-bg-solid .page-bar, .page-content-white .page-bar {
    background-color: #eaeef3;
    position: relative;
    padding: 0 20px;
    margin: 0 -20px 15px
}

    .page-container-bg-solid .page-bar .page-breadcrumb, .page-content-white .page-bar .page-breadcrumb {
        padding: 22px 0
    }

        .page-container-bg-solid .page-bar .page-breadcrumb > li > a, .page-container-bg-solid .page-bar .page-breadcrumb > li > span, .page-content-white .page-bar .page-breadcrumb > li > a, .page-content-white .page-bar .page-breadcrumb > li > span {
            color: #888;
            text-decoration: none
        }

.parent-item:hover {
    color: #1ebdcc !important
}

.page-container-bg-solid .page-bar .page-breadcrumb > li > i, .page-content-white .page-bar .page-breadcrumb > li > i {
    color: #aaa
}

    .page-container-bg-solid .page-bar .page-breadcrumb > li > i.fa-circle, .page-content-white .page-bar .page-breadcrumb > li > i.fa-circle {
        font-size: 5px;
        margin: 0 5px;
        position: relative;
        top: -3px;
        opacity: .4;
        filter: alpha(opacity=40)
    }

    .page-container-bg-solid .page-bar .page-breadcrumb > li > i[class*=icon-], .page-container-bg-solid .page-bar .page-breadcrumb > li > i[class^=icon-], .page-content-white .page-bar .page-breadcrumb > li > i[class*=icon-], .page-content-white .page-bar .page-breadcrumb > li > i[class^=icon-] {
        color: #8c8c8c
    }

.page-container-bg-solid .page-bar .page-toolbar, .page-content-white .page-bar .page-toolbar {
    padding: 6px 0
}

    .page-container-bg-solid .page-bar .page-toolbar .btn, .page-content-white .page-bar .page-toolbar .btn {
        margin-top: -2px
    }

        .page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm, .page-content-white .page-bar .page-toolbar .btn.btn-sm {
            margin-top: 0
        }

.page-content {
    margin-top: 0;
    padding: 0;
    background-color: #eaeef3
}

.page-full-width .page-content {
    margin-left: 0 !important
}

.form {
    padding: 0 !important
}

    .form .form-body, .form-body {
        padding: 20px 0
    }

    .form .form-actions, .form-actions {
        margin: 0;
        background-color: #f5f5f5;
        background: 0 0;
        padding: 20px 0
    }

        .form .form-actions.nobg, .form-actions.nobg, .tile .tile-object {
            background-color: transparent
        }

        .form .form-actions.noborder, .form-actions.noborder {
            border-top: 0
        }

    .form .form-actions, .form-actions {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -ms-border-radius: 0 0 2px 2px;
        -o-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px
    }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-object:after, .form .form-actions:after, .form-actions:after {
            clear: both
        }

        .form .form-actions.right, .form-actions.right {
            padding-left: 0;
            text-align: right;
            padding-right: 0
        }

        .form .form-actions.left, .form-actions.left {
            padding-left: 20px;
            padding-right: 0;
            text-align: left
        }

.control-label {
    margin-top: 1px;
    font-weight: 400
}

    .control-label .required, .form-group .required {
        color: #e02222;
        font-size: 12px;
        padding-left: 2px
    }

.form-group {
    margin-bottom: 15px
}

.form-inline input {
    margin-bottom: 0 !important
}

.checkbox-list > label.checkbox-inline:first-child, .checkbox > label, .form .form-actions.left, .form-actions.left, .form-horizontal .checkbox > label, .radio-list > label.radio-inline:first-child {
    padding-left: 0
}

.form .form-actions.top, .form-actions.top {
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 0;
    background: 0 0
}

.form .form-actions .btn-set, .form-actions .btn-set {
    display: inline-block
}

.form .form-section, .form-section {
    margin: 30px 0;
    padding-bottom: 5px
}

.form .form-bordered .form-group .help-block, .form .form-row-seperated .form-group .help-block, .form-horizontal .radio-list > label {
    margin-bottom: 0
}

.form-fit .form .form-section, .form-fit .form-section {
    margin-left: 20px;
    margin-right: 20px
}

.checkbox, .form .form-row-seperated, .form-horizontal .checkbox {
    padding: 0
}

.radio-list > label {
    display: block
}

    .form-control-static, .input-inline, .radio-list > label.radio-inline {
        display: inline-block
    }

.form-horizontal .radio-list .radio {
    padding-top: 1px
}

.form-horizontal .radio > span {
    margin-top: 2px
}

.form .form-row-seperated .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding: 15px 0
}

    .form .form-row-seperated .form-group.last {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 13px
    }

.form .form-row-seperated .form-body {
    padding: 0
}

.form .form-row-seperated .form-actions {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.form .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef
}

    .form .form-bordered .form-group > div {
        padding: 15px;
        border-left: 1px solid #efefef
    }

    .form .form-bordered .form-group.last {
        border-bottom: 0
    }

    .form .form-bordered .form-group .control-label {
        padding-top: 20px
    }

    .form .form-bordered .form-group .form-control {
        margin: 0
    }

.form .form-bordered .form-body {
    margin: 0;
    padding: 0
}

.form .form-bordered .form-actions {
    margin-top: 0;
    padding-left: 16px !important;
    padding-right: 16px !important
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even), .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
    background: #fff !important
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
    background-color: #fff
}

.form-horizontal .form-group .input-sm {
    margin-top: 3px
}

.form-horizontal .form-group .form-control-static {
    margin-top: 1px
}

.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: 0 !important;
    box-shadow: none !important
}

#tabsMaster .form-control {
    width: auto;
}


textarea.form-control {
    width: 100% !important;
}

.form-control.height-auto, select[multiple], select[size], textarea.form-control {
    height: auto
}

select.input-sm {
    line-height: 30px
}

select.form-control.form-control-sm, select.input-sm {
    height: 30px !important
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-height {
    height: 45px !important
}

.form-horizontal .control-label.small-label {
    float: left;
    text-align: center
}

textarea.form-control-textarea {
    float: left;
    width: 100%
}

.input-group-addon > i {
    color: #c5cdda
}

.form-control.white {
    border-color: #fff
}

    .form-control.white:focus {
        border-color: #e6e6e6
    }

.form-control.focus-white:focus {
    border-color: #fff
}

.form-control.default {
    border-color: #e1e5ec
}

    .form-control.default:focus {
        border-color: #c2cad8
    }

.form-control.focus-default:focus {
    border-color: #e1e5ec
}

.form-control.dark {
    border-color: #2f353b
}

    .form-control.dark:focus {
        border-color: #181c1f
    }

.form-control.focus-dark:focus {
    border-color: #2f353b
}

.form-control.blue {
    border-color: #3598dc
}

    .form-control.blue:focus {
        border-color: #217ebd
    }

.form-control.focus-blue:focus {
    border-color: #3598dc
}

.form-control.green {
    border-color: #32c5d2
}

    .form-control.green:focus {
        border-color: #26a1ab
    }

.form-control.focus-green:focus {
    border-color: #32c5d2
}

.form-control.grey {
    border-color: #e5e5e5
}

    .form-control.grey:focus {
        border-color: #ccc
    }

.form-control.focus-grey:focus {
    border-color: #e5e5e5
}

.form-control.red {
    border-color: #e7505a
}

    .form-control.red:focus {
        border-color: #e12330
    }

.form-control.focus-red:focus {
    border-color: #e7505a
}

.form-control.yellow {
    border-color: #c49f47
}

    .form-control.yellow:focus {
        border-color: #a48334
    }

.form-control.focus-yellow:focus {
    border-color: #c49f47
}

.form-control.purple {
    border-color: #8e44ad
}

    .form-control.purple:focus {
        border-color: #703688
    }

.form-control.focus-purple:focus {
    border-color: #8e44ad
}

.form-inline .rt-chkbox {
    margin-left: 15px;
    margin-right: 15px
}

.form-control-static {
    margin: 0
}

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

.patient-img img {
    height: 40px;
    width: 40px
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#9675ce,#9675ce),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
    border: 0;
    border-radius: 0;
    box-shadow: none;
    float: none
}

.form-material .form-control {
    background-color: transparent;
    background-position: center bottom,center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px,100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s
}

    .form-material .form-control.focus, .form-material .form-control:focus {
        background-size: 100% 2px,100% 1px;
        outline: 0;
        transition-duration: .3s
    }

.fileinput .form-control {
    width: 100%;
    position: relative;
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
}

.fileinput-new .input-group-addon {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 10 !important
}

.user-panel {
    float: left;
    width: 100%;
    color: #ccc;
    padding: 10px 10px 20px
}

.user-online {
    color: #26c281
}

.user-img-circle {
    background: #fff;
    z-index: 1000;
    position: inherit;
    border: 1px solid rgba(52,73,94,.44);
    padding: 2px
}

.txtOnline {
    color: #ccc;
    font-size: 11px
}

.user-panel .image img {
    max-width: 100%
}

.user-panel .image {
    width: 35%;
    max-width: 75px
}

.user-panel .info {
    width: 50%;
    margin-left: 11px;
    margin-top: 6px
}

    .user-panel .info p {
        margin: 5px 0
    }

.modal {
    z-index: 10050;
    outline: 0
}

    .modal .modal-header {
        border-bottom: 1px solid #efefef
    }

        .modal .modal-header .close {
            margin-top: 0 !important
        }

    .modal .modal-dialog {
        z-index: 10051
    }

    .modal > .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -22px;
        margin-left: -22px
    }

    .modal.in .page-loading {
        display: none
    }

.modal, .modal-open {
    overflow-y: auto !important
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

.modal-backdrop {
    border: 0;
    outline: 0
}

    .modal-backdrop, .modal-backdrop.fade.in {
        background-color: #333 !important
    }

.modal.draggable-modal .modal-header {
    cursor: move
}

.modal .modal-content {
    box-shadow: 0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.23)
}

.note .highlight, .note code, .note.note-default {
    background-color: #fff
}

body[ng-controller] .modal-backdrop {
    z-index: 10049
}

body[ng-controller] .modal {
    z-index: 10050
}

.modal-full.modal-dialog {
    width: 99%
}

.modal .modal-content {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    background-color: #dff3ff
}

    .chat li .name, .modal .modal-content .modal-title, label {
        font-weight: 400
    }

    .modal .modal-content .modal-footer {
        border: 0
    }

.modal-backdrop.in {
    opacity: .2;
    filter: alpha(opacity=20)
}

.chat {
    padding: 0;
    margin: -15px 10px 0 0
}

    .chat li {
        list-style: none;
        padding: 7px 0 5px;
        margin: 7px auto;
        font-size: 14px;
        float: left;
        width: 100%
    }

        .chat li img.avatar {
            height: 45px;
            width: 45px;
            float: left;
            margin-right: 10px;
            margin-top: 0;
            border-radius: 50% !important
        }

.nice-chat li.in .message {
    background: #817cce;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

ul.chat.nice-chat {
    height: 438px
}

.chat li.in .message {
    text-align: left;
    margin-left: 65px
}

.nice-chat li.in .message .arrow {
    border-right: 8px solid #817cce
}

.chat li.in .message .arrow {
    display: block;
    position: absolute;
    top: 15px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.nice-chat li.in .message a.name {
    font-weight: 700;
    color: #fff
}

.chat li .name {
    font-size: 15px
}

.chat-page #inbox > li.active > a p, .chat-page #inbox > li.active > a small, .nice-chat li.in .message .datetime, a.btn.blue-bgcolor:hover {
    color: #fff
}

.nice-chat li.in .message .datetime {
    opacity: .7
}

.chat li .datetime {
    color: #adadad;
    font-size: 13px;
    font-weight: 400
}

.chat li .message .body {
    display: block
}

.chat li.out img.avatar {
    float: right;
    margin-left: 10px;
    margin-top: 0
}

.nice-chat li.out .message {
    background: #eff0f4;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.chat li.out .message, .nice li.out .message {
    border-right: 2px solid #eff0f4;
    margin-right: 65px;
    text-align: right
}

.chat li .message, .nice li .message {
    display: block;
    padding: 5px;
    position: relative
}

.chat li.out .message .arrow, .nice-chat li.out .message .arrow {
    border-left: 8px solid #eff0f4
}

.chat li.out .message .arrow {
    display: block;
    position: absolute;
    top: 15px;
    right: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.chat-txt-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #eff0f4;
    clear: both
}

.chat-form .form-group {
    width: 83%;
    margin-right: 2%;
    float: left
}

.chatpane > .toggler, .chatpane > .toggler-close {
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    top: 4px;
    cursor: pointer;
    right: 0;
    position: absolute;
    border-radius: 4px
}

.chatpane {
    width: 100%;
    margin-top: -13px;
    margin-right: 0;
    z-index: 100;
    float: right;
    position: relative
}

    .chatpane > .toggler:hover {
        background-color: #3f4f62 !important
    }

    .chatpane > .toggler-close {
        display: block !important;
        z-index: 101
    }

    .chatpane > .theme-options {
        top: 4px;
        right: 0;
        display: block !important;
        z-index: 100;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .chatpane > .theme-options > .theme-option {
            color: #c6cfda;
            padding: 15px;
            margin-top: 0;
            margin-bottom: 0
        }

            .chatpane > .theme-options > .theme-option > span {
                text-transform: uppercase;
                display: inline-block;
                width: 145px;
                font-size: 12px;
                font-weight: 500
            }

            .chatpane > .theme-options > .theme-option > select.form-control {
                display: inline;
                width: 135px;
                padding: 2px;
                text-transform: lowercase
            }

            .chatpane > .theme-options > .theme-option.theme-colors {
                border-top: 0
            }

                .chatpane > .theme-options > .theme-option.theme-colors > span {
                    display: block;
                    width: auto
                }

                .chatpane > .theme-options > .theme-option.theme-colors > ul {
                    list-style: none;
                    padding: 0;
                    display: block;
                    margin-bottom: 10px !important;
                    margin-top: 15px
                }

                    .chatpane > .theme-options > .theme-option.theme-colors > ul > li {
                        width: 40px;
                        height: 40px;
                        margin: 0 4px;
                        cursor: pointer;
                        list-style: none;
                        float: left;
                        border: 1px solid #707070
                    }

                        .chatpane > .theme-options > .theme-option.theme-colors > ul > li:first-child {
                            margin-left: 0
                        }

                        .chatpane > .theme-options > .theme-option.theme-colors > ul > li.current, .chatpane > .theme-options > .theme-option.theme-colors > ul > li:hover {
                            border: 2px solid #d64635
                        }

                        .chatpane > .theme-options > .theme-option.theme-colors > ul > li.color-default {
                            background: #333438
                        }

.page-container-bg-solid .chatpane, .page-content-white .chatpane {
    position: absolute;
    margin-top: 30px;
    margin-right: 20px;
    right: 0
}

.page-container-bg-solid.sidemenu-container-reversed.sidemenu-closed .chatpane, .page-content-white.sidemenu-container-reversed.sidemenu-closed .chatpane {
    margin-right: 65px
}

.chat-sidebar-open .chat-sidebar-toggler > i:before, .chat-sidebar-open .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i:before {
    content: "�"
}

.chat-sidebar-toggler {
    overflow: hidden;
    z-index: 99999;
    display: none;
    width: 28px;
    height: 27px;
    position: fixed;
    top: 10px;
    right: 15px;
    text-align: center;
    padding-top: 6px
}

    .chat-sidebar-toggler:hover {
        background: #303a43
    }

.card-head > div, .chat-sidebar-open .chat-sidebar-toggler {
    display: inline-block
}

    .chat-sidebar-open .chat-sidebar-toggler:hover {
        background: 0 0
    }

.chat-sidebar-toggler > i {
    color: #99a8b5;
    font-size: 17px
}

    .chat-sidebar-toggler > i:hover {
        color: #fff !important
    }

.chat-sidebar-container {
    transition: right .3s;
    z-index: 99999;
    position: fixed;
    top: 60px;
    bottom: 0;
    width: 320px;
    right: -320px;
    overflow: hidden;
    color: #7d7b7b;
    background: #fff
}

.chat-sidebar-open .chat-sidebar-container {
    transition: right .3s;
    right: 0
}

.chat-sidebar-container .chat-sidebar {
    background: #fff
}

    .chat-sidebar-container .chat-sidebar .nav-tabs {
        margin: 0;
        padding: 0;
        border: 0;
        display: block
    }

        .chat-sidebar-container .chat-sidebar .nav-tabs > li {
            display: table-cell !important;
            width: 1% !important;
            padding: 0;
            margin: 0;
            float: none
        }

            .chat-sidebar-container .chat-sidebar .nav-tabs > li > a {
                position: relative;
                display: block;
                text-align: center;
                height: auto;
                font-size: 14px;
                padding: 10px 15px 8px;
                text-transform: uppercase;
                background: 0 0;
                margin-right: 0;
                color: #90a1af;
                border: 0;
                border-bottom: 3px solid rgba(21,90,214,.3);
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                outline: 0 !important
            }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li > a > .badge {
                    position: absolute;
                    top: 16px;
                    right: 25px
                }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li.active > a, .chat-sidebar-container .chat-sidebar .nav-tabs > li:hover > a, .chat-sidebar-container .chat-sidebar .nav-tabs > li > a.active {
                    border: 0;
                    border-bottom: 3px solid #060bbb;
                    background: 0 0;
                    color: #7d7b7b;
                    text-decoration: none
                }

            .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu {
                border: 0;
                background: #36424c;
                box-shadow: 5px 5px rgba(97,117,135,.1);
                margin-top: 8px;
                margin-right: 20px
            }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu:after, .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu:before {
                    position: absolute;
                    top: -7px;
                    right: 19px;
                    display: inline-block !important;
                    border-right: 7px solid transparent;
                    border-left: 7px solid transparent;
                    border-bottom: 7px solid #36424c;
                    content: ''
                }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu:after {
                    top: -6px;
                    right: 20px;
                    border-right: 6px solid transparent;
                    border-left: 6px solid transparent
                }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu > li > a {
                    padding: 10px 15px;
                    color: #99a8b5
                }

                    .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu > li > a > i {
                        color: #93a3b1
                    }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu > li:hover > a {
                    background: #3d4a55;
                    color: #99a8b5
                }

                    .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i {
                        color: #9babb8
                    }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu > li.active > a {
                    background: #38444f;
                    color: #99a8b5
                }

                .chat-sidebar-container .chat-sidebar .nav-tabs > li .dropdown-menu > li.divider {
                    background-color: #3d4a55
                }

            .chat-sidebar-container .chat-sidebar .nav-tabs > li.open > a.dropdown-toggle {
                border-bottom: 3px solid #f3565d;
                background: 0 0;
                text-decoration: none;
                color: #90a1af
            }

    .chat-sidebar-container .chat-sidebar .tab-content {
        margin: 0;
        padding: 0
    }

.chat-header {
    padding-top: 10px
}

.chat-sidebar-container .chat-sidebar .list-heading {
    font-size: 14px;
    margin: 0 10px 10px;
    font-weight: 600;
    color: #00000099;
    background: 0 0;
    text-align: center;
    line-height: 15px;
    padding-bottom: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #80808040
}

.chat-sidebar-container .chat-sidebar .list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

    .chat-sidebar-container .chat-sidebar .list-items > li {
        margin: 0;
        padding: 15px;
        background: #fff;
        color: #585859;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ddd
    }

        .chat-header, .chat-sidebar-container .chat-sidebar .list-items > li:hover {
            background: #ddd
        }

        .chat-sidebar-container .chat-sidebar .list-items > li:last-child, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > thead > tr:last-child > th, .table.table-bordered thead > tr > th {
            border-bottom: 0
        }

    .chat-sidebar-container .chat-sidebar .list-items.borderless li {
        border: 0;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500
    }

.chat-box-submit form .input-group span .btn, .chat-sidebar-container .chat-sidebar .inner-content {
    margin: 0
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-item, .chat-sidebar-container .chat-sidebar .chat-sidebar-list {
    position: absolute !important;
    width: 320px !important;
    transition: margin .3s
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-item {
    margin-left: 320px
}

    .chat-sidebar-container .chat-sidebar .chat-sidebar-item .page-quick-sidemenu {
        padding: 15px 10px 0
    }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-item .page-quick-sidemenu .chat-sidebar-back-to-list {
            vertical-align: middle;
            display: inline-block;
            font-size: 14px;
            color: #90a1af
        }

            .chat-sidebar-container .chat-sidebar .chat-sidebar-item .page-quick-sidemenu .chat-sidebar-back-to-list:hover {
                text-decoration: none
            }

            .chat-sidebar-container .chat-sidebar .chat-sidebar-item .page-quick-sidemenu .chat-sidebar-back-to-list > i {
                font-size: 17px;
                line-height: 17px;
                vertical-align: top;
                margin-right: 3px
            }

.chat-sidebar-container .chat-sidebar .chat-sidebar-content-item-shown .chat-sidebar-list {
    transition: margin .3s;
    margin-left: -320px
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-content-item-shown .chat-sidebar-item {
    transition: margin .3s;
    margin-left: 0
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users {
    padding: 0;
    position: relative;
    border-left: 1px solid #e9e9e9
}

    .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media {
        padding: 5px 15px
    }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-object {
            border-radius: 50% !important;
            width: 35px;
            height: 35px;
            filter: alpha(opacity=80);
            float: left;
            margin-right: 10px
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media:hover, .rating span.star:hover {
            cursor: pointer
        }

            .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media:hover .media-object {
                opacity: 1;
                filter: alpha(opacity=100)
            }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-body .media-heading {
            margin: 5px 0 3px;
            font-size: 14px;
            line-height: 10px
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
            font-size: 10px;
            text-transform: uppercase;
            color: #777
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-body .media-heading-small {
            font-size: 10px;
            color: #5d7081
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .media-status {
            margin-top: 10px;
            right: 10px;
            position: absolute;
            display: inline-block
        }

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages {
    padding: 0 10px;
    border-left: 1px solid #e9e9e9;
    position: relative
}

    .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post {
        transition: display .3s;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 13px
    }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post .body {
            color: #333;
            display: block
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post .body-out {
            color: #fff;
            display: block
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post .avatar {
            width: 45.71px;
            border-radius: 50% !important
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.in .avatar {
            float: left;
            margin-right: 10px
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .avatar {
            float: right;
            margin-left: 10px
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post .datetime, .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post .name {
            font-size: 12px;
            font-weight: 300;
            color: #3c8dbc
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post .message {
            display: block;
            padding: 5px;
            position: relative;
            color: #90a1af;
            background: #36424c;
            border-radius: 5px
        }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.in .message {
            text-align: left;
            margin-left: 55px;
            background: #eff0f4
        }

            .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.in .message .arrow, .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.in .msg-in .arrow {
                display: block;
                position: absolute;
                top: 9px;
                left: -6px;
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-right-width: 6px;
                border-right-style: solid;
                border-right-color: #eff0f4
            }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.in .msg-in {
            text-align: left;
            margin-left: 55px
        }

            .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.in .msg-in .arrow {
                border-right-color: #36424c
            }

        .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .message {
            margin-right: 55px;
            text-align: right;
            background: #817cce
        }

.chat-sidebar-chat-user {
    background: #fff
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .message .arrow, .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .msg-out .arrow {
    display: block;
    position: absolute;
    top: 9px;
    right: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #817cce
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .msg-out {
    margin-right: 55px;
    text-align: right
}

    .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .msg-out .arrow {
        border-left-color: #36424c
    }

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .datetime, .chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-messages .post.out .name {
    text-align: right;
    color: #fff
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-user .chat-sidebar-chat-user-form {
    padding: 20px 10px 15px
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-alerts .chat-sidebar-alerts-list {
    padding: 10px 0;
    position: relative
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-settings .chat-sidebar-settings-list {
    padding: 0;
    position: relative;
    background: #fff;
    border-left: 1px solid #e9e9e9
}

    .chat-sidebar-container .chat-sidebar .chat-sidebar-settings .chat-sidebar-settings-list .list-items li .bootstrap-switch {
        margin-top: -3px;
        float: right;
        min-width: 59px;
        border: 1px solid #ddd
    }

    .chat-sidebar-container .chat-sidebar .chat-sidebar-settings .chat-sidebar-settings-list .list-items li .form-control {
        width: 75px !important;
        padding: 4px !important;
        float: right;
        margin-top: -4px;
        border: 1px solid #ddd
    }

    .chat-sidebar-container .chat-sidebar .chat-sidebar-settings .chat-sidebar-settings-list .list-items li select.form-control {
        padding: 4px 0 !important;
        border: 1px solid #ddd
    }

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    left: 37px;
    border: 2px solid #fff
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .online {
    background: #5cc691
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .offline {
    background: #bfbfbf
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .away {
    background: #ffd200
}

.chat-sidebar-container .chat-sidebar .chat-sidebar-chat .chat-sidebar-chat-users .media-list .media .busy {
    background: #ff6a6a
}

.chat-txt-form .form-group {
    float: left;
    width: 83%
}

.chat-sidebar-container .chat-sidebar {
    border: 1px solid #80808036
}

.chat-box-submit {
    width: 100%;
    padding-top: 25px
}

.post {
    padding: 50px 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

    .post.single {
        border-bottom: none
    }

    .post:first-child {
        padding-top: 0
    }

    .post .entry-title {
        font-size: 2.1428571429em;
        font-weight: 300;
        color: #fff
    }

    .post .featured-image {
        margin-bottom: 20px
    }

        .post .featured-image img {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 5px;
            display: block
        }

    .post p {
        margin-bottom: 30px
    }

.notification-icon {
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    padding: 9px 0;
    margin-right: 5px
}

.settings-list .setting-item {
    border-bottom: 1px solid #eee;
    padding: 15px;
    overflow: hidden
}

    .settings-list .setting-item .setting-text {
        float: left;
        font-size: 13px
    }

    .settings-list .setting-item .setting-set {
        float: right
    }

.chat-page #inbox > li.active > a {
    background: linear-gradient(45deg,#49cdd0,#45e5c3)
}

.card, .chat-page #inbox > li > a {
    position: relative;
    border-radius: 3px
}

.chat-page #inbox > li > a {
    color: #4d585f
}

    .chat-page #inbox > li > a .message {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        width: 83%
    }

    .chat-page #inbox > li > a .media .media-body {
        width: calc(100% - 40px);
        display: inline-block
    }

.chat-img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-right: 10px
}

.chat-page #inbox > li:hover {
    background: #e3e1e2;
    border-radius: 5px
}

ul.chat.chat-page {
    height: 740px
}

.chat-page #inbox > li > a, .chat-page li .message .body {
    display: block;
    padding: 10px
}

.chat-box-submit form > .input-group > input {
    height: 40px
}

.input-group-btn .mdl-button {
    height: 38px
}

.chat-page li.in .message {
    color: #fff;
    background: linear-gradient(45deg,#a890d3,#d896d1) !important;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

    .chat-page li.in .message .arrow {
        border-right: 8px solid #ac91d3
    }

h4.media-heading {
    color: #3d3d3d;
    font-weight: 500
}

.card {
    margin-bottom: 24px;
    margin-top: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.33);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.33);
    width: 100%
}

.card-topline-yellow {
    border-top: 3px solid #f39c12
}

.card-topline-aqua {
    border-top: 3px solid #00c0ef
}

.card-topline-lightblue {
    border-top: 3px solid #3c8dbc
}

.card-topline-green {
    border-top: 3px solid #00a65a
}

.card-topline-red {
    border-top: 3px solid #dd4b39
}

.card-topline-purple {
    border-top: 3px solid #ad5bff
}

.card-topline-gray {
    border-top: 3px solid #ddd
}

.card:after, .card:before {
    content: " ";
    display: table
}

.card:after {
    clear: both
}

.card > .nano:last-child {
    border-radius: 0 0 2px 2px
}



.card-body {
    padding: 15px 25px 25px;
    position: relative
}

    .card-body:after, .card-body:before {
        content: " ";
        display: table
    }

    .card-body:after {
        clear: both
    }

    .card-body:last-child {
        border-radius: 0 0 2px 2px
    }

    .card-body.table-responsive {
        margin: 0
    }

.card-actionbar {
    padding-bottom: 8px;
    position: relative
}

    .card-actionbar:after, .card-actionbar:before {
        content: " ";
        display: table
    }

    .card-actionbar:after {
        clear: both
    }

    .card-actionbar:last-child {
        border-radius: 0 0 2px 2px
    }

.card-actionbar-row {
    padding: 6px 16px;
    text-align: right
}

.card-tiles > .row, .card-type-blog-masonry > .row {
    margin: 0
}

    .card-tiles > .row > [class^=col-], .card-type-blog-masonry > .row > [class^=col-] {
        padding: 0
    }

.card-underline .card-head {
    border-bottom: 1px solid rgba(150,156,156,.4)
}

.card-underline .card-foot {
    border-top: 1px solid rgba(150,156,156,.4)
}

.card-bordered, .card-outlined {
    border: 2px solid #969c9c
}

.cardbox:hover {
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    transition: all 150ms linear
}

.card-box, .cardbox {
    background: #fff;
    min-height: 50px;
    position: relative;
    margin-bottom: 20px;
    transition: .5s;
    border: 1px solid #f2f2f2
}

.cardbox {
    display: inline-block;
    width: 100%;
    color: rgba(0,0,0,.87);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 4px
}

    .cardbox .header {
        color: #555;
        position: relative;
        border-bottom: 1px solid rgba(204,204,204,.8);
        box-shadow: none;
        margin: 15px;
        border-radius: 4px;
        padding: 15px 0;
        background-color: #fff
    }

        .cardbox .header h2 {
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            color: #3a405b;
            text-transform: uppercase
        }

    .cardbox .body {
        font-size: 15px;
        padding: 15px;
        font-weight: 400
    }

.card-box {
    box-shadow: none;
    border-radius: 0
}

    .card-box:hover {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -moz-box-shadow: 0 20px 20px rgba(0,0,0,.1);
        webkit-box-shadow: 0 0 25px -5px #9e9c9e;
        box-shadow: 0 0 25px -5px #9e9c9e;
        z-index: 1
    }

.course-box {
    padding-left: 20px;
    padding-bottom: 10px
}

.doctor-pic {
    padding: 3px;
    border: 3px solid #d2d6de;
    border-radius: 50% 50% 50% 50%;
    max-width: 112px
}

.doctor-profile {
    float: left;
    width: 100%;
    text-align: center
}

.doctor-name {
    padding: 3px;
    font-weight: 700;
    font-size: 22px
}

#biography {
    padding: 0 20px
}

.center, .doctor-name {
    text-align: center
}

.white-box {
    background: #fff;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 15px
}

.patient-profile {
    height: 100%;
    width: 100%
}

.profile-sidebar {
    float: left;
    width: 350px;
    margin-right: 20px
}

.profile-content {
    overflow: hidden
}

.profile-userpic img {
    margin: 0 auto;
    width: 130px;
    padding: 3px;
    border: 3px solid #d2d6de;
    border-radius: 50% 50% 50% 50%
}

.profile-usertitle {
    text-align: center;
    margin-top: 5px
}

.profile-usertitle-name {
    font-size: 20px;
    margin-bottom: 2px;
    font-weight: 700;
    color: #3a405b
}

.profile-usertitle-job {
    color: #777;
    font-size: 12px;
    margin-bottom: 5px
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px
}

    .profile-userbuttons .btn {
        margin-right: 5px
    }

        .profile-userbuttons .btn:last-child {
            margin-right: 0
        }

    .profile-userbuttons button {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600
    }

.profile-usermenu {
    margin-top: 30px;
    padding-bottom: 20px
}

    .profile-usermenu ul li {
        border-bottom: 1px solid #f0f4f7
    }

        .profile-usermenu ul li:last-child {
            border-bottom: none
        }

        .profile-usermenu ul li a {
            color: #93a3b5;
            font-size: 16px;
            font-weight: 400
        }

            .profile-usermenu ul li a i {
                margin-right: 8px;
                font-size: 16px
            }

            .profile-usermenu ul li a:hover {
                background-color: #fafcfd;
                color: #5b9bd1
            }

        .profile-usermenu ul li.active a {
            color: #5b9bd1;
            background-color: #f6f9fb;
            border-left: 2px solid #5b9bd1;
            margin-left: -2px
        }

.profile-stat {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f4f7
}

.profile-stat-title {
    color: #7f90a4;
    font-size: 25px;
    text-align: center
}

.profile-stat-text {
    color: #5b9bd1;
    font-size: 11px;
    font-weight: 800;
    text-align: center
}

.profile-desc-title {
    color: #7f90a4;
    font-size: 17px;
    font-weight: 600
}

.profile-desc-text {
    color: #7e8c9e;
    font-size: 14px
}

.profile-desc-link i {
    width: 22px;
    font-size: 19px;
    color: #abb6c4;
    margin-right: 5px
}

.profile-desc-link a {
    font-size: 14px;
    font-weight: 600;
    color: #5b9bd1
}

.profile-tabname {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400
}

.thumb-lg {
    width: 33%
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.blogThumb {
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd
}

.thumb-center {
    text-align: center
}

    .checkbox-list > label.checkbox-inline, .thumb-center img {
        display: inline-block
    }

.border-gray {
    border: 1px solid #ddd
}

.list-group-unbordered > .list-group-item {
    border-left: 0 none;
    border-right: 0 none;
    border-radius: 0 0 0 0;
    padding-left: 0;
    padding-right: 0
}

.checkbox-list > label, .list-group .list-group-item {
    display: block
}

.profile-desc {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 25px
}

.profile-desc-item {
    text-align: left;
    font-size: 14px;
    color: #6f6d6d;
    width: 100px
}

.performance-list {
    list-style: none outside none;
    padding: 0
}

    .performance-list li a {
        color: #9e9e9e;
        margin-bottom: 10px;
        display: block;
        text-decoration: none
    }

        .performance-list li a:hover {
            color: #00c0ef
        }

.work-monitor .title {
    margin: 0 0 40px
}

    .work-monitor .title h3 {
        font-size: 14px;
        text-transform: uppercase;
        color: #555;
        margin: 20px 0 10px
    }

    .work-monitor .title p {
        font-size: 14px;
        color: #b1b5b7
    }

.work-monitor .states {
    width: 90%
}

    .work-monitor .states .info {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0;
        font-weight: 500;
        font-size: 13px
    }

.work-progress .states {
    width: 100%
}

.p-text-area, .p-text-area:focus {
    box-shadow: none;
    color: #c3c3c3;
    font-size: 16px;
    font-weight: 300;
    border: 2px solid #f5f5f5
}

ul.activity-list {
    list-style-type: none;
    padding: 0
}

    ul.activity-list li {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eff0f4
    }

    ul.activity-list .avatar img {
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    ul.activity-list .activity-desk {
        margin-left: 70px
    }

        ul.activity-list .activity-desk h5 {
            color: #2a323f
        }

            ul.activity-list .activity-desk h5 a {
                font-weight: 700
            }

.activity-desk .album a {
    float: left;
    margin-right: 10px;
    width: 170px;
    height: 110px;
    overflow: hidden;
    margin-bottom: 10px
}

    .activity-desk .album a img {
        width: 100%
    }

#map-canvas {
    height: 200px;
    width: 100%
}

.revenue-graph {
    height: 220px
}

.sw-toolbar-bottom, .sw-toolbar-top {
    flex-direction: row-reverse;
    padding-top: 15px
}

    .sw-toolbar-bottom .navbar-btn .btn, .sw-toolbar-top .navbar-btn .btn, .wizard-form .navbar-btn .btn {
        margin-left: 10px
    }

.wizard-form .form-group {
    padding-right: 20px
}

.sw-main .nav-tabs > li {
    width: 25%
}

.sw-main.sw-theme-circles .nav-tabs > li {
    width: calc(25% - 40px)
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 10px 0 !important
}

    .DTS .table-scrollable, .table-scrollable.table-scrollable-borderless, .table-scrollable > .table-bordered {
        border: 0
    }

    .table-scrollable > .table {
        width: 100% !important;
        margin: 0 !important;
        background-color: #fff
    }

        .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > td, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > th {
            white-space: nowrap
        }

    .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

.card .dataTable td, .card .dataTable th, .card .table td, .card .table th, .table td, .table th {
    padding: 15px 8px;
    vertical-align: middle;
    font-size: 12px
}

    .table td.valigntop {
        vertical-align: top
    }

.table-toolbar {
    margin-bottom: 20px
}

    .table-toolbar:after, .table-toolbar:before {
        content: " ";
        display: table
    }

    .table-toolbar:after {
        clear: both
    }

.table.table-full-width {
    width: 100% !important
}

.table .btn {
    margin-left: 0;
    margin-right: 5px
}

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

.table-advance {
    margin-bottom: 10px !important
}

    .table-advance thead {
        color: #3f444a
    }

        .table-advance thead tr th {
            background-color: #f1f4f7;
            font-size: 14px;
            font-weight: 400;
            color: #3f444a
        }

    .table-advance div.danger, .table-advance div.important, .table-advance div.info, .table-advance div.success, .table-advance div.warning {
        position: absolute;
        margin-top: -5px;
        float: left;
        width: 2px;
        height: 30px;
        margin-right: 20px !important
    }

    .table-advance tr td {
        border-left-width: 0
    }

        .table-advance tr td:first-child {
            border-left-width: 2px !important
        }

        .table-advance tr td.highlight:first-child a {
            margin-left: 15px
        }

    .table-advance td.highlight div.primary {
        border-left: 2px solid #337ab7
    }

    .table-advance td.highlight div.success {
        border-left: 2px solid #36c6d3
    }

    .table-advance td.highlight div.info {
        border-left: 2px solid #659be0
    }

    .table-advance td.highlight div.warning {
        border-left: 2px solid #f1c40f
    }

    .table-advance td.highlight div.danger {
        border-left: 2px solid #ed6b75
    }

.table.table-light {
    border: 0 !important
}

    .table.table-light > thead > tr:hover > th {
        background: 0 0
    }

    .table.table-light > thead > tr.uppercase {
        text-transform: uppercase
    }

    .table.table-light > thead > tr > th {
        font-weight: 600;
        font-size: 13px;
        color: #93a2a9;
        border: 0;
        border-bottom: 1px solid #f2f5f8
    }

    .table.table-light > tbody > tr:last-child > td {
        border: 0
    }

    .table.table-light > tbody > tr > td {
        border: 0;
        border-bottom: 1px solid #f2f5f8;
        color: #8896a0;
        vertical-align: middle
    }

        .table.table-light > tbody > tr > td.fit {
            width: 1px;
            padding-right: 3px
        }

        .table.table-light > tbody > tr > td .user-pic {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%
        }

    .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover {
        background: #f9fafb !important
    }

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background: #f3f4f6 !important
}

table.dataTable tbody td.patient-img {
    padding: 2px
}

.table-padding {
    padding-bottom: 20px;
    padding-top: 20px
}

.help-block {
    margin-top: 5px;
    margin-bottom: 5px
}

tr.group, tr.group:hover {
    background-color: #ddd !important
}

.btn {
    outline: 0 !important
}

    .btn:hover {
        transition: all .3s
    }

.btn-default, .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus, .btn-default:active, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #e1e5ec !important;
    border-color: #e1e5ec !important
}

.btn-primary {
    background-color: #188ae2 !important;
    border: 1px solid #188ae2 !important;
    color: #fff !important
}

    .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        background-color: #167ccb !important;
        border: 1px solid #167ccb !important;
        color: #fff !important
    }

.btn-success {
    background-color: #4bd396 !important;
    border: 1px solid #4bd396 !important;
    color: #fff !important
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        background-color: #37ce8a !important;
        border: 1px solid #37ce8a !important;
        color: #fff !important
    }



    .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        background-color: #2abfcc !important;
        border: 1px solid #2abfcc !important;
        color: #fff !important
    }

.btn-warning {
    background-color: #f9c851 !important;
    border: 1px solid #f9c851 !important;
    color: #fff !important
}

    .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        background-color: #f8c038 !important;
        border: 1px solid #f8c038 !important;
        color: #fff !important
    }

.btn-danger {
    background-color: #f5707a !important;
    border: 1px solid #f5707a !important;
    color: #fff !important
}

    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        background-color: #f35864 !important;
        border: 1px solid #f35864 !important;
        color: #fff !important
    }

.btn-pink {
    background-color: #ff4081 !important;
    border: 1px solid #ff4081 !important;
    color: #fff !important
}

    .btn-pink.active, .btn-pink.focus, .btn-pink:active, .btn-pink:focus, .btn-pink:hover, .open > .dropdown-toggle.btn-pink {
        background-color: #ff4081 !important;
        border: 1px solid #ff4081 !important;
        color: #fff !important
    }

.btn-group > .btn:hover, .btn:hover, .icon-btn:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26)
}

.btn:active {
    box-shadow: 0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22)
}

.btn.white:not(.btn-outline) {
    color: #666;
    background-color: #fff;
    border-color: #fbfbfb
}

    .btn.white:not(.btn-outline).focus, .btn.white:not(.btn-outline):focus {
        color: #666;
        background-color: #e6e6e6;
        border-color: #bfbfbf
    }

    .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline):hover, .open > .btn.white:not(.btn-outline).dropdown-toggle {
        color: #666;
        background-color: #e6e6e6;
        border-color: #e0e0e0
    }

        .btn.white:not(.btn-outline).active.focus, .btn.white:not(.btn-outline).active:focus, .btn.white:not(.btn-outline).active:hover, .btn.white:not(.btn-outline):active.focus, .btn.white:not(.btn-outline):active:focus, .btn.white:not(.btn-outline):active:hover, .open > .btn.white:not(.btn-outline).dropdown-toggle.focus, .open > .btn.white:not(.btn-outline).dropdown-toggle:focus, .open > .btn.white:not(.btn-outline).dropdown-toggle:hover {
            color: #666;
            background-color: #d4d4d4;
            border-color: #bfbfbf
        }

    .btn.white:not(.btn-outline).disabled.focus, .btn.white:not(.btn-outline).disabled:focus, .btn.white:not(.btn-outline).disabled:hover, .btn.white:not(.btn-outline)[disabled].focus, .btn.white:not(.btn-outline)[disabled]:focus, .btn.white:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.white:not(.btn-outline).focus, fieldset[disabled] .btn.white:not(.btn-outline):focus, fieldset[disabled] .btn.white:not(.btn-outline):hover {
        background-color: #fff;
        border-color: #fbfbfb
    }

    .btn.white:not(.btn-outline) .badge {
        color: #fff;
        background-color: #666
    }

.btn.btn-outline.white {
    border-color: #fff;
    color: #fff;
    background: 0 0
}

    .btn.btn-outline.white.active, .btn.btn-outline.white:active, .btn.btn-outline.white:active:focus, .btn.btn-outline.white:active:hover, .btn.btn-outline.white:focus, .btn.btn-outline.white:hover {
        border-color: #fff;
        color: #666;
        background-color: #fbfbfb
    }

.btn.white-stripe {
    border-left: 4px solid #fff !important
}

.btn.white.btn-no-border:not(.active) {
    border-color: transparent
}

.btn.default:not(.btn-outline) {
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ed
}

    .btn.default:not(.btn-outline).focus, .btn.default:not(.btn-outline):focus {
        color: #666;
        background-color: #c2cad8;
        border-color: #93a1bb
    }

    .btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open > .btn.default:not(.btn-outline).dropdown-toggle {
        color: #666;
        background-color: #c2cad8;
        border-color: #bcc5d4
    }

        .btn.default:not(.btn-outline).active.focus, .btn.default:not(.btn-outline).active:focus, .btn.default:not(.btn-outline).active:hover, .btn.default:not(.btn-outline):active.focus, .btn.default:not(.btn-outline):active:focus, .btn.default:not(.btn-outline):active:hover, .open > .btn.default:not(.btn-outline).dropdown-toggle.focus, .open > .btn.default:not(.btn-outline).dropdown-toggle:focus, .open > .btn.default:not(.btn-outline).dropdown-toggle:hover {
            color: #666;
            background-color: #acb7ca;
            border-color: #93a1bb
        }

    .btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .open > .btn.default:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.default:not(.btn-outline).disabled.focus, .btn.default:not(.btn-outline).disabled:focus, .btn.default:not(.btn-outline).disabled:hover, .btn.default:not(.btn-outline)[disabled].focus, .btn.default:not(.btn-outline)[disabled]:focus, .btn.default:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.default:not(.btn-outline).focus, fieldset[disabled] .btn.default:not(.btn-outline):focus, fieldset[disabled] .btn.default:not(.btn-outline):hover {
        background-color: #e1e5ec;
        border-color: #e1e5ed
    }

    .btn.default:not(.btn-outline) .badge {
        color: #e1e5ec;
        background-color: #666
    }

.btn.btn-outline.default {
    border-color: #e1e5ec;
    color: #e1e5ec;
    background: 0 0
}

    .btn.btn-outline.default.active, .btn.btn-outline.default:active, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:focus, .btn.btn-outline.default:hover {
        border-color: #e1e5ec;
        color: #666;
        background-color: #e1e5ed
    }

.btn.default-stripe {
    border-left: 4px solid #e1e5ec !important
}

.btn.default.btn-no-border:not(.active) {
    border-color: transparent
}

.btn.dark:not(.btn-outline) {
    color: #fff;
    background-color: #2f353b;
    border-color: #2f353c
}

    .btn.dark:not(.btn-outline).focus, .btn.dark:not(.btn-outline):focus {
        color: #fff;
        background-color: #181c1f;
        border-color: #000
    }

    .btn.dark:not(.btn-outline).active, .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline):hover, .open > .btn.dark:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #181c1f;
        border-color: #141619
    }

        .btn.dark:not(.btn-outline).active.focus, .btn.dark:not(.btn-outline).active:focus, .btn.dark:not(.btn-outline).active:hover, .btn.dark:not(.btn-outline):active.focus, .btn.dark:not(.btn-outline):active:focus, .btn.dark:not(.btn-outline):active:hover, .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus, .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #090a0b;
            border-color: #000
        }

    .btn.dark:not(.btn-outline).active, .btn.dark:not(.btn-outline):active, .open > .btn.dark:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.dark:not(.btn-outline).disabled.focus, .btn.dark:not(.btn-outline).disabled:focus, .btn.dark:not(.btn-outline).disabled:hover, .btn.dark:not(.btn-outline)[disabled].focus, .btn.dark:not(.btn-outline)[disabled]:focus, .btn.dark:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.dark:not(.btn-outline).focus, fieldset[disabled] .btn.dark:not(.btn-outline):focus, fieldset[disabled] .btn.dark:not(.btn-outline):hover {
        background-color: #2f353b;
        border-color: #2f353c
    }

    .btn.dark:not(.btn-outline) .badge {
        color: #2f353b;
        background-color: #fff
    }

.btn.btn-outline.dark {
    border-color: #2f353b;
    color: #2f353b;
    background: 0 0
}

    .btn.btn-outline.dark.active, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:focus, .btn.btn-outline.dark:hover {
        border-color: #2f353b;
        color: #fff;
        background-color: #2f353c
    }

.btn.dark-stripe {
    border-left: 4px solid #2f353b !important
}

.btn.dark.btn-no-border:not(.active) {
    border-color: transparent
}

.btn.blue:not(.btn-outline) {
    color: #fff;
    background-color: #3598dc;
    border-color: #3598dd
}

    .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus {
        color: #fff;
        background-color: #217ebd;
        border-color: #15527c
    }

    .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #217ebd;
        border-color: #1f78b5
    }

        .btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #1c699f;
            border-color: #15527c
        }

    .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline)[disabled].focus, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue:not(.btn-outline).focus, fieldset[disabled] .btn.blue:not(.btn-outline):focus, fieldset[disabled] .btn.blue:not(.btn-outline):hover {
        background-color: #3598dc;
        border-color: #3598dd
    }

    .btn.blue:not(.btn-outline) .badge {
        color: #3598dc;
        background-color: #fff
    }

.btn.btn-outline.blue {
    border-color: #3598dc;
    color: #3598dc;
    background: 0 0
}

    .btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover {
        border-color: #3598dc;
        color: #fff;
        background-color: #3598dd
    }

.btn.green-bgcolor:not(.btn-outline) {
    color: #fff;
    background-color: #69c2fe;
    border-color: #69c2ff
}

    .btn.green-bgcolor:not(.btn-outline).focus, .btn.green-bgcolor:not(.btn-outline):focus {
        color: #fff;
        background-color: #26a1ab;
        border-color: #18666d
    }

    .btn.green-bgcolor:not(.btn-outline).active, .btn.green-bgcolor:not(.btn-outline):active, .btn.green-bgcolor:not(.btn-outline):hover, .open > .btn.green-bgcolor:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #69c2fe;
        border-color: #69c2ff
    }

        .btn.green-bgcolor:not(.btn-outline).active.focus, .btn.green-bgcolor:not(.btn-outline).active:focus, .btn.green-bgcolor:not(.btn-outline).active:hover, .btn.green-bgcolor:not(.btn-outline):active.focus, .btn.green-bgcolor:not(.btn-outline):active:focus, .btn.green-bgcolor:not(.btn-outline):active:hover, .open > .btn.green-bgcolor:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-bgcolor:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-bgcolor:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #1f858e;
            border-color: #18666d
        }

    .btn.green-bgcolor:not(.btn-outline).active, .btn.green-bgcolor:not(.btn-outline):active, .open > .btn.green-bgcolor:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.green-bgcolor:not(.btn-outline).disabled.focus, .btn.green-bgcolor:not(.btn-outline).disabled:focus, .btn.green-bgcolor:not(.btn-outline).disabled:hover, .btn.green-bgcolor:not(.btn-outline)[disabled].focus, .btn.green-bgcolor:not(.btn-outline)[disabled]:focus, .btn.green-bgcolor:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-bgcolor:not(.btn-outline).focus, fieldset[disabled] .btn.green-bgcolor:not(.btn-outline):focus, fieldset[disabled] .btn.green-bgcolor:not(.btn-outline):hover {
        background-color: #32c5d2;
        border-color: #32c5d3
    }

    .btn.green-bgcolor:not(.btn-outline) .badge {
        color: #32c5d2;
        background-color: #fff
    }

.btn.grey:not(.btn-outline) {
    color: #333;
    background-color: #e5e5e5;
    border-color: #e5e5e6
}

    .btn.grey:not(.btn-outline).focus, .btn.grey:not(.btn-outline):focus {
        color: #333;
        background-color: #ccc;
        border-color: #a5a5a5
    }

    .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline):hover, .open > .btn.grey:not(.btn-outline).dropdown-toggle {
        color: #333;
        background-color: #ccc;
        border-color: #c6c6c6
    }

        .btn.grey:not(.btn-outline).active.focus, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active:hover, .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover {
            color: #333;
            background-color: #bababa;
            border-color: #a5a5a5
        }

    .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active, .open > .btn.grey:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.grey:not(.btn-outline).disabled.focus, .btn.grey:not(.btn-outline).disabled:focus, .btn.grey:not(.btn-outline).disabled:hover, .btn.grey:not(.btn-outline)[disabled].focus, .btn.grey:not(.btn-outline)[disabled]:focus, .btn.grey:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey:not(.btn-outline).focus, fieldset[disabled] .btn.grey:not(.btn-outline):focus, fieldset[disabled] .btn.grey:not(.btn-outline):hover {
        background-color: #e5e5e5;
        border-color: #e5e5e6
    }

    .btn.grey:not(.btn-outline) .badge {
        color: #e5e5e5;
        background-color: #333
    }

.btn.btn-outline.grey {
    border-color: #e5e5e5;
    color: #e5e5e5;
    background: 0 0
}

    .btn.btn-outline.grey.active, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:focus, .btn.btn-outline.grey:hover {
        border-color: #e5e5e5;
        color: #333;
        background-color: #e5e5e6
    }

.btn.red:not(.btn-outline) {
    color: #fff;
    background-color: #e7505a;
    border-color: #e7505b
}

    .btn.red:not(.btn-outline).focus, .btn.red:not(.btn-outline):focus {
        color: #fff;
        background-color: #e12330;
        border-color: #a1161f
    }

    .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open > .btn.red:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #c71c27;
        border-color: #dc1e2b
    }

        .btn.red:not(.btn-outline).active.focus, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active:hover, .open > .btn.red:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #c51b26;
            border-color: #d82431
        }

    .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .open > .btn.red:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline)[disabled].focus, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red:not(.btn-outline).focus, fieldset[disabled] .btn.red:not(.btn-outline):focus, fieldset[disabled] .btn.red:not(.btn-outline):hover {
        background-color: #e7505a;
        border-color: #e7505b
    }

    .btn.red:not(.btn-outline) .badge {
        color: #e7505a;
        background-color: #fff
    }

.btn.btn-outline.red {
    border-color: #e7505a;
    color: #e7505a;
    background: 0 0
}

    .btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover {
        border-color: #e7505a;
        color: #fff;
        background-color: #e7505b
    }

.btn.yellow:not(.btn-outline) {
    color: #fff;
    background-color: #c49f47;
    border-color: #c49f48
}

    .btn.yellow:not(.btn-outline).focus, .btn.yellow:not(.btn-outline):focus {
        color: #fff;
        background-color: #a48334;
        border-color: #6a5422
    }

    .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline):hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #a48334;
        border-color: #9c7c32
    }

        .btn.yellow:not(.btn-outline).active.focus, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active:hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #896d2c;
            border-color: #6a5422
        }

    .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active, .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.yellow:not(.btn-outline).disabled.focus, .btn.yellow:not(.btn-outline).disabled:focus, .btn.yellow:not(.btn-outline).disabled:hover, .btn.yellow:not(.btn-outline)[disabled].focus, .btn.yellow:not(.btn-outline)[disabled]:focus, .btn.yellow:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow:not(.btn-outline).focus, fieldset[disabled] .btn.yellow:not(.btn-outline):focus, fieldset[disabled] .btn.yellow:not(.btn-outline):hover {
        background-color: #c49f47;
        border-color: #c49f48
    }

    .btn.yellow:not(.btn-outline) .badge {
        color: #c49f47;
        background-color: #fff
    }

.btn.btn-outline.yellow {
    border-color: #c49f47;
    color: #c49f47;
    background: 0 0
}

    .btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover {
        border-color: #c49f47;
        color: #fff;
        background-color: #c49f48
    }

.btn.purple:not(.btn-outline) {
    color: #fff;
    background-color: #8e44ad;
    border-color: #8e44ae
}

    .btn.purple:not(.btn-outline).focus, .btn.purple:not(.btn-outline):focus {
        color: #fff;
        background-color: #703688;
        border-color: #432051
    }

    .btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline):hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #703688;
        border-color: #6a3381
    }

        .btn.purple:not(.btn-outline).active.focus, .btn.purple:not(.btn-outline).active:focus, .btn.purple:not(.btn-outline).active:hover, .btn.purple:not(.btn-outline):active.focus, .btn.purple:not(.btn-outline):active:focus, .btn.purple:not(.btn-outline):active:hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #5b2c6f;
            border-color: #432051
        }

    .btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):active, .open > .btn.purple:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.purple:not(.btn-outline).disabled.focus, .btn.purple:not(.btn-outline).disabled:focus, .btn.purple:not(.btn-outline).disabled:hover, .btn.purple:not(.btn-outline)[disabled].focus, .btn.purple:not(.btn-outline)[disabled]:focus, .btn.purple:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple:not(.btn-outline).focus, fieldset[disabled] .btn.purple:not(.btn-outline):focus, fieldset[disabled] .btn.purple:not(.btn-outline):hover {
        background-color: #8e44ad;
        border-color: #8e44ae
    }

    .btn.purple:not(.btn-outline) .badge {
        color: #8e44ad;
        background-color: #fff
    }

.btn.btn-outline.purple {
    border-color: #8e44ad;
    color: #8e44ad;
    background: 0 0
}

    .btn.btn-outline.purple.active, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:focus, .btn.btn-outline.purple:hover {
        border-color: #8e44ad;
        color: #fff;
        background-color: #8e44ae
    }

.btn.btn-outline.blue-bgcolor.active, .btn.btn-outline.blue-bgcolor:active, .btn.btn-outline.blue-bgcolor:active:focus, .btn.btn-outline.blue-bgcolor:active:hover, .btn.btn-outline.blue-bgcolor:focus, .btn.btn-outline.blue-bgcolor:hover {
    border-color: #2196f2;
    color: #fff;
    background-color: #2196f3
}

.btn.btn-outline.deepPink.active, .btn.btn-outline.deepPink:active, .btn.btn-outline.deepPink:active:focus, .btn.btn-outline.deepPink:active:hover, .btn.btn-outline.deepPink:focus, .btn.btn-outline.deepPink:hover {
    border-color: #e91e63;
    color: #fff;
    background-color: #e91e63
}

.btn-circle {
    border-radius: 25px !important;
    overflow: hidden;
    outline: 0 !important
}

.btn-circle-right {
    border-radius: 0 25px 25px 0 !important
}

.btn-circle-left {
    border-radius: 25px 0 0 25px !important
}

.btn-circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.btn-circle-top {
    border-radius: 25px 25px 0 0 !important
}

.btn-icon-only {
    height: 34px;
    width: 34px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

    .btn-icon-only > [class^=icon-], .btn-icon-only > i {
        text-align: center;
        margin-top: 2px
    }

.btn-group.btn-group-circle > .btn:first-child {
    border-radius: 25px 0 0 25px !important
}

.btn-group.btn-group-circle > .btn:last-child {
    border-radius: 0 25px 25px 0 !important
}

.btn-group.btn-group-devided > .btn {
    margin-right: 5px
}

    .btn-group.btn-group-devided > .btn:last-child {
        margin-right: 0
    }

.btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
    border-radius: 25px 25px 0 0 !important
}

.btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
    border-radius: 0 0 25px 25px !important
}

.btn-group .btn {
    margin-right: 0
}

.btn-group-vertical .btn {
    margin-bottom: 0
}

.btn-group > .dropdown-menu, .dropdown-menu {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important
}

.btn-group > .dropdown-menu {
    filter: alpha(opacity=0);
    margin-top: 0
}

.btn-group.open > .dropdown-menu {
    transition: opacity 1.5s cubic-bezier(.23,1,.32,1) 0s;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn {
    font-size: 12px;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    padding: 8px 14px 7px
}

.btn-chatpane .btn, .search-form .btn {
    box-shadow: none !important;
    overflow: visible
}

.btn.btn-link {
    box-shadow: none;
    color: #337ab7
}

    .btn.btn-link:hover {
        text-decoration: none
    }

.btn > i {
    margin-top: 0;
    margin-left: 3px;
    margin-right: 3px
}

.btn.btn-sm, .btn.btn-xs {
    font-size: 11px;
    padding: 6px 18px
}

.btn.btn-xs {
    padding: 3px 8px
}

.btn.btn-lg {
    font-size: 16px;
    padding: 12px 26px 10px
}

.btn.btn-icon-only {
    padding-left: 0;
    padding-right: 0
}

    .btn.btn-icon-only > i {
        margin-left: 0;
        margin-right: 0
    }

.btn.m-icon-big {
    padding: 9px 16px 8px
}

    .btn.m-icon-big.m-icon-only {
        padding: 9px 8px 8px 0
    }

    .btn.m-icon-big [class^=m-icon-big-] {
        margin: 0 0 0 10px
    }

.btn.m-icon-ony > i {
    margin-left: 0
}

.btn.m-icon {
    padding: 7px 14px
}

    .btn.m-icon [class^=m-icon-] {
        margin: 4px 0 0 5px
    }

    .btn.m-icon.m-icon-only {
        padding: 7px 10px 7px 6px
    }

.btn.btn-outline.blue-bgcolor, .btn.btn-outline.green-bgcolor {
    border-color: #32c5d2;
    color: #32c5d2;
    background: 0 0
}

.btn.btn-outline.deepPink {
    border-color: #e91e63;
    color: #e91e63;
    background: 0 0
}

.btn.btn-outline.green-bgcolor.active, .btn.btn-outline.green-bgcolor:active, .btn.btn-outline.green-bgcolor:active:focus, .btn.btn-outline.green-bgcolor:active:hover, .btn.btn-outline.green-bgcolor:focus, .btn.btn-outline.green-bgcolor:hover {
    border-color: #32c5d2;
    color: #fff;
    background-color: #32c5d3
}

.btn.no-margin, .dropdown-content form {
    margin: 0
}

.btn-facebook {
    color: #fff !important;
    background-color: #3b5998 !important
}

.btn-linkedin, .btn-twitter {
    color: #fff !important;
    background-color: #00aced !important
}

.btn-linkedin {
    background-color: #007bb6 !important
}

.btn-dribbble, .btn-googleplus {
    color: #fff !important;
    background-color: #ea4c89 !important
}

.btn-googleplus {
    background-color: #dd4b39 !important
}

.btn-instagram, .btn-pinterest {
    color: #fff !important;
    background-color: #517fa4 !important
}

.btn-pinterest {
    background-color: #cb2027 !important
}

.btn-dropbox, .btn-flickr {
    color: #fff !important;
    background-color: #007ee5 !important
}

.btn-flickr {
    background-color: #ff0084 !important
}

.btn-skype, .btn-tumblr {
    color: #fff !important;
    background-color: #32506d !important
}

.btn-skype {
    background-color: #00aff0 !important
}

.btn-github, .btn-youtube {
    color: #fff !important;
    background-color: #b00 !important
}

.btn-github {
    background-color: #171515 !important
}

.label {
    text-shadow: none !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px 15px;
    background: #1ebdcc;
    line-height: 1;
    text-align: center
}

h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
    font-size: 75%
}

.label-event {
    background-color: #dc35a9 !important
}

    .label-event[href]:focus, .label-event[href]:hover {
        background-color: #9ca8bb !important
    }

.label-primary {
    background: linear-gradient(45deg,#4099ff,#73b4ff) !important
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090 !important;
        color: #fff
    }

.label-success {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5) !important
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #27a4b0 !important
    }

.label-info {
    background-color: #659be0 !important
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #3a80d7 !important
    }

.label-warning {
    background: linear-gradient(45deg,#ffb64d,#ffcb80) !important
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #c29d0b !important
    }

.label-danger {
    background: linear-gradient(45deg,#ff5370,#ff869a) !important
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #e73d4a !important
    }

.label.label-icon {
    margin-right: 2px;
    text-align: center !important
}

    .label.label-icon > i {
        font-size: 12px;
        text-align: center !important
    }

.ie8 .label.label-icon, .ie9 .label.label-icon {
    padding: 3px 0 3px 3px !important
}

.label-menu {
    margin-right: 30px;
    font-size: 10px;
    border-radius: 60px;
    padding: 6px 8px;
    min-width: 30px;
    height: 20px;
    float: right
}

.sidemenu-closed .label-menu {
    margin-right: -5px;
    margin-top: -5px
}

.label.label-sm {
    font-size: 10px;
    font-weight: 600;
    padding: 6px;
    margin-right: 5px
}

.label.label-icon {
    padding: 4px 0 4px 4px !important;
    font-size: 12px !important
}

.info-box small, .note p, .page-loading, .panel .panel-body, .sub-title {
    font-size: 14px
}

.sub-title {
    border-bottom: 1px solid rgba(204,204,204,.35);
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 600;
    color: #2c3e50
}

.calendar-block .cal1 .clndr .clndr-controls .month {
    display: inline-block;
    width: 190px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 5px;
    position: relative;
    top: 2px
}

.calendar-block .cal1 .clndr .clndr-controls {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    display: block !important;
    position: relative;
    text-align: center;
    background: #32c5d2;
    margin: -15px -15px 10px;
    padding: 45px 20px;
    width: auto !important;
    color: #fff
}

    .calendar-block .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button, .calendar-block .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
        color: #fff
    }

    .calendar-block .cal1 .clndr .clndr-controls .month span {
        display: block;
        font-size: 30px;
        padding: 0 10px;
        margin-bottom: 0
    }

.clndr-next-button, .clndr-previous-button {
    position: relative;
    top: -30px
}

.calendar-block .day-contents:hover, .today .day-contents {
    width: 30px;
    background: #32c5d2;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto
}

.fc-state-default {
    border: 1px solid #eee;
    background: 0 0 !important;
    color: #7e869d;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0
}

.fc-state-active {
    background: #a389d4 !important;
    color: #fff
}

.fc-day-grid-event {
    padding: 5px 1px;
    border: 0;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center
}

.fc .fc-today-button {
    margin-left: 12px
}

.dropdown.open > .dropdown-toggle, .dropup.open > .dropdown-toggle {
    border-color: #ddd
}

.dropdown-menu {
    left: auto;
    right: 0;
    min-width: 200px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: right;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: initial
}

.navbar-custom ::-webkit-scrollbar {
    width: 0
}

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

.dropdown-menu li.divider {
    background: #f1f3f6
}

.dropdown-menu li.header {
    padding: 8px 14px 2px
}

.dropdown-menu > li > a {
    padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap
}

    .dropdown-menu > li > a > [class*=" fa-"], .dropdown-menu > li > a > [class^=fa-] {
        color: #888
    }

    .dropdown-menu > li > a > [class*=" icon-"], .dropdown-menu > li > a > [class^=icon-], .todo-actionlist a:hover i {
        color: #666
    }

    .dropdown-menu > li > a > [class*=" glyphicon-"], .dropdown-menu > li > a > [class^=glyphicon-] {
        color: #888
    }

.dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
    text-decoration: none;
    background-image: none;
    background-color: #f6f6f6;
    color: #555;
    filter: none
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

    .dropdown-menu.bottom-up:after, .dropdown-menu.bottom-up:before, .dropdown-toggle:after {
        display: none
    }

.dropdown-menu > li:first-child:hover > a {
    border-radius: 2px 2px 0 0
}

.dropdown-menu > li:last-child:hover > a {
    border-radius: 0 0 2px 2px
}

.dropdown-hover:hover > .dropdown-menu {
    display: block
}

.btn-group > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .dropdown > .dropdown-menu.pull-left:before {
    left: auto;
    right: 9px
}

.btn-group > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .dropdown > .dropdown-menu.pull-left:after {
    left: auto;
    right: 10px
}

.btn-group > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .dropdown > .dropdown-menu.pull-right:before {
    left: auto;
    right: 9px
}

.btn-group > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .dropdown > .dropdown-menu.pull-right:after {
    left: auto;
    right: 10px
}

.btn-group.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .dropdown.dropup > .dropdown-menu {
    margin-top: 0;
    margin-bottom: 10px
}

    .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before, .dropdown-menu:after, .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before {
        display: none !important
    }

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 5px;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px
    }

    .dropdown-submenu > a:after {
        position: absolute;
        display: inline-block;
        font-size: 14px;
        right: 7px;
        top: 7px;
        font-family: FontAwesome;
        height: auto;
        content: "";
        font-weight: 300
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff
    }

    .dropdown-submenu.pull-left {
        float: none
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px
        }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px
}

.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

    .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before {
        right: 12px;
        left: auto
    }

    .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after {
        right: 13px;
        left: auto
    }

    .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        right: 100%;
        left: auto;
        margin-right: -1px;
        margin-left: 0
    }

.dropdown-content {
    padding: 10px
}

.dropdown.inline .dropdown-menu {
    display: inline-block;
    position: relative
}

.dropdown-menu {
    border: 0 !important;
    border-radius: 2px !important;
    margin: 0;
    transform: unset !important
}

.dropdown-menu-footer {
    padding: 10px;
    border-top: 1px solid #eff2f6;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #f3f7f9
}

    .dropdown-menu-footer a {
        color: #a3afb7;
        transition: .5s
    }

        .dropdown-menu-footer a:hover {
            color: #18b2bf;
            text-decoration: none
        }

.rt-chkbox, .rt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .rt-chkbox.rt-chkbox-disabled, .rt-chkbox.rt-radio-disabled, .rt-radio.rt-chkbox-disabled, .rt-radio.rt-radio-disabled {
        opacity: .6;
        filter: alpha(opacity=60)
    }

    .rt-chkbox > input, .rt-radio > input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .rt-chkbox > span, .rt-radio > span {
        border: 1px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
        height: 19px;
        width: 19px;
        background: #e6e6e6
    }

        .rt-chkbox > span:after, .rt-radio > span:after {
            content: '';
            position: absolute;
            display: none
        }

    .rt-chkbox-list .rt-chkbox, .rt-chkbox-list .rt-radio, .rt-chkbox > input:checked ~ span:after, .rt-radio-list .rt-chkbox, .rt-radio-list .rt-radio, .rt-radio > input:checked ~ span:after {
        display: block
    }

    .rt-chkbox:hover > input:not([disabled]) ~ span, .rt-chkbox > input:focus ~ span, .rt-radio:hover > input:not([disabled]) ~ span, .rt-radio > input:focus ~ span {
        background: #d9d9d9;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .rt-chkbox:hover > input:not([disabled]):checked ~ span, .rt-chkbox > input:checked ~ span, .rt-radio:hover > input:not([disabled]):checked ~ span, .rt-radio > input:checked ~ span {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #d9d9d9
    }

    .rt-chkbox.rt-chkbox-outline:hover > input:not([disabled]):checked ~ span, .rt-chkbox.rt-chkbox-outline:hover > input:not([disabled]) ~ span, .rt-chkbox.rt-chkbox-outline > input:checked ~ span, .rt-chkbox.rt-chkbox-outline > input:focus ~ span, .rt-chkbox.rt-chkbox-outline > span, .rt-chkbox.rt-radio-outline:hover > input:not([disabled]):checked ~ span, .rt-chkbox.rt-radio-outline:hover > input:not([disabled]) ~ span, .rt-chkbox.rt-radio-outline > input:checked ~ span, .rt-chkbox.rt-radio-outline > input:focus ~ span, .rt-chkbox.rt-radio-outline > span, .rt-radio.rt-chkbox-outline:hover > input:not([disabled]):checked ~ span, .rt-radio.rt-chkbox-outline:hover > input:not([disabled]) ~ span, .rt-radio.rt-chkbox-outline > input:checked ~ span, .rt-radio.rt-chkbox-outline > input:focus ~ span, .rt-radio.rt-chkbox-outline > span, .rt-radio.rt-radio-outline:hover > input:not([disabled]):checked ~ span, .rt-radio.rt-radio-outline:hover > input:not([disabled]) ~ span, .rt-radio.rt-radio-outline > input:checked ~ span, .rt-radio.rt-radio-outline > input:focus ~ span, .rt-radio.rt-radio-outline > span {
        border: 1px solid #d9d9d9;
        background: 0 0
    }

    .rt-chkbox > span:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid #666;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg)
    }

    .rt-chkbox > input:disabled ~ span:after {
        border-color: #666
    }

.rt-chkbox-inline, .rt-chkbox-list, .rt-radio-inline, .rt-radio-list {
    padding: 10px 0
}

.form-horizontal .form-group .rt-chkbox-list, .form-horizontal .form-group .rt-radio-list {
    padding-top: 0
}

.form-horizontal .form-group .rt-chkbox-inline, .form-horizontal .form-group .rt-radio-inline {
    padding-top: 8px
}

.rt-chkbox-inline .rt-chkbox, .rt-chkbox-inline .rt-radio, .rt-radio-inline .rt-chkbox, .rt-radio-inline .rt-radio {
    display: inline-block;
    margin-right: 15px
}

    .rt-chkbox-inline .rt-chkbox:last-child, .rt-chkbox-inline .rt-radio:last-child, .rt-radio-inline .rt-chkbox:last-child, .rt-radio-inline .rt-radio:last-child {
        margin-right: 0
    }

td > .rt-chkbox.rt-chkbox-single, td > .rt-radio.rt-radio-single, th > .rt-chkbox.rt-chkbox-single, th > .rt-radio.rt-radio-single {
    right: -5px
}

.rt-radio > span, .timeline .timeline-badge-userpic img {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important
}

.rt-radio > span {
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important
}

    .rt-radio > span:after {
        left: 6px;
        top: 6px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #666
    }

.rt-radio > input:disabled ~ span:after {
    background: #666
}

.icon-btn, .icon-btn:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.icon-btn {
    height: 60px;
    min-width: 80px;
    margin: 5px 5px 0 0;
    padding: 12px 0 0;
    background-color: #fafafa;
    background-image: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #646464;
    text-shadow: none
}

    .icon-btn:hover {
        border-color: #999;
        color: #444;
        text-shadow: 0 1px 0 #fff;
        transition: all .3s ease;
        text-decoration: none
    }

.icon-btn, .ie8 .icon-btn:hover {
    filter: none
}

.loading-message, .page-loading {
    min-width: 125px;
    vertical-align: middle
}

.icon-btn:hover > .badge {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-btn > .badge {
    position: absolute;
    font-size: 11px;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 6px;
    color: #fff;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.icon-btn > i {
    font-size: 18px
}

.icon-btn {
    border: 0;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1)
}

    .icon-btn > div {
        margin-top: 5px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 11px;
        color: #565d66
    }

.input-icon {
    position: relative;
    left: 0
}

    .input-icon > .form-control {
        padding-left: 33px
    }

.input-group .input-icon > .form-control {
    border-radius: 2px 0 0 2px
}

.input-group .input-icon.right > .form-control, .tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0
}

.input-icon > i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0
}

.modal .input-icon > i {
    z-index: 10055
}

.has-success .input-icon > i {
    color: #36c6d3
}

.has-warning .input-icon > i {
    color: #f1c40f
}

.has-error .input-icon > i {
    color: #ed6b75
}

.input-icon.right {
    left: auto;
    right: 0
}

    .input-icon.right > .form-control {
        padding-right: 33px;
        padding-left: 12px
    }

.input-group .input-icon.right > .form-control {
    border-radius: 0 2px 2px 0
}

.input-icon.right > i {
    left: auto;
    right: 8px;
    float: right
}

.input-icon.input-icon-lg > i {
    margin-top: 16px
}

.input-icon.input-icon-sm > i {
    margin-top: 8px;
    font-size: 13px
}

.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 0
}

    .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
        margin-top: 0
    }

        .note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
            margin-right: -10px
        }

    .note p {
        margin: 0
    }

        .note p:last-child, .tab-pane > p:last-child {
            margin-bottom: 0
        }

    .note.note-default {
        border-color: #b0c1d2;
        color: #000
    }

        .note.note-default.note-bordered {
            background-color: #eef1f5;
            border-color: #c0cedb
        }

        .note.note-default.note-shadow {
            background-color: #f1f4f7;
            border-color: #d1dbe4;
            box-shadow: 5px 5px rgba(212,221,230,.2)
        }

    .note.note-success {
        background-color: #c0edf1;
        border-color: #58d0da;
        color: #000
    }

        .note.note-success.note-bordered {
            background-color: #a7e6ec;
            border-color: #6dd6df
        }

        .note.note-success.note-shadow {
            background-color: #abe7ed;
            border-color: #81dbe3;
            box-shadow: 5px 5px rgba(134,221,228,.2)
        }

    .note.note-info {
        background-color: #f5f8fd;
        border-color: #8bb4e7;
        color: #010407
    }

        .note.note-info.note-bordered {
            background-color: #dbe8f8;
            border-color: #a0c2ec
        }

        .note.note-info.note-shadow {
            background-color: #e0ebf9;
            border-color: #b5cff0;
            box-shadow: 5px 5px rgba(185,210,241,.2)
        }

    .note.note-warning {
        background-color: #faeaa9;
        border-color: #f3cc31;
        color: #000
    }

        .note.note-warning.note-bordered {
            background-color: #f8e38c;
            border-color: #f4d249
        }

        .note.note-warning.note-shadow {
            background-color: #f9e491;
            border-color: #f6d861;
            box-shadow: 5px 5px rgba(246,217,102,.2)
        }

    .note.note-danger {
        background-color: #fef7f8;
        border-color: #f0868e;
        color: #210406
    }

        .note.note-danger.note-bordered {
            background-color: #fbdcde;
            border-color: #f39da3
        }

        .note.note-danger.note-shadow {
            background-color: #fbe1e3;
            border-color: #f6b3b8;
            box-shadow: 5px 5px rgba(246,184,189,.2)
        }

.pagination {
    margin: 10px 0
}

    .pagination.pagination-circle > li:first-child > a {
        border-radius: 25px 0 0 25px !important
    }

    .pagination.pagination-circle > li:last-child > a {
        border-radius: 0 25px 25px 0 !important
    }

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "";
    float: right
}

.accordion .card-header.collapsed:after {
    content: ""
}

.tabs-reversed > li {
    float: right;
    margin-right: 0
}

    .tabs-reversed > li > a {
        margin-right: 0
    }

.customtab.nav-tabs .nav-link.active, .customtab.nav-tabs .nav-link.active:focus {
    border-bottom: 2px solid #36c6d3;
    color: #191d1d
}

.customtab.nav-tabs .nav-link {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    color: #999
}

.btmBorder {
    border-bottom: 0 !important
}

.customtab {
    border-bottom: 2px solid #f7fafc
}

.nav-tabs > li, nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li {
    float: right
}

    .nav-pills > li > a, .nav-tabs > li > a {
        font-size: 14px;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        -o-border-radius: 2px 2px 0 0;
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs > li a.active, .nav-tabs > li a.active:focus, .nav-tabs > li a.active:hover {
        color: #555;
        cursor: default;
        background-color: #fff;
        border-bottom-color: transparent
    }

.state-overview h1.sbold, .state-overview p.sbold {
    float: right
}

.state-overview p {
    width: 100%
}

.state-overview .purple {
    background: #a979d1;
    color: #fff
}

.state-overview .orange {
    background: #e67d21;
    color: #fff
}

.state-overview .blue {
    background: #55acef;
    color: #fff
}

.state-overview .green {
    background: #15a087;
    color: #fff
}

.state-overview .symbol {
    width: 10%;
    padding: auto;
    float: right;
    background-color: inherit
}

.state-overview .value {
    background-color: inherit;
    width: 80%;
    border-right: 1px solid;
    text-align: right !important;
    padding-right: 10px;
    float: right
}

.state-overview .symbol i {
    font-size: 25px
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.state-overview .value .white {
    border-color: rgba(255,255,255,.2);
    text-align: right
}

.state-overview .symbol {
    text-align: center
}

.state-overview .value h1 {
    font-weight: 300;
    margin: 0;
    padding: 0 0 15px
}

.state-overview .value p {
    color: #fff;
    font-size: 12px !important;
    margin: 0;
    padding: 0 0 15px
}

.bg-blue {
    background-color: #389af0
}

.info-box {
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 150px;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.1);
    margin-bottom: 20px;
    padding: 15px;
    color: #fff
}

    .info-box .progress {
        background: rgba(0,0,0,.2);
        margin: 5px -10px 5px 0;
        height: 2px;
        border-radius: 0
    }

        .info-box .progress .progress-bar, .to-do-list li {
            border-radius: 0;
            background: #fff
        }

.info-box-icon {
    float: right;
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 30px;
    line-height: 74px;
    background: rgba(0,0,0,.2);
    border-radius: 100%
}

    .info-box-icon.push-bottom {
        margin-top: 20px
    }

    .info-box-icon > img, .item img {
        max-width: 100%
    }

.info-box-content {
    padding: 0 10px 10px;
    margin-right: 90px;
    margin-top: 10px
}

.info-box-number {
    font-weight: 300;
    font-size: 22px
}

.info-box-text, .progress-description {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400
}

.progress-description, .to-do-list li p {
    margin: 0
}

.borderBox.light.bordered {
    border: 1px solid #e7ecf1 !important
}

.borderBox.light {
    padding: 12px 20px 15px;
    background-color: #fff
}

.borderBox {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 2px;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03)
}

    .borderBox.light.bordered > .borderBox-title {
        border-bottom: 1px solid #eef1f5
    }

    .borderBox.light > .borderBox-title {
        padding: 0;
        min-height: 48px
    }

    .borderBox.bordered > .borderBox-title {
        border-bottom: 0
    }

    .borderBox > .borderBox-title {
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 10px;
        min-height: 41px;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        -o-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

        .borderBox > .borderBox-title:after, .borderBox > .borderBox-title:before, .page-footer:after, .page-footer:before {
            content: " ";
            display: table
        }

    .borderBox.light > .borderBox-title > .caption {
        color: #666;
        padding: 10px 0
    }

    .borderBox > .borderBox-title > .caption {
        float: left;
        display: inline-block;
        font-size: 18px;
        line-height: 18px;
        padding: 10px 0
    }

    .borderBox.light > .borderBox-title > .caption > .caption-subject {
        font-size: 16px
    }

    .borderBox > .borderBox-title > .nav-tabs {
        background: 0 0;
        margin: 1px 0 0;
        float: right;
        display: inline-block;
        border: 0
    }

    .borderBox.light > .borderBox-title > .nav-tabs > li, .notification-list p, .notification-list p small {
        margin: 0;
        padding: 0
    }

    .borderBox > .borderBox-title > .nav-tabs > li {
        background: 0 0;
        margin: 0
    }

    .borderBox.light > .borderBox-title > .nav-tabs > li > a {
        margin: 0;
        padding: 12px 13px 13px;
        font-size: 13px;
        color: #666
    }

    .borderBox > .borderBox-title > .nav-tabs > li > a {
        background: 0 0;
        margin: 5px 0 0 1px;
        border: 0;
        padding: 8px 10px;
        color: #fff
    }

    .borderBox.light > .borderBox-title > .nav-tabs > li.active > a, .borderBox.light > .borderBox-title > .nav-tabs > li:hover > a {
        margin: 0;
        background: 0 0;
        color: #333
    }

.rating {
    unicode-bidi: bidi-override;
    direction: rtl
}

    .rating span.star {
        font-family: FontAwesome;
        font-weight: 400;
        font-style: normal;
        display: inline-block;
        font-size: 22px
    }

        .rating span.star:before {
            content: "";
            padding-right: 5px;
            color: #bec3c7
        }

        .rating span.star:hover:before, .rating span.star:hover ~ span.star:before {
            content: "";
            color: #986cbc
        }

.todo-title {
    margin-right: 25px;
    padding-top: 5px
}

.to-do-list {
    padding-left: 0;
    margin-top: -10px;
    font-size: 12px;
    min-height: 311px;
    float: left;
    width: 100%
}

    .to-do-list li {
        padding: 17px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        cursor: move;
        list-style: none;
        font-size: 14px;
        border-bottom: 1px dotted rgba(0,0,0,.2)
    }

.todo-actionlist {
    position: absolute;
    right: -5px;
    top: 22px
}

    .todo-actionlist a, .todo-actionlist a i {
        height: 24px;
        width: 24px;
        display: inline-block
    }

    .todo-actionlist a {
        float: left
    }

        .todo-actionlist a i {
            text-align: center;
            line-height: 24px;
            color: #ccc
        }

.todo-done i {
    font-size: 14px
}

.todo-remove i {
    font-size: 10px
}

.line-through {
    text-decoration: line-through
}

.todo-action-bar {
    margin-top: 20px
}

.drag-marker {
    height: 17px;
    display: block;
    float: left;
    width: 7px;
    position: relative;
    top: 6px
}

    .drag-marker i {
        height: 2px;
        width: 2px;
        display: block;
        background: #ccc;
        box-shadow: 5px 0 0 0 #ccc,0 5px 0 0 #ccc,5px 5px 0 0 #ccc,0 10px 0 0 #ccc,5px 10px 0 0 #ccc,0 15px 0 0 #ccc,5px 15px 0 0 #ccc;
        -webkit-box-shadow: 5px 0 0 0 #ccc,0 5px 0 0 #ccc,5px 5px 0 0 #ccc,0 10px 0 0 #ccc,5px 10px 0 0 #ccc,0 15px 0 0 #ccc,5px 15px 0 0 #ccc;
        -moz-box-shadow: 5px 0 0 0 #ccc,0 5px 0 0 #ccc,5px 5px 0 0 #ccc,0 10px 0 0 #ccc,5px 10px 0 0 #ccc,0 15px 0 0 #ccc,5px 15px 0 0 #ccc
    }

.inbox-small-cells .todo-check input[type=checkbox], .to-do-list li .todo-check input[type=checkbox], .todo-check input[type=checkbox] {
    visibility: hidden
}

.todo-check {
    width: 20px;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px
}

    .todo-check label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        left: 0;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: #ccc 1px solid
    }

        .todo-check label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 13px;
            height: 8px;
            background: 0 0;
            top: 3px;
            left: 3px;
            border: 3px solid #cfcfcf;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.todo-checklabel:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: .3
}

.todo-check input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.todo-entry {
    float: left;
    width: 88%
}

.StrikeThrough {
    text-decoration: line-through
}

.badge {
    font-size: 11px !important;
    color: #fff;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    text-align: center
}

.list-group-item > .badge {
    float: right;
    margin-left: 5px
}

.badge.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.badge.badge-empty {
    display: inline-block;
    padding: 0;
    min-width: 8px;
    height: 8px;
    width: 8px
}

.badge-default {
    background-color: #bac3d0
}

.badge-primary {
    background-color: #337ab7
}

.badge-info {
    background-color: #659be0
}

.badge-success {
    background-color: #36c6d3
}

.badge-danger {
    background-color: #ed6b75
}

.badge-warning {
    background-color: #f1c40f
}

.nav.nav-pills > li > a > .badge, .nav.nav-stacked > li > a > .badge {
    margin-top: -2px
}

.dropdown-menu > li > a > .badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
    padding: 4px 6px 2px
}

.dropdown-menu.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.badge {
    padding: 12px 38px 14px
}

.scroll-to-top {
    padding: 10px;
    border-radius: 2px;
    background: #217ebd;
    text-align: center;
    position: relative;
    bottom: 10px;
    z-index: 10001;
    display: none;
    margin-left: 20px;
    height: 35px
}

    .scroll-to-top > i {
        display: inline-block;
        color: #fff;
        font-size: 15px;
        opacity: .6;
        filter: alpha(opacity=60)
    }

    .scroll-to-top:hover {
        cursor: pointer
    }

        .scroll-to-top:hover > i {
            opacity: 1;
            filter: alpha(opacity=100)
        }

.page-footer .page-footer-inner {
    color: #98a6ba
}

.page-footer-fixed .page-footer {
    background-color: #28303b
}

.page-footer-fixed.page-footer-fixed-mobile .page-container {
    margin-bottom: 20px !important
}

.page-footer {
    padding: 20px 5px;
    font-size: 13px;
    background-color: #222c3c
}

    .page-footer .page-footer-inner {
        float: left;
        width: 100%;
        text-align: center
    }

.page-footer-fixed.page-footer-fixed-mobile .page-footer {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    bottom: 0
}

.page-footer-fixed.page-footer-fixed-mobile.sidemenu-container-fixed .page-footer {
    margin-left: 0 !important
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.feed-blog {
    border-left: 1px solid #d6d6d6;
    margin-left: 30px;
    padding: 0;
    height: 492px
}

.col-auto {
    padding-left: 15px;
    padding-right: 15px
}

.feed-blog li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 50px
}

    .feed-blog li .feed-user-img {
        position: absolute;
        left: -20px;
        top: -10px
    }

        .feed-blog li .feed-user-img img {
            width: 40px;
            height: 40px;
            border-radius: 50%
        }

    .feed-blog li.active-feed .feed-user-img:after {
        border-color: #2ed8b6
    }

    .feed-blog li .feed-user-img:after {
        content: "";
        position: absolute;
        top: 3px;
        right: 3px;
        border: 3px solid transparent;
        border-radius: 50%
    }

    .feed-blog li h6 {
        line-height: 1.5;
        cursor: pointer
    }

.text-muted {
    color: #919aa3 !important;
    margin-bottom: 10px
}

.img-100 {
    width: 100px
}

.faq-heading {
    padding: 1px 15px !important;
    background: #f5f5f5 !important
}

.faq {
    margin-bottom: 4px !important
}

ul.docListWindow {
    list-style-type: none;
    padding: 0 10px;
    height: 430px;
    overflow: hidden
}

    ul.docListWindow li {
        display: inline-block;
        width: 100%;
        border-bottom: 1px dashed #dcdcdc;
        margin-bottom: 11px;
        padding-bottom: 11px
    }

        ul.docListWindow li .prog-avatar {
            width: 40px;
            height: 40px;
            float: left;
            margin-right: 25px
        }

            ul.docListWindow li .prog-avatar img {
                width: 100%;
                border-radius: 50%;
                -webkit-border-radius: 50%
            }

    ul.docListWindow .progress {
        height: 10px;
        text-indent: 0;
        margin: 0
    }

    ul.docListWindow .progress-bar {
        text-align: right;
        padding-right: 15px;
        line-height: 10px;
        font-size: 10px
    }

.noti-information .notification-list {
    padding: 0
}

.notification-list a:first-child {
    border-top: none
}

.noti-information .notification-list a {
    padding: 10px 18px
}

.notification-list a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #f3f3f3;
    color: #2b2b2c;
    text-decoration: none;
    font-size: 14px
}

.notification-list.not-list a span.icon {
    margin-top: 5px
}

.notification-list.mail-list a span.icon {
    padding: 3px 10px;
    margin-top: 0;
    color: #fff
}

.notification-list a span.icon {
    margin-right: 15px;
    font-size: 16px;
    float: left
}

.notification-list.mail-list.not-list, .theme-color a {
    height: 343px;
    overflow: hidden
}

.noti-information .mail-list .read, .noti-information .mail-list .un-read {
    right: 20px
}

.mail-list .single-mail {
    position: relative
}

a.single-mail.text-center.view-all {
    background: #fff;
    margin: 20px 0 0
}

.not-list span.icon {
    width: 40px;
    height: 40px;
    line-height: 33px;
    font-size: 12px;
    text-align: center;
    border-radius: 6px
}

.mail-list .read, .mail-list .un-read {
    position: absolute;
    right: 0;
    top: 32px;
    font-size: 12px;
    color: #dfdfe2
}

.fa-comments-o:before {
    content: ""
}

.panel-body, .user-bg .overlay-box .user-content {
    padding: 15px
}

.stat-item {
    display: inline-block;
    padding-right: 15px
}

.analysis-box, .stats-row {
    margin-bottom: 20px
}

.analysis-box {
    padding: 2px 20px 10px;
    border-radius: 20px
}

.clsAvailable, .clsNotAvailable, .clsOnLeave {
    color: #0cc745;
    font-size: 13px;
    font-weight: 600
}

.clsNotAvailable, .clsOnLeave {
    color: #f00
}

.clsOnLeave {
    color: #32c5d2
}

.user-bg {
    margin: -25px;
    overflow: hidden;
    position: relative
}

    .user-bg .overlay-box {
        background: #9675ce;
        opacity: .9;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        text-align: center
    }

.user-btm-box {
    padding: 40px 0 10px;
    clear: both;
    overflow: hidden
}

.addr-font-h1 span {
    font-size: 14px;
    vertical-align: text-top
}

span.notificationtime {
    display: block
}

.addr-font-h3 {
    font-size: 24px
}

.addr-font-h4 {
    font-size: 18px
}

.progress {
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 8px;
    border-radius: 0 !important;
    margin: 0
}

.progress-bar-success {
    background-color: #36c6d3
}

.progress-bar-green {
    background: linear-gradient(45deg,#9ce89d,#cdfa7e) !important
}

.progress-bar-orange {
    background: linear-gradient(45deg,#fda582,#f7cf68) !important
}

.progress-bar-purple {
    background: linear-gradient(45deg,#a890d3,#edbae7) !important
}

.progress-bar-cyan {
    background: linear-gradient(45deg,#72c2ff,#86f0ff) !important
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.state-overview .addr-font-h1 {
    font-size: 36px;
    float: left;
    width: auto
}

.text-danger .fa-instagram, .text-purple .fa-facebook, .text-success .fa-twitter {
    font-size: 20px
}

.course-likes {
    float: right;
    margin-right: 20px
}

.course-picture {
    text-align: center
}

.contact-detail, .course-picture, .profile-userpic {
    float: left;
    width: 100%
}

    .contact-detail .fa {
        float: left;
        width: 30px;
        font-size: 20px;
        margin-top: 5px
    }

    .contact-detail span {
        float: left;
        width: calc(100% - 30px);
        margin-bottom: 20px
    }

    .contact-detail .fa-envelope {
        font-size: 15px
    }

    .contact-detail .fa-mobile {
        font-size: 25px
    }

.profile-userpic {
    text-align: center
}

.alert-dismissible .close {
    text-indent: 0
}

.alert.alert-dismissible {
    color: #fff
}

.control-sidebar-btn.btn {
    position: absolute;
    left: -53px;
    padding: 25px;
    z-index: 999;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    font-size: 18px;
    color: #fff;
    border-color: #2f323e;
    background-color: #2f323e;
    margin: 0
}

.control-sidebar-btn i {
    position: absolute;
    top: 18px;
    left: 15px
}

.display-none {
    display: none
}

.quick-setting-main {
    float: left;
    position: fixed;
    top: 25%;
    z-index: 99999;
    right: 0
}

.quick-setting {
    float: left;
    background-color: #eee;
    border: 5px solid #ddd;
    display: none;
    margin-top: -15px;
    max-width: 380px;
    padding: 20px
}

    .quick-setting ul#themecolors li {
        list-style: none
    }

    .quick-setting ul#themecolors {
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
        max-width: 330px
    }

        .quick-setting ul#themecolors li a {
            width: 32px;
            height: 32px;
            display: inline-block;
            margin: 5px;
            color: transparent;
            position: relative;
            background-color: #eaeef3
        }

            .quick-setting ul#themecolors li a.green-theme {
                background-color: #0f0
            }

            .quick-setting ul#themecolors li a.turquoise {
                background-color: #00c5cd
            }

.theme-color a {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin: 5px 8px 5px 0;
    -webkit-box-shadow: .4px .9px 3px 0 rgba(0,0,0,.33);
    box-shadow: .4px .9px 3px 0 rgba(0,0,0,.33);
    width: 45px;
    height: 40px
}

    .theme-color a[data-theme=blue] .head:before, .theme-color a[data-theme=cyan] .head:before, .theme-color a[data-theme=dark] .head:before, .theme-color a[data-theme=header-white] .head:after, .theme-color a[data-theme=header-white] .head:before, .theme-color a[data-theme=indigo] .head:before, .theme-color a[data-theme=logo-blue] .head:before, .theme-color a[data-theme=logo-cyan] .head:before, .theme-color a[data-theme=logo-dark] .head:before, .theme-color a[data-theme=logo-green] .head:before, .theme-color a[data-theme=logo-indigo] .head:before, .theme-color a[data-theme=logo-red] .head:before, .theme-color a[data-theme=logo-white] .head:after, .theme-color a[data-theme=logo-white] .head:before, .theme-color a[data-theme=red] .head:before, .theme-color a[data-theme=white] .cont:after, .theme-color a[data-theme=white] .head:after, .theme-color a[data-theme=white] .head:before {
        background: #fff
    }

    .theme-color a[data-theme=dark] .cont:after, .theme-color a[data-theme=header-dark] .head:after, .theme-color a[data-theme=header-dark] .head:before {
        background: #303548
    }

    .theme-color a[data-theme=blue] .cont:after, .theme-color a[data-theme=blue] .head:after, .theme-color a[data-theme=header-blue] .head:after, .theme-color a[data-theme=header-blue] .head:before, .theme-color a[data-theme=logo-blue] .head:after {
        background: #5093eb
    }

    .theme-color a[data-theme=header-indigo] .head:after, .theme-color a[data-theme=header-indigo] .head:before, .theme-color a[data-theme=indigo] .cont:after, .theme-color a[data-theme=indigo] .head:after, .theme-color a[data-theme=logo-indigo] .head:after {
        background: #6673fc
    }

    .theme-color a[data-theme=cyan] .cont:after, .theme-color a[data-theme=cyan] .head:after, .theme-color a[data-theme=header-cyan] .head:after, .theme-color a[data-theme=header-cyan] .head:before, .theme-color a[data-theme=logo-cyan] .head:after {
        background: #4abad2
    }

    .theme-color a[data-theme=green] .cont:after, .theme-color a[data-theme=green] .head:after, .theme-color a[data-theme=header-green] .head:after, .theme-color a[data-theme=header-green] .head:before, .theme-color a[data-theme=logo-green] .head:after {
        background: #49d075
    }

    .theme-color a[data-theme=header-red] .head:after, .theme-color a[data-theme=header-red] .head:before, .theme-color a[data-theme=logo-red] .head:after, .theme-color a[data-theme=red] .cont:after, .theme-color a[data-theme=red] .head:after {
        background: #e44f56
    }

    .theme-color a[data-theme=dark] .head:after, .theme-color a[data-theme=logo-dark] .head:after {
        background: #303548
    }

.layout-theme a[data-theme=dark] .cont {
    background: #464545
}

.layout-theme a[data-theme=dark] .head:before {
    background: #242b3a
}

.layout-theme a[data-theme=light] .cont, .layout-theme a[data-theme=light] .head:before {
    background: #fff
}

.layout-theme a[data-theme=light] .head:after {
    background: #6673fc
}

.theme-color a .head {
    height: 10px
}

.theme-color a .cont, .theme-color a .head {
    display: block;
    position: relative
}

    .theme-color a .cont:before, .theme-color a .head:before {
        width: 60%;
        right: 0
    }

    .theme-color a .cont:after, .theme-color a .cont:before, .theme-color a .head:after, .theme-color a .head:before {
        content: "";
        height: 100%;
        display: inline-block;
        position: absolute
    }

    .theme-color a .cont:after, .theme-color a .head:after {
        width: 40%;
        left: 0
    }

.theme-color a .cont {
    height: 40px
}

.selector-title {
    margin-top: 0 !important;
    color: #000
}

.hoverHighlight:hover {
    background-color: #c3c3c3 !important
}

.sub-menu .nav-item a i {
    float: right;
    right: 14px;
    padding-left: 22px
}

.modal-header {
    display: initial !important
}

.close {
    float: left !important
}

[class*=" fa-python "] {
    margin-right: 5px;
    margin-top: 5px
}

.checkbox > label {
    margin-right: 5px
}

.btn_small {
    padding: 5px 8px;
    margin-top: 10px
}

.selectpicker {
    transform: translate3d(0,34px,0) !important
}

div.ArcheTypeControl h4 {
    font-size: 13px !important;
    width: 90%
}

.ArcheTypeControlTitle {
    font-size: 12px !important
}

.info-box-care {
    min-height: 90px !important;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.1);
    margin-bottom: 20px;
    font-size: 10px;
    border-radius: 5px;
    padding-top: 12px;
    background-color: #fff !important
}

a div.lblcare, a i.fa-medrt {
    color: #f00
}

a div.lblplus, a i.fa-user-plus {
    color: #00f
}

a div.lblviewList, a i.fa-users {
    color: #008000
}

div i.fa-tasks {
    color: #f00
}

.fa-check-square {
    color: #008000 !important
}

.text-info {
    color: #3046bd !important
}

.text-danger {
    color: #ff5465 !important
}

.bootstrap-select > .dropdown-toggle {
    border-style: none;
    border-color: currentcolor;
    border-width: medium;
    font-size: 12px;
    color: #afafaf;
    padding-left: 25px;
    width: 100% !important;
    z-index: 1
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.title {
    font-size: 12px !important
}

.dropdown-toggle .fa, .dropdown-toggle .fas {
    font-size: 16px;
    padding-left: 22px
}

.input-group {
    height: 32px
}

.message {
    border-right: 2px solid #eff0f4;
    margin-right: 65px;
    text-align: right
}

.clsAnswer {
    color: #0cc745;
    font-size: 13px;
    font-weight: 600
}

ul.nav li ul.dropdown-menu {
    position: absolute;
    top: 55px;
    z-index: 90000 !important
}

.fa.fa-angle-down_menu {
    padding-right: 2px
}

.bs-searchbox .form-control {
    width: 100% !important
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    left: 12px !important;
    right: initial !important
}

.RadGrid_Default .rgHeader {
    font-weight: 500
}

.fa-square.groupIcon {
    color: #c2c2c2 !important
}

.bootstrap-select.btn-group.show-tick .dropdown-menu a.selected span.dropdown-item-inner span.check-mark {
    right: 3px;
    margin-top: 0;
    color: #617cb1
}

.nav .fa.fa-angle-down.fa-angle-down_menu {
    font-size: 11px;
    margin: 0;
    padding-right: 3px !important
}

.fa.fa-check.check-mark {
    margin-right: -11px;
    margin-top: 0 !important
}

.nScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.nScroll::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

.nScroll::-webkit-scrollbar-thumb {
    background-color: #000
}

.tb .rgHeader, .tb tbody th, .tb thead tr th, .table thead tr {
    background-image: url(../../Images/bg.png) !important;
    background-color: #fff !important;
    border: 0 solid #709dc5 !important
}

.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeaderWrapper, .RadGrid_Default th.rgResizeCol {
    background-image: url(../../Images/bg.png) !important;
    background-color: #fff !important;
    border: 1px solid #709dc5 !important
}

.RadGrid_Default .rgRow > td {
    border-color: #48a0b7 !important
}

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

.RadGrid_Default {
    border-color: #70a4d1 !important;
    color: #134056 !important;
    background-color: #fff !important
}

    .RadGrid_Default .rgHeader {
        color: #060d38 !important
    }

#app-form fieldset::before {
    background-color: #fff;
    content: "";
    height: 18px;
    right: 30px;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(43deg);
    width: 18px
}

#app-form fieldset {
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    position: relative;
    border: 0;
    margin: 0 !important;
    webkit-box-shadow: 0 1px 2px #777;
    -moz-box-shadow: 0 2px 1px #777;
    box-shadow: 0 2px 1px #777
}

fieldset {
    min-width: 100% !important;
    max-width: none
}

.img {
    background: url(../../Images/Zij.jpg) no-repeat center center;
    height: 800px;
    width: 800px;
    position: relative;
    margin: 0 auto
}

.titleCenter {
    border-radius: 125px;
    height: 250px;
    margin: 0;
    position: absolute;
    right: 274px;
    top: 305px !important;
    text-align: center;
    width: 250px;
    line-height: 60px;
    padding-top: 60px;
    font-size: 24px
}

#mc11, #mc12, #mc13, #mc14, #me11 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 362px;
    text-align: center;
    top: 235px;
    width: 40px
}

#mc12, #mc13, #mc14, #me11 {
    right: 361px;
    top: 180px
}

#mc13, #mc14, #me11 {
    right: 357px;
    top: 131px
}

#mc14, #me11 {
    right: 354px;
    top: 79px
}

#me11 {
    right: 323px;
    top: 242px
}

#mc21, #mc22, #mc23, #mc24, #mc31, #mc32, #me12, #me13, #me14, #me21, #me22, #me23, #me24 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 308px;
    text-align: center;
    top: 189px;
    width: 40px
}

#mc21, #mc22, #mc23, #mc24, #mc31, #mc32, #me13, #me14, #me21, #me22, #me23, #me24 {
    right: 296px;
    top: 143px
}

#mc21, #mc22, #mc23, #mc24, #mc31, #mc32, #me14, #me21, #me22, #me23, #me24 {
    right: 282px;
    top: 93px
}

#mc21, #mc22, #mc23, #mc24, #mc31, #mc32, #me21, #me22, #me23, #me24 {
    right: 286px;
    top: 265px
}

#mc22, #mc23, #mc24, #mc31, #mc32, #me21, #me22, #me23, #me24 {
    right: 255px;
    top: 222px
}

#mc23, #mc24, #mc31, #mc32, #me21, #me22, #me23, #me24 {
    right: 224px;
    top: 185px
}

#mc24, #mc31, #mc32, #me21, #me22, #me23, #me24 {
    right: 192px;
    top: 143px
}

#mc31, #mc32, #me21, #me22, #me23, #me24 {
    right: 256px;
    top: 293px
}

#mc31, #mc32, #me22, #me23, #me24 {
    right: 218px;
    top: 261px
}

#mc31, #mc32, #me23, #me24 {
    right: 180px;
    top: 229px
}

#mc31, #mc32, #me24 {
    right: 141px;
    top: 196px
}

#mc31, #mc32 {
    right: 230px;
    top: 330px
}

#mc32 {
    right: 180px;
    top: 314px
}

#mc33, #mc34, #mc41, #mc42, #mc43, #mc44, #me31, #me32, #me33, #me34, #me41, #me42, #me43 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 133px;
    text-align: center;
    top: 298px;
    width: 40px
}

#mc34, #mc41, #mc42, #mc43, #mc44, #me31, #me32, #me33, #me34, #me41, #me42, #me43 {
    right: 85px;
    top: 284px
}

#mc41, #mc42, #mc43, #mc44, #me31, #me32, #me33, #me34, #me41, #me42, #me43 {
    right: 223px;
    top: 370px
}

#mc41, #mc42, #mc43, #mc44, #me32, #me33, #me34, #me41, #me42, #me43 {
    right: 171px;
    top: 367px
}

#mc41, #mc42, #mc43, #mc44, #me33, #me34, #me41, #me42, #me43 {
    right: 124px;
    top: 362px
}

#mc41, #mc42, #mc43, #mc44, #me34, #me41, #me42, #me43 {
    right: 73px;
    top: 356px
}

#mc41, #mc42, #mc43, #mc44, #me41, #me42, #me43 {
    right: 225px;
    top: 413px
}

#mc42, #mc43, #mc44, #me41, #me42, #me43 {
    right: 173px;
    top: 416px
}

#mc43, #mc44, #me41, #me42, #me43 {
    right: 123px;
    top: 417px
}

#mc44, #me41, #me42, #me43 {
    right: 71px;
    top: 423px
}

#me41, #me42, #me43 {
    right: 233px;
    top: 452px
}

#me42, #me43 {
    right: 187px;
    top: 465px
}

#me43 {
    right: 139px;
    top: 479px
}

#mc51, #mc52, #mc53, #mc54, #mc61, #mc62, #mc63, #mc64, #me44, #me51, #me52, #me53, #me54 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 91px;
    text-align: center;
    top: 494px;
    width: 40px
}

#mc51, #mc52, #mc53, #mc54, #mc61, #mc62, #mc63, #mc64, #me51, #me52, #me53, #me54 {
    right: 253px;
    top: 489px
}

#mc52, #mc53, #mc54, #mc61, #mc62, #mc63, #mc64, #me51, #me52, #me53, #me54 {
    right: 216px;
    top: 518px
}

#mc53, #mc54, #mc61, #mc62, #mc63, #mc64, #me51, #me52, #me53, #me54 {
    right: 174px;
    top: 547px
}

#mc54, #mc61, #mc62, #mc63, #mc64, #me51, #me52, #me53, #me54 {
    right: 135px;
    top: 579px
}

#mc61, #mc62, #mc63, #mc64, #me51, #me52, #me53, #me54 {
    right: 283px;
    top: 519px
}

#mc61, #mc62, #mc63, #mc64, #me52, #me53, #me54 {
    right: 253px;
    top: 555px
}

#mc61, #mc62, #mc63, #mc64, #me53, #me54 {
    right: 224px;
    top: 594px
}

#mc61, #mc62, #mc63, #mc64, #me54 {
    right: 193px;
    top: 633px
}

#mc61, #mc62, #mc63, #mc64 {
    right: 321px;
    top: 540px
}

#mc62, #mc63, #mc64 {
    right: 302px;
    top: 586px
}

#mc63, #mc64 {
    right: 283px;
    top: 628px
}

#mc64 {
    right: 265px;
    top: 675px
}

#mc71, #mc72, #mc73, #mc74, #mc81, #me61, #me62, #me63, #me64, #me71, #me72, #me73, #me74 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 362px;
    text-align: center;
    top: 548px;
    width: 40px
}

#mc71, #mc72, #mc73, #mc74, #mc81, #me62, #me63, #me64, #me71, #me72, #me73, #me74 {
    right: 351px;
    top: 596px
}

#mc71, #mc72, #mc73, #mc74, #mc81, #me63, #me64, #me71, #me72, #me73, #me74 {
    right: 344px;
    top: 646px
}

#mc71, #mc72, #mc73, #mc74, #mc81, #me64, #me71, #me72, #me73, #me74 {
    right: 338px;
    top: 692px
}

#mc71, #mc72, #mc73, #mc74, #mc81, #me71, #me72, #me73, #me74 {
    right: 404px;
    top: 550px
}

#mc72, #mc73, #mc74, #mc81, #me71, #me72, #me73, #me74 {
    right: 408px;
    top: 597px
}

#mc73, #mc74, #mc81, #me71, #me72, #me73, #me74 {
    right: 411px;
    top: 647px
}

#mc74, #mc81, #me71, #me72, #me73, #me74 {
    right: 414px;
    top: 699px
}

#mc81, #me71, #me72, #me73, #me74 {
    right: 443px;
    top: 533px
}

#mc81, #me72, #me73, #me74 {
    right: 463px;
    top: 578px
}

#mc81, #me73, #me74 {
    right: 484px;
    top: 624px
}

#mc81, #me74 {
    right: 505px;
    top: 671px
}

#mc81 {
    right: 480px;
    top: 517px
}

#mc82, #mc83, #mc84, #mc91, #mc92, #mc93, #mc94, #me81, #me82, #me83, #me84, #me91, #me92 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 511px;
    text-align: center;
    top: 555px;
    width: 40px
}

#mc83, #mc84, #mc91, #mc92, #mc93, #mc94, #me81, #me82, #me83, #me84, #me91, #me92 {
    right: 542px;
    top: 591px
}

#mc84, #mc91, #mc92, #mc93, #mc94, #me81, #me82, #me83, #me84, #me91, #me92 {
    right: 572px;
    top: 634px
}

#mc91, #mc92, #mc93, #mc94, #me81, #me82, #me83, #me84, #me91, #me92 {
    right: 510px;
    top: 486px
}

#mc91, #mc92, #mc93, #mc94, #me82, #me83, #me84, #me91, #me92 {
    right: 547px;
    top: 520px
}

#mc91, #mc92, #mc93, #mc94, #me83, #me84, #me91, #me92 {
    right: 583px;
    top: 551px
}

#mc91, #mc92, #mc93, #mc94, #me84, #me91, #me92 {
    right: 624px;
    top: 585px
}

#mc91, #mc92, #mc93, #mc94, #me91, #me92 {
    right: 532px;
    top: 449px
}

#mc92, #mc93, #mc94, #me91, #me92 {
    right: 579px;
    top: 465px
}

#mc93, #mc94, #me91, #me92 {
    right: 630px;
    top: 483px
}

#mc94, #me91, #me92 {
    right: 677px;
    top: 512px
}

#me91, #me92 {
    right: 536px;
    top: 409px
}

#me92 {
    right: 583px;
    top: 416px
}

#me93 {
    right: 636px;
    top: 425px;
    width: 40px
}

#mc101, #me93, #me94 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    text-align: center
}

#me94 {
    width: 40px;
    right: 682px;
    top: 432px
}

#mc101 {
    right: 558px;
    top: 370px
}

#mc102, #mc103, #mc104, #mc111, #mc112, #mc113, #mc114, #me101, #me102, #me103, #me104 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 588px;
    text-align: center;
    top: 366px;
    width: 40px
}

#mc103, #mc104, #mc111, #mc112, #mc113, #mc114, #me101, #me102, #me103, #me104 {
    right: 635px;
    top: 357px
}

#mc104, #mc111, #mc112, #mc113, #mc114, #me101, #me102, #me103, #me104 {
    right: 683px;
    top: 351px
}

#mc111, #mc112, #mc113, #mc114, #me101, #me102, #me103, #me104 {
    right: 528px;
    top: 330px
}

#mc111, #mc112, #mc113, #mc114, #me102, #me103, #me104 {
    right: 572px;
    top: 315px
}

#mc111, #mc112, #mc113, #mc114, #me103, #me104 {
    right: 626px;
    top: 298px
}

#mc111, #mc112, #mc113, #mc114, #me104 {
    right: 671px;
    top: 284px
}

#mc111, #mc112, #mc113, #mc114 {
    right: 507px;
    top: 292px
}

#mc112, #mc113, #mc114 {
    right: 543px;
    top: 259px
}

#mc113, #mc114 {
    right: 581px;
    top: 231px
}

#mc114 {
    right: 621px;
    top: 198px
}

#mc121, #mc122, #mc123, #mc124, #me111, #me112, #me113, #me114, #me121, #me122, #me123, #me124 {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 476px;
    text-align: center;
    top: 265px;
    width: 40px
}

#mc121, #mc122, #mc123, #mc124, #me112, #me113, #me114, #me121, #me122, #me123, #me124 {
    right: 509px;
    top: 227px
}

#mc121, #mc122, #mc123, #mc124, #me113, #me114, #me121, #me122, #me123, #me124 {
    right: 542px;
    top: 187px
}

#mc121, #mc122, #mc123, #mc124, #me114, #me121, #me122, #me123, #me124 {
    right: 571px;
    top: 151px
}

#mc121, #mc122, #mc123, #mc124, #me121, #me122, #me123, #me124 {
    right: 442px;
    top: 243px
}

#mc122, #mc123, #mc124, #me121, #me122, #me123, #me124 {
    right: 463px;
    top: 195px
}

#mc123, #mc124, #me121, #me122, #me123, #me124 {
    right: 480px;
    top: 150px
}

#mc124, #me121, #me122, #me123, #me124 {
    right: 499px;
    top: 102px
}

#me121, #me122, #me123, #me124 {
    right: 403px;
    top: 232px
}

#me122, #me123, #me124 {
    right: 410px;
    top: 182px
}

#me123, #me124 {
    right: 420px;
    top: 135px
}

#me124 {
    right: 429px;
    top: 83px
}

.zij-help {
    bottom: 0 !important;
    float: left;
    left: 0;
    position: absolute
}

.btn {
    margin-top: 24px
}

    .btn.dropdown-toggle {
        margin: 0 !important
    }

.chkPosition {
    padding-right: 15px !important;
    padding-top: 8px !important
}*/
/*.table-responsive{overflow-x:initial !important}*/

/*.modal-footer {
    display: initial !important
}

.close {
    font-size: initial !important
}

.workDeskDiv {
    overflow-y: auto;
    height: 320px;
    margin-bottom: 10px
}

.workDeskDivBody {
    width: 100%;
    height: 286px;
    overflow-y: scroll
}

.MemberFormsAgeGroupDashboard {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 396px
}

.MemberFormsTimeLine {
    width: 100%;
    height: 396px
}

.noDisplay {
    visibility: hidden
}

.redText span {
    color: #f08080 !important
}

.greenText span {
    color: #008000 !important
}

.yellowText span {
    color: #ff0 !important
}

.dirLtr {
    direction: ltr
}

.fab.fa-medrt.text-large:hover {
    font-size: 40px !important;
    opacity: .7
}

.fas.fa-user-plus.text-large:hover {
    font-size: 40px !important;
    opacity: .7
}

.fas.fa-users.text-large:hover {
    font-size: 40px !important;
    opacity: .7
}

.material-icons:hover {
    font-size: 28px !important
}

.iconClass {
    margin-left: 4px;
    font-size: 14px !important
}

.patient-height-image:hover, .timeline-icon:hover, .doc-pic:hover {
    transform: scale(1.09)
}

.drug_Width {
    width: 20% !important;
    max-width: 20% !important
}

.RadGrid_Default, .RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table {
    font-family: iranyekan,IRANSans,WYekan,Yekan,BYekan,wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif !important
}

.modal-backdrop {
    z-index: 1036 !important
}

.myrow {
    font-family: iranyekanEN !important;
}


.liSelectedRole {
    padding: 4px;
    margin-right: 25px;
    color: #0f5b5e;
    list-style-type: circle;
}

.uiSelectedRole {
    list-style-type: circle;
}

.divCurrentRole {
    background-color: #d3eef7;
    font-weight: bolder;
    padding: 20px !important;
}

.modal-fixed {
    max-width: 100%;
    margin: 10px;
}

.modal {
    padding-right: 0px !important;
}

.divMember {
    display: -webkit-box !important;
    width: 100%;
}

.vidDivClass {
    position: absolute;
    z-index: 10;
    background-color: rgb(223, 223, 223);
    width: 30%;
    left: 100px;
    padding: 10px;
    border: 3px solid #A8A8A8;
    border-radius: 10px;
    height: 60vh;
    color: #2a2a2a;
}

    .vidDivClass iframe {
        height: calc(100% - 105px);
    }

:root {
    --sidebar-color: #fff;
    --sidebar-font-color: #4680ff;
    --logo-color: #222c3c;
    --header-color: #6673FC
}

.custom-sidebar-color .sidemenu-container {
    background-color: var(--sidebar-color)
}

    .custom-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .custom-sidebar-color .sidemenu-container .sidemenu > li.active > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #fff;
        border-top-color: transparent;
        color: var(--sidebar-font-color)
    }

    .custom-sidebar-color .sidemenu-container .sidemenu > li > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: #555;
        border-bottom: none;
        background-color: var(--sidebar-color)
    }

.custom-sidebar-color .user-panel {
    color: #444
}

.custom-sidebar-color .txtOnline {
    color: #444
}

.custom-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .custom-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .custom-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .custom-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .custom-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .custom-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
    color: var(--sidebar-font-color)
}

.custom-sidebar-color .sidemenu-container .sidemenu .sub-menu, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #F5F5F5
}

    .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: #444
    }

    .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: var(--sidebar-font-color)
    }

.custom-sidebar-color .page-container {
    background-color: #fff
}

.selector-title {
    margin-top: 0 !important
}

.custom-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid var(--sidebar-font-color)
}

.custom-sidebar-color .sidemenu-hover-submenu li:hover > .sub-menu {
    background-color: #F5F5F5
}

.logo-custom .page-header.navbar .page-logo {
    background: var(--logo-color)
}

.header-custom .page-header.navbar {
    background-color: var(--header-color)
}

.header-custom form.search-form-opened .btn.submit {
    color: #fff
}

.header-custom .search-form-opened input[type="text"] {
    color: #fff
}

.header-custom form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-custom .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-custom .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-custom .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-custom .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-custom .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-custom .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-custom .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-custom .language-switch a {
    color: #fff
}

.header-custom .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-custom .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-custom .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    background-color: transparent
}

.header-custom .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent
}

.header-custom .dropdown-menu > li.active:hover > a, .header-custom .dropdown-menu > li.active > a, .header-custom .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-custom .language-switch a.dropdown-toggle {
    color: #fff
}

.white-sidebar-color .sidemenu-container {
    background-color: #fff
}

    .white-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .white-sidebar-color .sidemenu-container .sidemenu > li.active > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #F4F6F9;
        border-top-color: transparent;
        color: #4680ff
    }

    .white-sidebar-color .sidemenu-container .sidemenu > li.open > a, .white-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
        background-color: #F4F6F9;
        border-top-color: transparent;
        color: #4680ff
    }

    .white-sidebar-color .user-panel, .white-sidebar-color .txtOnline, .white-sidebar-color .sidemenu-container .sidemenu > li > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: #444
    }

    .white-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .white-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .white-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .white-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .white-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .white-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
        color: #4680ff
    }

    .white-sidebar-color .sidemenu-container .sidemenu .sub-menu, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
        background-color: #F4F6F9
    }

        .white-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
            color: #444
        }

        .white-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .white-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .white-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
            color: #4680ff
        }

.white-sidebar-color .page-container {
    background-color: #fff
}

.selector-title {
    margin-top: 0 !important
}

.white-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #4680ff
}

.white-sidebar-color .sidemenu-hover-submenu li:hover > .sub-menu {
    background-color: #F5F5F5
}

.white-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .white-sidebar-color .sidemenu-container .sidemenu li.active > a > .arrow.open:before, .white-sidebar-color .sidemenu-container .sidemenu li.active > a > .arrow:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active > a > .arrow.open:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active > a > .arrow:before {
    color: #4680ff
}

.dark-sidebar-color .sidemenu-container {
    background-color: #222c3c
}

    .dark-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .dark-sidebar-color .sidemenu-container .sidemenu > li.active > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #1e293c;
        border-top-color: transparent;
        color: #fff
    }

    .dark-sidebar-color .sidemenu-container .sidemenu > li > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: #b7c0cd;
        border-bottom: none
    }

.dark-sidebar-color .user-panel {
    color: #ccc
}

.dark-sidebar-color .txtOnline {
    color: #ccc
}

.dark-sidebar-color .sidemenu-container .sidemenu > li.open > a, .dark-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
    background-color: #222c3c;
    color: #fff
}

    .dark-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .dark-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
        color: #fff
    }

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #1e293c
}

    .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: rgba(255,255,255,0.5)
    }

    .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: #fff
    }

.dark-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > i, .dark-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    color: #fff
}

.dark-sidebar-color .page-container {
    background-color: #222c3c
}

.dark-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #fff
}

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a > i {
    color: #fff
}

.blue-sidebar-color .sidemenu-container {
    background-color: #1880c9
}

    .blue-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .blue-sidebar-color .sidemenu-container .sidemenu > li.active > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #186fad;
        border-top-color: transparent;
        color: #fff
    }

    .blue-sidebar-color .sidemenu-container .sidemenu > li > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: rgba(255,255,255,0.8);
        border-bottom: none
    }

.blue-sidebar-color .user-panel {
    color: #fff
}

.blue-sidebar-color .txtOnline {
    color: #fff
}

.blue-sidebar-color .sidemenu-container .sidemenu > li.open > a, .blue-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
    background-color: #1880c9;
    color: #fff
}

    .blue-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .blue-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
        color: #fff
    }

.blue-sidebar-color .sidemenu-container .sidemenu .sub-menu, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #186fad
}

    .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: rgba(255,255,255,0.8)
    }

    .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: #fff
    }

.blue-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > i, .blue-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    color: #fff
}

.blue-sidebar-color .page-container {
    background-color: #e6e6e6
}

.blue-sidebar-color .sidemenu-container .sidemenu > li.heading > h3, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h3 {
    color: #fff
}

.blue-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #fff
}

.indigo-sidebar-color .sidemenu-container {
    background-color: #6673FC
}

    .indigo-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .indigo-sidebar-color .sidemenu-container .sidemenu > li.active > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #545ed6;
        border-top-color: transparent;
        color: #fff
    }

    .indigo-sidebar-color .sidemenu-container .sidemenu > li > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: rgba(255,255,255,0.8);
        border-bottom: none
    }

.indigo-sidebar-color .user-panel {
    color: #fff
}

.indigo-sidebar-color .txtOnline {
    color: #fff
}

.indigo-sidebar-color .sidemenu-container .sidemenu > li.open > a, .indigo-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
    background-color: #6673FC;
    color: #fff
}

    .indigo-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .indigo-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
        color: #fff
    }

.indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #545ed6
}

    .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: rgba(255,255,255,0.8)
    }

    .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: #fff
    }

.indigo-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > i, .indigo-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    color: #fff
}

.indigo-sidebar-color .page-container {
    background-color: #6673FC
}

.indigo-sidebar-color .sidemenu-container .sidemenu > li.heading > h3, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h3 {
    color: #fff
}

.indigo-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #fff
}

.cyan-sidebar-color .sidemenu-container {
    background-color: #4ABAD2
}

    .cyan-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .cyan-sidebar-color .sidemenu-container .sidemenu > li.active > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #34a3bc;
        border-top-color: transparent;
        color: #fff
    }

    .cyan-sidebar-color .sidemenu-container .sidemenu > li > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: rgba(255,255,255,0.8);
        border-bottom: none
    }

.cyan-sidebar-color .user-panel {
    color: #fff
}

.cyan-sidebar-color .txtOnline {
    color: #fff
}

.cyan-sidebar-color .sidemenu-container .sidemenu > li.open > a, .cyan-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
    background-color: #4ABAD2;
    color: #fff
}

.cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #34A3BC
}

    .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: rgba(255,255,255,0.8)
    }

    .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: #fff
    }

.cyan-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .cyan-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .cyan-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > i, .cyan-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .cyan-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow:before, .cyan-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    color: #fff
}

.cyan-sidebar-color .page-container {
    background-color: #4ABAD2
}

.cyan-sidebar-color .sidemenu-container .sidemenu > li.heading > h3, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h3 {
    color: #fff
}

.cyan-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #fff
}

.green-sidebar-color .sidemenu-container {
    background-color: #3FCC7E
}

    .green-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .green-sidebar-color .sidemenu-container .sidemenu > li.active > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #3fa961;
        border-top-color: transparent;
        color: #fff
    }

    .green-sidebar-color .sidemenu-container .sidemenu > li > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: rgba(255,255,255,0.8);
        border-bottom: none
    }

.green-sidebar-color .user-panel {
    color: #fff
}

.green-sidebar-color .txtOnline {
    color: #fff
}

.green-sidebar-color .sidemenu-container .sidemenu > li.open > a, .green-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
    background-color: #3FCC7E;
    color: #fff
}

    .green-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .green-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .green-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .green-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
        color: #fff
    }

.green-sidebar-color .sidemenu-container .sidemenu .sub-menu, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #3fa961
}

    .green-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: rgba(255,255,255,0.8)
    }

    .green-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .green-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .green-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: #fff
    }

.green-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .green-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > i, .green-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow:before, .green-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    color: #fff
}

.green-sidebar-color .page-container {
    background-color: #3FCC7E
}

.green-sidebar-color .sidemenu-container .sidemenu > li.heading > h3, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h3 {
    color: #fff
}

.green-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #fff
}

.red-sidebar-color .sidemenu-container {
    background-color: #E44F56
}

    .red-sidebar-color .sidemenu-container .sidemenu > li.active.open > a, .red-sidebar-color .sidemenu-container .sidemenu > li.active > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a {
        background-color: #b54b50;
        border-top-color: transparent;
        color: #fff
    }

    .red-sidebar-color .sidemenu-container .sidemenu > li > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a {
        color: rgba(255,255,255,0.8);
        border-bottom: none
    }

.red-sidebar-color .user-panel {
    color: #fff
}

.red-sidebar-color .txtOnline {
    color: #fff
}

.red-sidebar-color .sidemenu-container .sidemenu > li.open > a, .red-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a {
    background-color: #E44F56;
    color: #fff
}

    .red-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu > li.open > a > .arrow:before, .red-sidebar-color .sidemenu-container .sidemenu > li.open > a > i, .red-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu > li:hover > a > .arrow:before, .red-sidebar-color .sidemenu-container .sidemenu > li:hover > a > i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > .arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a > i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > .arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a > i {
        color: #fff
    }

.red-sidebar-color .sidemenu-container .sidemenu .sub-menu, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu {
    background-color: #b54b50
}

    .red-sidebar-color .sidemenu-container .sidemenu .sub-menu > li > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li > a {
        color: rgba(255,255,255,0.8)
    }

    .red-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .red-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .red-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a {
        color: #fff
    }

.red-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > .arrow:before, .red-sidebar-color .sidemenu-container .sidemenu > li.active.open > a > i, .red-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu > li.active > a > .arrow:before, .red-sidebar-color .sidemenu-container .sidemenu > li.active > a > i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > .arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active.open > a > i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > .arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    color: #fff
}

.red-sidebar-color .page-container {
    background-color: #E44F56
}

.red-sidebar-color .sidemenu-container .sidemenu > li.heading > h3, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.heading > h3 {
    color: #fff
}

.red-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #fff
}

.logo-white .page-header.navbar .page-logo {
    background: #fff
}

.logo-white .page-logo a {
    color: #000
}

.logo-dark .page-header.navbar .page-logo {
    background: #222c3c
}

.logo-blue .page-header.navbar .page-logo {
    background: #1880c9
}

.logo-indigo .page-header.navbar .page-logo {
    background: #6673FC
}

.logo-cyan .page-header.navbar .page-logo {
    background: #4ABAD2
}

.logo-red .page-header.navbar .page-logo {
    background: #E44F56
}

.logo-green .page-header.navbar .page-logo {
    background: #3FCC7E
}

.header-white .page-header.navbar {
    background-color: #fff
}

.header-white form.search-form-opened {
    float: left;
    width: 100%;
    max-width: 200px;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    margin: 10px 0 0 10px;
    border: 1px solid #bdbdbd
}

.header-white .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-white .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-white .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #000
}

.header-white .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #000
}

.header-white .language-switch a {
    color: #000
}

.header-white .menu-toggler i.icon-menu {
    color: #000;
    font-size: 18px
}

.header-white .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .header-white .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #555
}

    .header-white .page-header.navbar .hor-menu .navbar-nav > li > a > i {
        color: #555
    }

    .header-white .page-header.navbar .hor-menu .navbar-nav > li.open > a, .header-white .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .header-white .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
        color: #555;
        background: none !important
    }

        .header-white .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .header-white .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .header-white .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
            color: #555
        }

.header-white .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-white .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #4680ff;
    background-color: transparent
}

    .header-white .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .header-white .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #4680ff
    }

.header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #444
}

.header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #F5F5F5
}

.header-white .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover {
    text-decoration: none;
    color: #46a2ff
}

.header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    color: #000
}

.header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .header-white .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    color: #46a2ff;
    background: transparent
}

.header-white #headerSettingButton {
    color: #555
}

.header-dark .page-header.navbar {
    background-color: #222c3c
}

.header-dark form.search-form-opened .btn.submit {
    color: #fff
}

.header-dark .search-form-opened input[type="text"] {
    color: #fff
}

.header-dark form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-dark .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-dark .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-dark .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-dark .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-dark .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-dark .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-dark .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-dark .language-switch a {
    color: #fff
}

.header-dark .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-dark .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-dark .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    background-color: transparent
}

.header-dark .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent
}

.header-dark .dropdown-menu > li.active:hover > a, .header-dark .dropdown-menu > li.active > a, .header-dark .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-dark .language-switch a.dropdown-toggle {
    color: #fff
}

.header-dark .navbar-custom {
    background: #343d4c
}

.header-blue .page-header.navbar {
    background-color: #1880c9
}

.header-blue form.search-form-opened .btn.submit {
    color: #fff
}

.header-blue .search-form-opened input[type="text"] {
    color: #fff
}

.header-blue form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-blue .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-blue .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-blue .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-blue .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-blue .language-switch a {
    color: #fff
}

.header-blue .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-blue .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .header-blue .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: rgba(255,255,255,0.8)
}

    .header-blue .page-header.navbar .hor-menu .navbar-nav > li > a > i {
        color: rgba(255,255,255,0.8);
        padding: 0 0 0 4px;
        margin: 0;
        width: auto
    }

    .header-blue .page-header.navbar .hor-menu .navbar-nav > li.open > a, .header-blue .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .header-blue .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
        color: #fff;
        background: none !important
    }

        .header-blue .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .header-blue .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .header-blue .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
            color: #fff
        }

.header-blue .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-blue .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #fff;
    background: none !important
}

    .header-blue .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .header-blue .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #fff
    }

.header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #186fad;
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: hidden
}

::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.dropdown-menu ::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: rgba(255,255,255,0.8)
}

.header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    color: #fff
}

.header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .header-blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    color: #fff;
    background: transparent
}

.header-blue .dropdown-menu > li.active:hover > a, .header-blue .dropdown-menu > li.active > a, .header-blue .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-blue .language-switch a.dropdown-toggle {
    color: #fff
}

.header-blue .navbar-custom {
    background: #1370b1;
    height: 61px !important;
    overflow: hidden
}

.navbar-custom:hover {
    height: auto !important;
    overflow: inherit !important;
    transition: all
}

.header-indigo .page-header.navbar {
    background-color: #6673FC
}

.header-indigo form.search-form-opened .btn.submit {
    color: #fff
}

.header-indigo .search-form-opened input[type="text"] {
    color: #fff
}

.header-indigo form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-indigo .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-indigo .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-indigo .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-indigo .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-indigo .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-indigo .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-indigo .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-indigo .language-switch a {
    color: #fff
}

.header-indigo .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-indigo .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: rgba(255,255,255,0.8)
}

    .header-indigo .page-header.navbar .hor-menu .navbar-nav > li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-indigo .page-header.navbar .hor-menu .navbar-nav > li.open > a, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
        color: #fff;
        background: none !important
    }

        .header-indigo .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
            color: #fff
        }

.header-indigo .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #fff;
    background: none !important
}

    .header-indigo .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #fff
    }

.header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #545ed6
}

    .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        color: #fff
    }

    .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .header-indigo .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
        color: #fff;
        background: transparent
    }

.header-indigo .dropdown-menu > li.active:hover > a, .header-indigo .dropdown-menu > li.active > a, .header-indigo .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-indigo .language-switch a.dropdown-toggle {
    color: #fff
}

.header-indigo .navbar-custom {
    background: #5360e6
}

.header-cyan .page-header.navbar {
    background-color: #4ABAD2
}

.header-cyan form.search-form-opened .btn.submit {
    color: #fff
}

.header-cyan .search-form-opened input[type="text"] {
    color: #fff
}

.header-cyan form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-cyan .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-cyan .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-cyan .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-cyan .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-cyan .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-cyan .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-cyan .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-cyan .language-switch a {
    color: #fff
}

.header-cyan .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-cyan .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: rgba(255,255,255,0.8)
}

    .header-cyan .page-header.navbar .hor-menu .navbar-nav > li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-cyan .page-header.navbar .hor-menu .navbar-nav > li.open > a, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
        color: #fff;
        background: none !important
    }

        .header-cyan .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
            color: #fff
        }

.header-cyan .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #fff;
    background: none !important
}

    .header-cyan .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #fff
    }

.header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #34A3BC
}

    .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        color: #fff
    }

    .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .header-cyan .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
        color: #fff;
        background: transparent
    }

.header-cyan .dropdown-menu > li.active:hover > a, .header-cyan .dropdown-menu > li.active > a, .header-cyan .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-cyan .language-switch a.dropdown-toggle {
    color: #fff
}

.header-cyan .navbar-custom {
    background: #44a8bd
}

.header-red .page-header.navbar {
    background-color: #E44F56
}

.header-red form.search-form-opened .btn.submit {
    color: #fff
}

.header-red .search-form-opened input[type="text"] {
    color: #fff
}

.header-red form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-red .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-red .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-red .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-red .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-red .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-red .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-red .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-red .language-switch a {
    color: #fff
}

.header-red .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-red .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .header-red .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: rgba(255,255,255,0.8)
}

    .header-red .page-header.navbar .hor-menu .navbar-nav > li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-red .page-header.navbar .hor-menu .navbar-nav > li.open > a, .header-red .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .header-red .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
        color: #fff;
        background: none !important
    }

        .header-red .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .header-red .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .header-red .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
            color: #fff
        }

.header-red .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-red .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #fff;
    background: none !important
}

    .header-red .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .header-red .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #fff
    }

.header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #b54b50
}

    .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        color: #fff
    }

    .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .header-red .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
        color: #fff;
        background: transparent
    }

.header-red .dropdown-menu > li.active:hover > a, .header-red .dropdown-menu > li.active > a, .header-red .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-red .language-switch a.dropdown-toggle {
    color: #fff
}

.header-red .navbar-custom {
    background: #ce444b
}

.header-green .page-header.navbar {
    background-color: #3FCC7E
}

.header-green form.search-form-opened .btn.submit {
    color: #fff
}

.header-green .search-form-opened input[type="text"] {
    color: #fff
}

.header-green form.search-form-opened {
    background-color: rgba(255,255,255,0.3);
    border: 0
}

.header-green .page-header .search-form-opened .input-group .form-control::-moz-placeholder {
    color: #efefef;
    opacity: 1
}

.header-green .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-green .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {
    color: #efefef;
    opacity: 1
}

.header-green .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .header-green .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .header-green .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff
}

.header-green .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff
}

.header-green .language-switch a {
    color: #fff
}

.header-green .menu-toggler i.icon-menu {
    color: #fff;
    font-size: 18px
}

.header-green .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3, .header-green .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: rgba(255,255,255,0.8)
}

    .header-green .page-header.navbar .hor-menu .navbar-nav > li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-green .page-header.navbar .hor-menu .navbar-nav > li.open > a, .header-green .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .header-green .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
        color: #fff;
        background: none !important
    }

        .header-green .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .header-green .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i, .header-green .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
            color: #fff
        }

.header-green .page-header.navbar .hor-menu .navbar-nav > li.active > a, .header-green .page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #fff;
    background: none !important
}

    .header-green .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .header-green .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
        color: #fff
    }

.header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,79,98,.2);
    background: #3fa961
}

    .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
        color: rgba(255,255,255,0.8)
    }

    .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        color: #fff
    }

    .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .header-green .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
        color: #fff;
        background: transparent
    }

.header-green .dropdown-menu > li.active:hover > a, .header-green .dropdown-menu > li.active > a, .header-green .dropdown-menu > li:hover > a {
    background-color: transparent
}

.header-green .language-switch a.dropdown-toggle {
    color: #fff
}

.header-green .navbar-custom {
    background: #33b76e
}

@charset "ISO-8859-1";

@media (max-width:768px) {
    .dropzone-file-area {
        width: auto
    }

    .hidden-phone {
        display: none
    }
}

@media (max-width:480px) {
    .inbox-compose .inbox-form-group > label {
        margin-top: 7px
    }

    .dataTables_extended_wrapper div.dataTables_info, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_paginate {
        display: block;
        margin-bottom: 10px !important
    }

    .dataTables_extended_wrapper .seperator {
        display: none !important
    }
}

@media (max-width:991px) {
    .profile-sidebar {
        float: none;
        width: 100% !important;
        margin: 0
    }

    .profile-content {
        overflow: visible
    }

    .form .form-bordered .form-group > div {
        border-left: 0
    }

    .form .form-bordered .form-group .control-label {
        padding-top: 10px
    }

    .form .form-bordered .form-actions {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
        display: block
    }

    .navbar-custom {
        display: none
    }
}

@media (max-width:1024px) {
    .hidden-1024 {
        display: none
    }
}

@media (max-width:480px) {
    .hidden-480 {
        display: none
    }
}

@media (max-width:320px) {
    .hidden-320 {
        display: none
    }
}

@media (max-width:767px) {
    .list-separated > div {
        margin-bottom: 20px
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid #efefef;
        box-shadow: 5px 5px rgba(102,102,102,.1)
    }

        .navbar-nav .open .dropdown-menu > li > a {
            padding: 6px 0 6px 13px;
            color: #333
        }

            .navbar-nav .open .dropdown-menu > li > a:active, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-color: #eee
            }

    .form .form-actions .btn-set, .form-actions .btn-set {
        margin-bottom: 3px;
        margin-top: 3px;
        float: left !important
    }

    .text-stat {
        margin-top: 20px
    }

    .table-advance tr > td.highlight:first-child a {
        margin-left: 8px
    }
}

@media only screen and (min-width:768px) {
    .sl-iconsdemo .item-box {
        width: 33.333%
    }

    .cd-timeline-content h2 {
        font-size: 18px
    }

    .cd-timeline-content p {
        font-size: 13px
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px
    }

    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }

    .navbar-left {
        float: left !important
    }
}

@media (min-width:992px) {
    .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(44,53,66,.2)
    }

        .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper, .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper {
            box-shadow: none
        }

    .sidemenu.sidemenu-closed > li:hover {
        box-shadow: 5px 5px rgba(44,53,66,.2);
        background-color: #1d262b;
        color: #fff
    }

        .sidemenu.sidemenu-closed > li:hover.sidebar-search-wrapper, .sidemenu.sidemenu-closed > li:hover.sidebar-toggler-wrapper {
            box-shadow: none
        }

        .sidemenu.sidemenu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(44,53,66,.2)
        }

            .sidemenu.sidemenu-closed > li:hover > .sub-menu.sidebar-search-wrapper, .sidemenu.sidemenu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper {
                box-shadow: none
            }

    .sidemenu-container-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0
    }

    .sidemenu-container-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #fff
    }

        .sidemenu-container-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333
        }

    .page-boxed {
        background-color: #303a47 !important
    }

        .page-boxed .page-container {
            background-color: #1C262F;
            border-left: 1px solid #3d4957;
            border-bottom: 1px solid #3d4957
        }

        .page-boxed.sidemenu-container-reversed .page-container {
            border-left: 0;
            border-right: 1px solid #3d4957
        }

        .page-boxed.sidemenu-container-fixed .page-container {
            border-left: 0;
            border-bottom: 0
        }

        .page-boxed.sidemenu-container-reversed.sidemenu-container-fixed .page-container {
            border-left: 0;
            border-right: 0;
            border-bottom: 0
        }

        .page-boxed.sidemenu-container-fixed .sidemenu-container {
            border-left: 1px solid #3d4957
        }

        .page-boxed.sidemenu-container-reversed.sidemenu-container-fixed .sidemenu-container {
            border-right: 1px solid #3d4957;
            border-left: 0
        }

        .page-boxed.sidemenu-container-fixed.page-footer-fixed .page-footer {
            background-color: #303a47 !important
        }

            .page-boxed.sidemenu-container-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #98a6ba
            }

    .sidemenu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #fff
    }

    .sidemenu-container-reversed .sidemenu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #323c4b
    }

    .sidemenu-hover-submenu li:hover > .sub-menu {
        background: #323c4b
    }
}

@media (max-width:991px) {
    .sidemenu-container {
        background-color: #28303b
    }

        .sidemenu-container .sidemenu > li.open > a, .sidemenu-container .sidemenu > li:hover > a {
            background: #2e3744
        }

        .sidemenu-container .sidemenu > li:last-child > a {
            border-bottom: 0 !important
        }

    .quick-setting-main {
        display: none
    }

    .white-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow, .dark-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow, .cyan-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow, .indigo-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow, .blue-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow, .green-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow, .red-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
        border-right: none !important
    }
}

@media (max-width:480px) {
    .page-header.navbar .top-menu {
        background-color: #1C262F
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #2b3643
    }

        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            background: 0 0
        }
}

@media (max-width:768px) {
    .input-large {
        width: 250px !important
    }

    .input-xlarge {
        width: 300px !important
    }

    .input-lg {
        width: 250px !important
    }

    .input-xlg {
        width: 300px !important
    }

    .modal-full.modal-dialog {
        width: auto
    }
}

@media (min-width:768px) {
    .page-header.navbar .search-form.search-form-expanded {
        width: 200px
    }

        .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
            text-indent: 0
        }

            .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
                cursor: text
            }

        .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
            margin-left: 0
        }

    .navbar-nav > li {
        float: right
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname, .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
        display: none
    }
}

@media (min-width:992px) {
    .sidemenu-closed.sidemenu-closed-hidelogo .page-header.navbar .page-logo {
        padding: 10px 10px 10px 2px !important;
        width: 45px
    }

        .sidemenu-closed.sidemenu-closed-hidelogo .page-header.navbar .page-logo .logo-default {
            display: none
        }

    .page-boxed .page-header.navbar .page-logo {
        width: 236px
    }

    .page-boxed .page-header.navbar .top-menu .navbar-nav {
        margin-right: 0
    }

    .sidemenu-closed.sidemenu-closed-hidelogo.page-boxed .page-header.navbar .page-logo {
        width: 46px
    }

    .page-boxed.sidemenu-container-fixed .page-header.navbar .page-logo {
        width: 235px
    }

    .sidemenu-container {
        width: 235px;
        float: left;
        position: relative;
        margin-right: -100%
    }

    .page-full-width .sidemenu-container {
        display: none !important
    }

    .sidemenu-container.collapse {
        display: block;
        max-height: none !important
    }

    .sidemenu-container-reversed .sidemenu-container {
        float: right;
        margin-right: 0;
        margin-left: -100%
    }

    .sidemenu-container-reversed.sidemenu-container-fixed .sidemenu-container {
        margin-left: -235px
    }

    .sidemenu-container-reversed.sidemenu-container-fixed .sidebar-container {
        position: relative;
        float: right
    }

    .sidemenu-container-fixed .sidemenu-container {
        position: fixed !important;
        margin-left: 0;
        top: 50px
    }

    .sidemenu-container-fixed .sidemenu > li.last {
        margin-bottom: 15px !important
    }

    .sidemenu-container-fixed .sidemenu .sub-menu {
        height: auto !important
    }

    .sidemenu-closed .sidemenu-container, .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed {
        width: 45px !important
    }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li.open > .sub-menu, .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > .sub-menu {
            display: none !important
        }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover {
            width: 256px !important;
            position: relative !important;
            z-index: 10000;
            display: block !important
        }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a {
                -webkit-border-radius: 0 4px 0 0;
                -moz-border-radius: 0 4px 0 0;
                -ms-border-radius: 0 4px 0 0;
                -o-border-radius: 0 4px 0 0;
                border-radius: 0 4px 0 0
            }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a > i {
                    margin-right: 10px
                }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a > .title {
                    display: inline !important;
                    padding-left: 15px
                }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a > .badge {
                    display: block !important
                }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a > .selected {
                    display: none
                }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover.heading {
                width: 45px !important;
                box-shadow: none
            }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > .sub-menu {
                width: 210px;
                position: absolute;
                z-index: 2000;
                left: 46px;
                margin-top: 0;
                top: 100%;
                display: block !important;
                -webkit-border-radius: 0 0 4px 4px;
                -moz-border-radius: 0 0 4px 4px;
                -ms-border-radius: 0 0 4px 4px;
                -o-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px
            }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > .sub-menu > li > a {
                    padding-left: 15px !important
                }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
                    padding-left: 30px !important
                }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
                    padding-left: 45px !important
                }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li.heading > h3 {
            display: none
        }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li.sidebar-toggler-wrapper .sidebar-toggler {
            margin-right: 8px
        }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li.sidebar-search-wrapper:hover, .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li.sidebar-toggler-wrapper:hover {
            width: 45px !important
        }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > a {
            padding-left: 11px
        }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > a .selected {
                right: -3px !important
            }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > a > .arrow, .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > a > .badge, .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > a > .title {
                display: none !important
            }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-toggler {
            margin-left: 3px;
            margin-right: 3px
        }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search .input-group {
            border-color: transparent;
            margin-left: -4px
        }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search .input-group .form-control {
                display: none
            }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search .input-group .input-group-btn .btn {
                display: block
            }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.sidebar-search-bordered .input-group {
            padding: 5px 0 3px
        }

        .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open {
            height: 40px;
            margin-top: 15px;
            margin-bottom: 14px
        }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .input-group {
                width: 210px;
                position: relative;
                z-index: 1;
                margin-left: 24px;
                padding: 0
            }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .input-group .form-control {
                    background: 0 0;
                    border: 0;
                    display: block;
                    padding: 8px
                }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .input-group .input-group-btn .btn {
                    display: block;
                    margin-right: 8px;
                    margin-top: 1px
                }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .remove {
                background-repeat: no-repeat;
                width: 11px;
                height: 11px;
                margin: 10px -5px 8px -7px;
                display: block;
                float: left
            }

            .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open.sidebar-search-bordered {
                height: 38px;
                margin-top: 23px;
                margin-bottom: 23px
            }

                .sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open.sidebar-search-bordered .input-group {
                    padding: 0
                }

    .sidemenu-closed.sidemenu-container-reversed .sidemenu-container {
        margin-left: -45px;
        width: 45px
    }

        .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li > .sub-menu {
            left: auto;
            right: 46px
        }

        .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li:hover {
            margin-left: -211px
        }

            .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a {
                -webkit-border-radius: 4px 0 0;
                -moz-border-radius: 4px 0 0;
                -ms-border-radius: 4px 0 0 0;
                -o-border-radius: 4px 0 0;
                border-radius: 4px 0 0
            }

                .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a > .title {
                    padding-left: 0;
                    padding-right: 15px
                }

                .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li:hover > a > i {
                    margin-right: 0;
                    margin-left: 2px
                }

        .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li.sidebar-search-wrapper:hover, .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed > li.sidebar-toggler-wrapper:hover {
            margin-left: 0
        }

        .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .input-group {
            margin-left: -227px
        }

            .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .input-group .input-group-btn .btn {
                margin-right: 10px !important
            }

        .sidemenu-closed.sidemenu-container-reversed .sidemenu-container .sidemenu.sidemenu-closed .sidebar-search.open .remove {
            margin: 9px 4px 12px -16px !important;
            float: right !important
        }

    .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover {
        width: 235px !important;
        display: block;
        z-index: 10000
    }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .selected, .sidemenu-closed.sidemenu-container-hide .sidemenu-container {
            display: none !important
        }

        .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu {
            width: 235px !important
        }

    .sidemenu-closed.sidemenu-container-fixed.sidemenu-container-reversed .sidemenu-container:hover {
        width: 235px !important;
        z-index: 10000;
        margin-left: -235px !important
    }

        .sidemenu-closed.sidemenu-container-fixed.sidemenu-container-reversed .sidemenu-container:hover .sidemenu {
            width: 235px !important
        }

    .sidemenu.sidemenu-hover-submenu li .sub-menu {
        display: none;
        width: 210px;
        z-index: 2000;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .sidemenu.sidemenu-hover-submenu li .sub-menu > li > a {
            margin: 3px
        }

    .sidemenu.sidemenu-hover-submenu li.active .sub-menu, .sidemenu.sidemenu-hover-submenu li.open .sub-menu {
        display: none !important
    }

    .sidemenu.sidemenu-hover-submenu li a > .arrow {
        display: none
    }

    .sidemenu.sidemenu-hover-submenu li:hover > a > .arrow {
        display: block;
        float: right;
        position: absolute;
        right: 0;
        margin-top: -20px;
        background: 0 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 12px double transparent;
        border-bottom: 12px double transparent;
        border-left: 0
    }

        .sidemenu.sidemenu-hover-submenu li:hover > a > .arrow:after, .sidemenu.sidemenu-hover-submenu li:hover > a > .arrow:before {
            display: none
        }

    .sidemenu-container-reversed .sidemenu.sidemenu-hover-submenu li:hover > a > .arrow {
        right: auto;
        left: 0;
        border-right: 0
    }

    .sidemenu.sidemenu-hover-submenu li:hover > .sub-menu {
        display: inline-block !important
    }

    .sidemenu.sidemenu-hover-submenu > li:hover > a > .arrow {
        z-index: 1;
        right: 0;
        margin-top: -23px
    }

    .sidemenu.sidemenu-hover-submenu > li:hover > a > .selected {
        display: none
    }

    .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
        margin-left: 235px;
        margin-top: -40px
    }

    .sidemenu-container-reversed .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
        margin-left: -210px !important
    }

    .sidemenu-closed .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
        margin-left: 0
    }

    .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li > a {
        padding-left: 15px
    }

    .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
        margin-left: 210px;
        margin-top: -38px !important
    }

    .sidemenu-container-reversed .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
        margin-left: -210px !important
    }

    .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
        padding-left: 10px;
        padding-right: 10px
    }

    .page-content-wrapper {
        float: right;
        width: 100%
    }

        .page-content-wrapper .page-content {
            margin-left: 235px;
            margin-top: 0;
            min-height: 600px;
            padding: 25px 20px 10px
        }

            .page-content-wrapper .page-content.no-min-height {
                min-height: auto
            }

    .sidemenu-container-fixed.sidemenu-container-hover-on .page-content-wrapper .page-content {
        margin-left: 45px
    }

    .sidemenu-container-reversed .page-content-wrapper .page-content {
        margin-left: 0 !important;
        margin-right: 235px !important
    }

    .sidemenu-container-reversed.sidemenu-container-fixed.sidemenu-container-hover-on .page-content-wrapper .page-content {
        margin-left: 0;
        margin-right: 45px
    }

    .sidemenu-container-reversed.sidemenu-closed .page-content-wrapper .page-content {
        margin-left: 0 !important;
        margin-right: 45px !important
    }

    .sidemenu-closed .page-content-wrapper .page-content {
        margin-left: 45px !important
    }

    .page-full-width .page-content-wrapper .page-content, .sidemenu-closed.sidemenu-container-hide .page-content-wrapper .page-content {
        margin-left: 0 !important
    }

    .sidemenu-closed.sidemenu-container-reversed.sidemenu-container-hide .page-content-wrapper .page-content {
        margin-right: 0 !important
    }

    .page-footer {
        clear: left
    }

    .page-footer-fixed .page-footer {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10000;
        bottom: 0
    }

    .sidemenu-container-fixed.sidemenu-closed .page-footer {
        margin-left: 45px
    }

    .sidemenu-container-fixed.page-footer-fixed .page-footer {
        margin-left: 0 !important
    }

    .sidemenu-container-fixed .page-footer {
        margin-left: 235px;
        padding: 8px 20px 5px
    }

    .page-boxed .page-footer {
        padding: 8px 0 5px
    }

    .page-boxed.sidemenu-container-fixed .page-footer {
        padding-right: 20px;
        padding-left: 20px
    }

    .sidemenu-container-reversed.sidemenu-container-fixed .page-footer {
        margin-left: 0;
        margin-right: 235px;
        padding: 8px 20px 5px
    }

    .sidemenu-container-reversed.sidemenu-container-fixed.page-footer-fixed .page-footer {
        margin-left: 0;
        margin-right: 0
    }

    .sidemenu-container-reversed.sidemenu-container-fixed.sidemenu-closed .page-footer {
        margin-right: 45px
    }

    .scroll-to-top {
        right: 20px
    }

    .page-footer-fixed .page-container {
        margin-bottom: 20px !important
    }
}

@media (max-width:991px) {
    .page-header.navbar {
        position: relative;
        clear: both
    }

        .page-header.navbar .page-logo {
            width: auto;
            padding: 10px 20px 0;
            margin-right: 0;
            margin-left: 0 !important;
            background: transparent
        }

            .page-header.navbar .page-logo img {
                margin-left: 4px !important
            }

        .page-header.navbar .menu-toggler.sidebar-toggler {
            display: none !important
        }

        .page-header.navbar .top-menu .navbar-nav {
            display: inline-block;
            margin: 0
        }

            .page-header.navbar .top-menu .navbar-nav > li {
                float: left
            }

            .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
                display: inline-block;
                position: relative;
                top: 1px;
                right: 0
            }

            .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
                position: absolute
            }

    .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
        position: fixed
    }

    .page-boxed .page-header.navbar > .container {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .sidemenu-container, .sidemenu-container.navbar-collapse.in {
        border-top: 0 !important;
        margin: 20px
    }

        .sidemenu-container .sidebar-toggler {
            display: none
        }

        .sidemenu-container.navbar-collapse {
            max-height: none
        }

            .sidemenu-container.navbar-collapse.in {
                position: relative;
                overflow: hidden !important;
                overflow-y: auto !important;
                display: block !important
            }

            .sidemenu-container.navbar-collapse.navbar-no-scroll {
                max-height: none !important
            }

        .sidemenu-container .mega-menu-responsive-content {
            padding: 10px 18px 10px 45px
        }

    .page-full-width .sidemenu {
        display: block
    }

    .sidemenu-container-mobile-offcanvas .sidebar-container {
        z-index: 10000;
        position: fixed;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        width: 235px;
        left: -235px;
        transition: all .3s
    }

        .sidemenu-container-mobile-offcanvas .sidebar-container .sidemenu-container {
            margin: 0 !important
        }

            .sidemenu-container-mobile-offcanvas .sidebar-container .sidemenu-container .sidemenu {
                width: 100%;
                margin: 0 !important;
                padding: 0 0 20px
            }

                .sidemenu-container-mobile-offcanvas .sidebar-container .sidemenu-container .sidemenu > li.sidebar-mobile-offcanvas-toggler {
                    display: block;
                    border: 0;
                    text-align: right
                }

                    .sidemenu-container-mobile-offcanvas .sidebar-container .sidemenu-container .sidemenu > li.sidebar-mobile-offcanvas-toggler > a {
                        border: 0
                    }

                        .sidemenu-container-mobile-offcanvas .sidebar-container .sidemenu-container .sidemenu > li.sidebar-mobile-offcanvas-toggler > a:hover {
                            background: 0 0
                        }

    .sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open .sidebar-container {
        left: 0;
        transition: all .3s
    }

    body, html {
        overflow-x: hidden
    }

    .page-container-bg-solid .page-bar, .page-content-white .page-bar {
        margin-top: -20px
    }

    .page-boxed > .container {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .page-content-wrapper .page-content {
        margin: 0 !important;
        padding: 20px !important;
        min-height: 280px
    }

    .sidemenu-container-mobile-offcanvas .page-wrapper {
        left: 0;
        transition: all .3s
    }

        .sidemenu-container-mobile-offcanvas .page-wrapper .page-header {
            transition: all .3s
        }

    .sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open {
        overflow-x: hidden;
        transition: all .3s
    }

        .sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open .page-wrapper {
            position: relative;
            left: 235px;
            transition: all .3s
        }

            .sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open .page-wrapper .page-header {
                transition: all .3s
            }

    .page-boxed .page-footer {
        padding-left: 0;
        padding-right: 0
    }

    .scroll-to-top {
        bottom: 10px;
        right: 10px
    }

        .scroll-to-top > i {
            font-size: 28px
        }

    .page-container {
        margin: 0 !important;
        padding: 0 !important
    }

    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-top: 50px !important
    }
}

@media (max-width:815px) {
    .chat-sidebar-container {
        top: 106px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-boxed .page-header.navbar {
        margin: auto !important;
        padding: 0
    }

        .page-boxed .page-header.navbar > .container {
            margin: auto !important
        }

    .sidemenu-container .btn-navbar.collapsed .arrow {
        display: none
    }

    .sidemenu-container .btn-navbar .arrow {
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        top: 50px;
        border-bottom: 15px solid #5f646b;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent
    }

    .page-boxed > .container {
        margin: auto !important
    }
}

@media (max-width:767px) {
    .page-header.navbar .page-logo {
        width: auto
    }

    .page-header.navbar .search-form.open {
        z-index: 3;
        left: 10px;
        right: 10px;
        position: absolute;
        width: auto !important
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
        max-width: 255px;
        width: 255px
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
        margin-right: -110px
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
            margin-right: 105px
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
        margin-right: -90px
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
            margin-right: 85px
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
        margin-right: -110px
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
            margin-right: 110px
        }

    .page-content-wrapper .page-content {
        padding: 20px 10px 10px !important;
        overflow: hidden
    }

        .page-content-wrapper .page-content .page-title {
            margin-bottom: 20px;
            font-size: 18px
        }

            .page-content-wrapper .page-content .page-title small {
                font-size: 13px;
                padding-top: 3px
            }

    .page-boxed .page-footer, .page-footer {
        padding-left: 10px;
        padding-right: 10px
    }

    .page-footer-fixed .page-footer .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:580px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
        display: none
    }
}

@media (max-width:591px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown.language-switch > .dropdown-toggle {
        padding: 16px 5px 14px
    }
}

@media (max-width:547px) {
    .chat-sidebar-container {
        top: 100px
    }
}

@media (max-width:516px) {
    .chat-sidebar-container {
        top: 120px
    }
}

@media (max-width:480px) {
    .page-header-fixed.page-header-fixed-mobile .page-header.navbar {
        height: 100px
    }

    .page-header.navbar .top-menu {
        display: block;
        clear: both;
        float: none
    }

        .page-header.navbar .top-menu .navbar-nav {
            margin-right: 0
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
                padding: 19px 5px 10px
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
                padding: 16px 4px 13px 2px
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
                padding: 16px 0 13px 2px
            }

    form.search-form-opened {
        margin-left: 0;
        max-width: 170px
    }

    .sidemenu-container, .sidemenu-container.in {
        margin: 0 10px 10px !important
    }

    .page-header-fixed.page-header-fixed-mobile .sidemenu-container, .page-header-fixed.page-header-fixed-mobile .sidemenu-container.in {
        margin-top: 10px !important
    }

    .page-content-wrapper .page-content .page-title small {
        display: block;
        clear: both;
        display: block;
        clear: both
    }

    .sidemenu-container, .sidemenu-container.in {
        margin: 0 10px 10px !important
    }

    .page-header-fixed.page-header-fixed-mobile .sidemenu-container, .page-header-fixed.page-header-fixed-mobile .sidemenu-container.in {
        margin-top: 10px !important
    }

    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-top: 100px !important;
        margin-top: 100px !important
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        padding: 5px 6px
    }
}

@media (max-width:455px) {
    .res-email-btn {
        padding-left: 40px
    }
}

@media (max-width:420px) {
    .page-header.navbar .page-logo {
        width: 100%
    }

    .chat-sidebar-container {
        top: 168px
    }
}

@media only screen and (min-width:991px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -2px
        }

    .cd-timeline-block {
        margin: 4em 0
    }

        .cd-timeline-block:first-child {
            margin-top: 0
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0
        }

    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 .6s;
        -moz-animation: cd-bounce-1 .6s;
        animation: cd-bounce-1 .6s
    }

    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: #fff
        }

        .cd-timeline-content.cd-picture::before {
            border-left-color: #75ce66
        }

        .cd-timeline-content.cd-location::before {
            border-left-color: #f0ca45
        }

        .cd-timeline-content.cd-movie::before {
            border-left-color: #c03b44
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content.cd-movie::before {
        border-right-color: #c03b44
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content.cd-location::before {
        border-right-color: #f0ca45
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: #fff
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 122%;
            text-align: right
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 .6s;
        -moz-animation: cd-bounce-2 .6s;
        animation: cd-bounce-2 .6s
    }

    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse .6s;
        -moz-animation: cd-bounce-2-inverse .6s;
        animation: cd-bounce-2-inverse .6s
    }
}

@media (min-width: 1400px) {
    .page-boxed .container {
        width: 1370px;
        max-width: 100%
    }

    .page-boxed .page-header-inner.container {
        display: block
    }
}

@media print {
    body {
        background-color: #fff !important
    }

    .hidden-print, .page-bar, .page-footer, .chat-sidebar-container, .sidebar-container, .chatpane {
        display: none
    }

    .page-container {
        margin: 0 !important;
        padding: 0 !important
    }

    .page-content {
        min-height: 300px !important;
        padding: 0 20px 20px !important;
        margin: 0 !important
    }
}

.ArcheTypeControl {
    width: 100% !important;
    max-width: 100% !important;
    flex: auto !important;
}*/
.ArcheTypeControl {
    background-color: #fff;
    padding: 10px 0px;
    margin: 10px 0px 10px 0;
    border-right: 3px solid #9268ee;
    border-radius: 8px;
    border-bottom: 0px solid #9268ee;
    box-shadow: 0 .125rem .25rem rgba(174, 92, 255, 0.08) !important;
}

.panel-heading {
    background-color: #fff;
    border-top: #1a8e5f solid 3px;
    border-bottom: #1a8e5f solid 1px;
    padding: 10px;
    background-color: #f5fffb;
}

.ArcheTypeControl label:empty {
    display: none;
}

input[type="checkbox"], input[type="radio"] {
    width: 17px;
    height: 17px;
    margin-left: 3px;
    margin-top: 4px;
    margin-bottom: 4px;
    vertical-align: middle;
}

.panel-heading h5 {
    font-size: 13px;
    margin-bottom: 0;
}

#dvEntityPropery label {
    font-weight: 300;
}

.Feild {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    border: solid 1px #f0f0f0;
    cursor: move;
    position: relative;
    user-select: none;
}

.FormField {
    padding: 10px;
    cursor: pointer;
    min-height: 20px;
    font-size: 12px;
    color: #444;
    transition: background 300ms,border 300ms;
   /* overflow: hidden;*/
}

    .FormField:hover {
        /*padding: 10px;*/
        background: #fafafa;
        border-inline: solid 1px #ddd;
        cursor: pointer;
        min-height: 20px;
        color: #444;
       /* overflow: hidden;*/
    }

    .FormField.selected {
        background: #fdf6e5;
        border: solid 1px #ebc762;
    }

.pointer:hover {
    cursor: pointer;
}

.card-Archetype:hover {
    /*padding: 10px;*/
    background: #fafafa;
    border-inline: solid 1px #ddd;
    cursor: pointer;
    min-height: 20px;
    font-size: 12px;
    color: #444;
    overflow: hidden;
}

.card-Archetype.selected {
    background: #fdf6e5;
    border: solid 1px #ebc762;
}

.fixed3 {
    width: 100%;
    position: -webkit-sticky;
    position: sticky !important;
    top: 10px !important;
    z-index: 1;
    height: 85vh !important;
    overflow-y: auto;
    overflow-x: auto;
}

.FormField.UnShow {
    background-color: #bbb;
}

    .FormField.UnShow label {
        text-decoration: line-through;
    }

.float-left {
    float: left !important;
}

.toast {
    font-family: IRANSansWeb,'Iransans',Poppins, Helvetica, "sans-serif", sans-serif !important;
}

.toast {
    display: none;
    padding: 1.5rem;
    color: #fff;
    z-index: 1;
    position: absolute;
    width: 25rem;
    top: 2rem;
    border-radius: 1rem;
    left: 50%;
}

.toast-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    font-size: 2.5rem;
}

.toast-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 1rem;
}

    .toast-body p {
        margin-bottom: 0;
    }

.toast-visible {
    display: flex;
    flex-direction: row;
    animation: fadein 1.5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.datepicker-plot-area {
    font: 400 .8rem 'Iransans', sans-serif !important;
}
.clear-btn{
    display:none;
}
.blazor-datepicker{
    text-align:center;
}
.xlarge {
    width: 100% !important;
    max-width: 95% !important;
}
.panel-group .nav-link {
    color: #8e8e8e;
}
    .panel-group .nav-link:hover, .panel-group .nav-link:focus {
        color: #4674FF;
    }
/*#tabsMaster .nav-item .active:hover {
    color: #fff !important;
}*/
#tabsMaster .nav-item:hover .active.show {
    color: #fff !important;
}
label.form-label {
    margin-bottom: 2px;
    margin-top: 12px;
}