.hamburger:focus, .searchWrapper button:focus, .sidebar-nav a:focus {
    outline: 0
}

.fab, .switch {
    cursor: pointer
}

@font-face {
    font-family: robotoblack;
    src: url(../../fonts/Roboto-Black-webfont.eot);
    src: url(../../fonts/Roboto-Black-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Black-webfont.woff) format("woff"),url(../../fonts/Roboto-Black-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Black-webfont.svg#robotoblack) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoblack_italic;
    src: url(../../fonts/Roboto-BlackItalic-webfont.eot);
    src: url(../../fonts/Roboto-BlackItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-BlackItalic-webfont.woff) format("woff"),url(../../fonts/Roboto-BlackItalic-webfont.ttf) format("truetype"),url(../../fonts/Roboto-BlackItalic-webfont.svg#robotoblack_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotobold;
    src: url(../../fonts/Roboto-Bold-webfont.eot);
    src: url(../../fonts/Roboto-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Bold-webfont.woff) format("woff"),url(../../fonts/Roboto-Bold-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Bold-webfont.svg#robotobold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedbold;
    src: url(../../fonts/RobotoCondensed-Bold-webfont.eot);
    src: url(../../fonts/RobotoCondensed-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/RobotoCondensed-Bold-webfont.woff) format("woff"),url(../../fonts/RobotoCondensed-Bold-webfont.ttf) format("truetype"),url(../../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedbold_italic;
    src: url(../../fonts/RobotoCondensed-BoldItalic-webfont.eot);
    src: url(../../fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/RobotoCondensed-BoldItalic-webfont.woff) format("woff"),url(../../fonts/RobotoCondensed-BoldItalic-webfont.ttf) format("truetype"),url(../../fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotobold_italic;
    src: url(../../fonts/Roboto-BoldItalic-webfont.eot);
    src: url(../../fonts/Roboto-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-BoldItalic-webfont.woff) format("woff"),url(../../fonts/Roboto-BoldItalic-webfont.ttf) format("truetype"),url(../../fonts/Roboto-BoldItalic-webfont.svg#robotobold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedregular;
    src: url(../../fonts/RobotoCondensed-Regular-webfont.eot);
    src: url(../../fonts/RobotoCondensed-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/RobotoCondensed-Regular-webfont.woff) format("woff"),url(../../fonts/RobotoCondensed-Regular-webfont.ttf) format("truetype"),url(../../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condenseditalic;
    src: url(../../fonts/RobotoCondensed-Italic-webfont.eot);
    src: url(../../fonts/RobotoCondensed-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/RobotoCondensed-Italic-webfont.woff) format("woff"),url(../../fonts/RobotoCondensed-Italic-webfont.ttf) format("truetype"),url(../../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoitalic;
    src: url(../../fonts/Roboto-Italic-webfont.eot);
    src: url(../../fonts/Roboto-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Italic-webfont.woff) format("woff"),url(../../fonts/Roboto-Italic-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Italic-webfont.svg#robotoitalic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight;
    src: url(../../fonts/Roboto-Light-webfont.eot);
    src: url(../../fonts/Roboto-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Light-webfont.woff) format("woff"),url(../../fonts/Roboto-Light-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Light-webfont.svg#robotolight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedlight;
    src: url(../../fonts/RobotoCondensed-Light-webfont.eot);
    src: url(../../fonts/RobotoCondensed-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/RobotoCondensed-Light-webfont.woff) format("woff"),url(../../fonts/RobotoCondensed-Light-webfont.ttf) format("truetype"),url(../../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedlight_italic;
    src: url(../../fonts/RobotoCondensed-LightItalic-webfont.eot);
    src: url(../../fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/RobotoCondensed-LightItalic-webfont.woff) format("woff"),url(../../fonts/RobotoCondensed-LightItalic-webfont.ttf) format("truetype"),url(../../fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight_italic;
    src: url(../../fonts/Roboto-LightItalic-webfont.eot);
    src: url(../../fonts/Roboto-LightItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-LightItalic-webfont.woff) format("woff"),url(../../fonts/Roboto-LightItalic-webfont.ttf) format("truetype"),url(../../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotomedium;
    src: url(../../fonts/Roboto-Medium-webfont.eot);
    src: url(../../fonts/Roboto-Medium-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Medium-webfont.woff) format("woff"),url(../../fonts/Roboto-Medium-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Medium-webfont.svg#robotomedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotomedium_italic;
    src: url(../../fonts/Roboto-MediumItalic-webfont.eot);
    src: url(../../fonts/Roboto-MediumItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-MediumItalic-webfont.woff) format("woff"),url(../../fonts/Roboto-MediumItalic-webfont.ttf) format("truetype"),url(../../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoregular;
    src: url(../../fonts/Roboto-Regular-webfont.eot);
    src: url(../../fonts/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Regular-webfont.woff) format("woff"),url(../../fonts/Roboto-Regular-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Regular-webfont.svg#robotoregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotothin;
    src: url(../../fonts/Roboto-Thin-webfont.eot);
    src: url(../../fonts/Roboto-Thin-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-Thin-webfont.woff) format("woff"),url(../../fonts/Roboto-Thin-webfont.ttf) format("truetype"),url(../../fonts/Roboto-Thin-webfont.svg#robotothin) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotothin_italic;
    src: url(../../fonts/Roboto-ThinItalic-webfont.eot);
    src: url(../../fonts/Roboto-ThinItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/Roboto-ThinItalic-webfont.woff) format("woff"),url(../../fonts/Roboto-ThinItalic-webfont.ttf) format("truetype"),url(../../fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

.colorTransparent {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important
}

.colorWhite {
    background-color: #fff !important
}

    .colorWhite h6, .colorWhite i {
        color: #333 !important
    }

.colorTheme {
    background-color: #00e2f0 !important;
    color: #fff
}

    .colorCyan, .colorTheme .nawbarMainMenu a, .colorTheme h6, .colorTheme i {
        color: #fff !important
    }

        .colorCyan .nawbarMainMenu a {
            color: #fff
        }

        .colorCyan h6, .colorCyan i {
            color: #fff !important
        }

.colorPink, .colorPink .nawbarMainMenu a {
    color: #fff
}

.colorPink {
    background-color: #db008c !important
}

    .colorPink h6, .colorPink i {
        color: #fff !important
    }

.colorPurpule {
    background-color: #9c27b0 !important;
    color: #fff
}

    .colorPurpule .nawbarMainMenu a {
        color: #fff
    }

    .colorPurpule h6, .colorPurpule i {
        color: #fff !important
    }

.colorYellow, .colorYellow .nawbarMainMenu a {
    color: #b98b2a
}

.colorCyan {
    background-color: #00a2b4 !important
}

.colorYellow {
    background-color: #ffeb3b !important
}

    .colorYellow h6, .colorYellow i {
        color: #fff !important
    }

.colPink {
    background-color: #db008c !important
}

.colWhite {
    background-color: #fff !important;
    border: 1px solid #b0b7c1 !important
}

.colCyan {
    background-color: #00a2b4 !important
}

.colPurpule {
    background-color: #9c27b0 !important
}

.colYellow {
    background-color: #ffeb3b !important
}

.colorTextPink {
    color: #db008c !important
}

.colorTextDark {
    color: #333 !important
}

.colorTextTheme {
    color: #00e2f0 !important
}

.colorTextPurpule {
    color: #9c27b0 !important
}

.colorTextCyan {
    color: #00a2b4 !important
}

.colorTextYellow {
    color: #ffeb3b !important
}

.colorTextWhite {
    color: #fff !important;
    opacity: 1
}

.colorTextDarkOrange {
    color: #b0751e !important;
    opacity: 1
}

.materialColorsBox {
    width: 250px;
    height: 100px;
    text-align: center;
    border: 1px solid #fff;
    float: left;
    padding: 25px 0
}

.cyan > .cs-skin-elastic > span, .pink > .cs-skin-elastic > span, .purpule > .cs-skin-elastic > span, .theme > .cs-skin-elastic > span, .white > .cs-skin-elastic > span, .yellow > .cs-skin-elastic > span {
    width: 150px;
    height: 44px;
    font-size: 14px
}

.materialColorsBox p {
    font-size: 16px;
    font-weight: 600
}

.materialPink {
    background-color: #db008c
}

.materialTheme {
    background-color: #00e2f0
}

.materialPurpule {
    background-color: #9c27b0
}

.materialCyan {
    background-color: #00a2b4
}

.materialYellow {
    background-color: #ffeb3b
}

.materialPink-50 {
    background-color: #fce4ec
}

.materialPink-100 {
    background-color: #f8bbd0
}

.materialPink-200 {
    background-color: #f48fb1
}

.materialPink-300 {
    background-color: #f06292
}

.materialPink-400 {
    background-color: #ec407a
}

.materialPink-500 {
    background-color: #e91e63
}

.materialPink-600 {
    background-color: #d81b60
}

.materialPink-700 {
    background-color: #c2185b
}

.materialPink-800 {
    background-color: #ad1457
}

.materialPink-900 {
    background-color: #880e4f
}

.materialPink-A100 {
    background-color: #ff80ab
}

.materialPink-A200 {
    background-color: #ff4081
}

.materialPink-A400 {
    background-color: #f50057
}

.materialPink-A700 {
    background-color: #c51162
}

.materialLight-Blue {
    background-color: #03a9f4
}

.materialLight-Blue-50 {
    background-color: #e1f5fe
}

.materialLight-Blue-100 {
    background-color: #b3e5fc
}

.materialLight-Blue-200 {
    background-color: #81d4fa
}

.materialLight-Blue-300 {
    background-color: #4fc3f7
}

.materialLight-Blue-400 {
    background-color: #29b6f6
}

.materialLight-Blue-500 {
    background-color: #03a9f4
}

.materialLight-Blue-600 {
    background-color: #039be5
}

.materialLight-Blue-700 {
    background-color: #0288d1
}

.materialLight-Blue-800 {
    background-color: #0277bd
}

.materialLight-Blue-900 {
    background-color: #01579b
}

.materialLight-Blue-A100 {
    background-color: #80d8ff
}

.materialLight-Blue-A200 {
    background-color: #40c4ff
}

.materialLight-Blue-A400, .materialLight-Blue-A700 {
    background-color: #0091ea
}

.materialPurple-50 {
    background-color: #f3e5f5
}

.materialPurple-100 {
    background-color: #e1bee7
}

.materialPurple-200 {
    background-color: #ce93d8
}

.materialPurple-300 {
    background-color: #ba68c8
}

.materialPurple-400 {
    background-color: #ab47bc
}

.materialPurple-500 {
    background-color: #9c27b0
}

.materialPurple-600 {
    background-color: #8e24aa
}

.materialPurple-700 {
    background-color: #7b1fa2
}

.materialPurple-800 {
    background-color: #6a1b9a
}

.materialPurple-900 {
    background-color: #4a148c
}

.materialPurple-A100 {
    background-color: #ea80fc
}

.materialPurple-A200 {
    background-color: #e040fb
}

.materialPurple-A400 {
    background-color: #d500f9
}

.materialPurple-A700 {
    background-color: #a0f
}

.materialCyan-50 {
    background-color: #e0f7fa
}

.materialCyan-100 {
    background-color: #b2ebf2
}

.materialCyan-200 {
    background-color: #80deea
}

.materialCyan-300 {
    background-color: #4dd0e1
}

.materialCyan-400 {
    background-color: #26c6da
}

.materialCyan-500 {
    background-color: #00bcd4
}

.materialCyan-600 {
    background-color: #00acc1
}

.materialCyan-700 {
    background-color: #0097a7
}

.materialCyan-800 {
    background-color: #00838f
}

.materialCyan-900 {
    background-color: #006064
}

.materialCyan-A100 {
    background-color: #84ffff
}

.materialCyan-A200 {
    background-color: #18ffff
}

.materialCyan-A400 {
    background-color: #00e5ff
}

.materialCyan-A700 {
    background-color: #00b8d4
}

.materialYellow-50 {
    background-color: #fffde7
}

.materialYellow-100 {
    background-color: #fff9c4
}

.materialYellow-200 {
    background-color: #fff59d
}

.materialYellow-300 {
    background-color: #fff176
}

.materialYellow-400 {
    background-color: #ffee58
}

.materialYellow-500 {
    background-color: #ffeb3b
}

.materialYellow-600 {
    background-color: #fdd835
}

.materialYellow-700 {
    background-color: #fbc02d
}

.materialYellow-800 {
    background-color: #f9a825
}

.materialYellow-900 {
    background-color: #f57f17
}

.materialYellow-A100 {
    background-color: #ffff8d
}

.materialYellow-A200 {
    background-color: #ff0
}

.materialYellow-A400 {
    background-color: #ffea00
}

.materialYellow-A700 {
    background-color: #ffd600
}

.cyan, .pink, .purpule, .theme, .white, .yellow {
    display: block;
    float: left;
    margin: 10px
}

    .pink > .cs-skin-elastic > span {
        background-color: #db008c !important;
        z-index: 100;
        color: #fff
    }

    .theme > .cs-skin-elastic > span {
        background-color: #00e2f0 !important;
        color: #fff
    }

    .purpule > .cs-skin-elastic > span {
        background-color: #9c27b0 !important;
        z-index: 100;
        color: #fff
    }

    .white > .cs-skin-elastic > span {
        background-color: #fff !important;
        z-index: 100;
        color: #333
    }

    .cyan > .cs-skin-elastic > span {
        background-color: #00a2b4 !important;
        z-index: 100;
        color: #fff
    }

    .yellow > .cs-skin-elastic > span {
        background-color: #ffeb3b !important;
        z-index: 100;
        color: #b98b2a
    }

.cs-skin-elastic .cs-options {
    width: 150px !important
}

    .cs-skin-elastic .cs-options span {
        width: 150px !important;
        height: 44px;
        font-size: 14px;
        color: #333;
        font-weight: 300;
        padding-left: 20px !important
    }

.cs-skin-elastic.cs-active .cs-options ul li {
    border-left: 1px solid #ECF0F1;
    border-right: 1px solid #ECF0F1;
    border-bottom: 1px solid #ECF0F1;
    background-color: #fff !important
}

.cs-skin-elastic .cs-options > ul::before {
    background-color: transparent !important
}

body {
    overflow-y: hidden
}

.preloaderFix {
    overflow-x: hidden !important;
    overflow-y: visible !important
}

.preloader {
    background: #007d40;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999
}

    .preloader .la-ball-pulse {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -54px
    }

.la-ball-pulse, .la-ball-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-pulse {
    display: block;
    font-size: 0;
    color: #fff;
    width: 54px;
    height: 18px
}

    .la-ball-pulse.la-dark {
        color: #333
    }

    .la-ball-pulse > div:nth-child(1) {
        -webkit-animation-delay: -.2s;
        -moz-animation-delay: -.2s;
        -o-animation-delay: -.2s;
        animation-delay: -.2s
    }

    .la-ball-pulse > div:nth-child(2) {
        -webkit-animation-delay: -.1s;
        -moz-animation-delay: -.1s;
        -o-animation-delay: -.1s;
        animation-delay: -.1s
    }

    .la-ball-pulse > div:nth-child(3) {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s
    }

    .la-ball-pulse > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        -webkit-animation: ball-pulse 1s ease infinite;
        -moz-animation: ball-pulse 1s ease infinite;
        -o-animation: ball-pulse 1s ease infinite;
        animation: ball-pulse 1s ease infinite
    }

.mainLogo, .nawbarMainLeft {
    float: left
}

.la-ball-pulse.la-sm {
    width: 26px;
    height: 8px
}

    .la-ball-pulse.la-sm > div {
        width: 4px;
        height: 4px;
        margin: 2px
    }

.la-ball-pulse.la-2x {
    width: 108px;
    height: 36px
}

    .la-ball-pulse.la-2x > div {
        width: 20px;
        height: 20px;
        margin: 8px
    }

.la-ball-pulse.la-3x {
    width: 162px;
    height: 54px
}

    .la-ball-pulse.la-3x > div {
        width: 30px;
        height: 30px;
        margin: 12px
    }

@-webkit-keyframes ball-pulse {
    0%,100%,60% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
}

@-moz-keyframes ball-pulse {
    0%,100%,60% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -moz-transform: scale(.01);
        transform: scale(.01)
    }
}

@-o-keyframes ball-pulse {
    0%,100%,60% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -o-transform: scale(.01);
        transform: scale(.01)
    }
}

@keyframes ball-pulse {
    0%,100%,60% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -webkit-transform: scale(.01);
        -moz-transform: scale(.01);
        -o-transform: scale(.01);
        transform: scale(.01)
    }
}

#mainWrapper {
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px)
}

#mailboxContent {
    height: 300px
}

.mCSB_inside > .mCSB_container {
    margin-right: 0 !important
}

.mainWrapper {
    padding-top: 60px;
    width: 100%;
    overflow-x: hidden;
    position: relative
}

#header {
    width: 100%;
    position: fixed;
    z-index: 99
}

.hamburger {
    background: 0 0;
    border: 0;
    width: 55px;
    height: 45px;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .hamburger span {
        display: block;
        background: #fff;
        height: 3px;
        width: 40px;
        border-radius: 5px;
        position: relative
    }

        .hamburger span:after, .hamburger span:before {
            content: "";
            display: block;
            width: 65%;
            height: 3px;
            border-radius: 5px;
            background: #fff;
            position: absolute;
            top: -8px;
            left: -1px;
            -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
            -moz-transform: rotate(-35deg);
            -o-transform: rotate(-35deg);
            transform: rotate(-35deg);
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .hamburger span:after {
            top: 8px;
            left: -1px;
            -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
            -moz-transform: rotate(35deg);
            -o-transform: rotate(35deg);
            transform: rotate(35deg)
        }

    .hamburger.active, .hamburger.activeClick {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

        .hamburger.active span:after, .hamburger.active span:before, .hamburger.activeClick span:after, .hamburger.activeClick span:before {
            content: "";
            display: block;
            width: 100%;
            height: 3px;
            border-radius: 5px;
            background: #fff;
            position: absolute;
            top: -10px;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            left: 0
        }

        .hamburger.active span:after, .hamburger.activeClick span:after {
            top: 10px
        }

.nawbarWrapper {
    padding: 20px;
    border: 1px solid #ECF0F1;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nawbarMain {
    padding: 12px 10px 2px 5px;
    width: 100%;
    background-color: #007d40;
    position: relative;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    z-index: 10
}

.nawbarMainRight {
    float: right
}

/*.mainLogo {
    margin: -5px 0 0;
    height: 56px;
    width: 56px;
    background-image: url(../../img/logo.png)
}*/

.headerLogo, .nawbarMainButtonWrapper {
    float: left;
    margin-left: 5px
}

.headerLogo {
    color: #fff;
    font-size: 28px;
    /*line-height: 50px;*/
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}

@media /*(max-width:2046px)*/ {
    .mainLogo {
        display: none
    }
}

.headerLogo a, .headerLogo a:hover {
    color: #fff;
    text-decoration: none
}

/*@media (min-width:2048px) {
    .nawbarMainButtonWrapper {
        display: none !important
    }
}*/

.nawbarMainLogo, .nawbarMainLogoCenter {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    float: left
}

@media (max-width:768px) {
    .nawbarMain {
        padding: 8px 10px
    }

    .nawbarMainButtonWrapper {
        margin-left: 0
    }
}

.nawbarMainLogo {
    margin: 0 10px
}

.nawbarMainLogoCenter {
    width: 100px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -50px
}

.menuTime, .menuTime2 {
    font-weight: 400;
    text-transform: uppercase
}

.nawbarMainMenu {
    padding: 1px 0 0
}

@media screen and (max-width:640px) {
    .nawbarMainMenu {
        display: none
    }
}

.nawbarMainMenu ul {
    margin-bottom: 0 !important
}

.nawbarMainMenu li {
    display: inline-block;
    padding: 0 5px
}

.nawbarMainMenu a {
    font-size: 14px;
    text-decoration: none;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    color: #fff;
    margin: 0 15px
}

    .nawbarMainMenu a .badge {
        position: absolute;
        left: 27px
    }

.nawbarMainMenu i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.nawbarMainMenuSmallLeft {
    display: none;
    width: 40px;
    text-align: center
}

@media screen and (max-width:640px) {
    .nawbarMainMenuSmallLeft {
        display: block
    }
}

.nawbarMainMenuSmallLeft .fa-ellipsis-v {
    width: 40px
}

.nawbarMainMenuSmallLeft i {
    font-size: 24px;
    margin-top: 8px;
    margin-right: 10px;
    color: #fff
}

.nawbarMainMenuSmallLeft ul {
    margin-left: -154px;
    padding-bottom: 20px
}

.nawbarMainMenuSmallLeft li > a {
    color: #333 !important;
    position: relative
}

    .nawbarMainMenuSmallLeft li > a .badge {
        position: absolute;
        right: 23px;
        top: 6px;
        font-size: 9px
    }

.myColor {
    background-color: #1a6e3c !important;
    border: 2px solid #fff;
    border-radius: 50%
}

.headerMenuIconIndigo i {
    font-size: 16px;
    margin-right: 10px;
    color: #787878 !important
}

.nawbarMainMenuSmallRight i, .todoWrapper .input-group-addon i {
    font-size: 24px
}

.nawbarMainMenuSmallRight {
    display: none
}

@media screen and (max-width:640px) {
    .nawbarMainMenuSmallRight {
        display: block
    }
}

.nawbarMainMenuSmallRight ul {
    margin-left: -50px
}

.nawbarMainMenuSmalDropdownButton {
    margin: 0
}

    .nawbarMainMenuSmalDropdownButton .btn {
        margin: 0;
        padding: 0
    }

        .nawbarMainMenuSmalDropdownButton .btn:hover {
            color: #fff !important
        }

        .nawbarMainMenuSmalDropdownButton .btn:active {
            color: #fff !important;
            box-shadow: none
        }

    .nawbarMainMenuSmalDropdownButton ul {
        top: 35px;
        margin-left: -90px
    }

    .nawbarMainMenuSmalDropdownButton a {
        color: #333 !important;
        height: 45px
    }

.searchWrapper {
    background-color: #0ff
}

    .searchWrapper input {
        width: 100%;
        position: relative;
        border: none;
        height: 60px;
        background-color: #ecf0f1;
        -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
        padding-left: 70px
    }

        .searchWrapper input:focus {
            border: none !important;
            -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);
            -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);
            box-shadow: 0 3px 8px 0 rgba(0,0,0,.3)
        }

    .searchWrapper button {
        position: absolute;
        top: 15px;
        left: 10px;
        z-index: 5;
        background-color: transparent
    }

        .searchWrapper button i {
            font-size: 20px;
            color: #333
        }

        .searchWrapper button:active {
            box-shadow: none
        }

#sideBarWrapper {
    height: 100%;
    margin: 0 auto
}

#sideBarContent {
    height: 100%;
    position: fixed;
    z-index: 80
}

.sideBar {
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    background-color: #2c353a;
    z-index: 1;
    position: absolute;
    width: 340px;
    height: 100%;
    transition: .35s;
    margin-left: 0
}

body.bodySmall .sideBar, body.noSidebar .sideBar {
    margin-left: -340px;
    -moz-box-shadow: 0 0 15px 0 #959595;
    -webkit-box-shadow: 0 0 15px 0 #959595;
    box-shadow: 0 0 15px 0 #959595
}

body.mobileSidebar .sideBar {
    margin-left: 0 !important;
    z-index: 1
}

body.bodySmall .mainConteiner, body.noSidebar .mainConteiner {
    margin-left: 0
}

.mainConteiner {
    margin-left: 240px;
    height: auto;
    transition: .35s
}

@media (max-width:768px) {
    .mainConteiner {
        transition: none
    }
}

.mainConteinerConten {
    height: auto;
    overflow: hidden
}

.thirdTheme {
    background-color: #00a2b4
}

.headerWrapper {
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    position: relative
}

.latestActivity, .mailboxShow {
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.timeWrapper {
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 63px;
    border-bottom: 1px solid transparent;
    text-align: center;
    background-color: #232b2e !important
}

    .timeWrapper i {
        font-size: 50px
    }

.menuTime {
    font-size: 18px
}

.menuTime2 {
    font-size: 30px;
    font-family: robotolight,sans-serif;
    padding-top: 6px
}

.sideBarWeatherWrapper {
    padding: 5px 0 10px;
    border-bottom: 1px solid #fff
}

    .sideBarWeatherWrapper ul {
        list-style-type: none;
        padding: 0
    }

.weatherIconMain {
    display: block;
    font-size: 80px;
    margin-top: -10px
}

.show {
    right: 0 !important;
    transition: .35s
}

.switch, .switch .handle {
    transition: all .2s ease-in-out
}

.latestActivity {
    display: block;
    height: auto;
    width: 350px;
    background-color: #fff;
    color: #333 !important;
    position: absolute;
    right: -400px;
    top: 0;
    z-index: 999 !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.latestActivityHeader {
    height: 66px;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
    margin-bottom: 30px
}

@media (max-width:765px) {
    .latestActivity {
        width: 255px
    }

    .latestActivityHeader {
        font-size: 14px;
        font-weight: 500
    }
}

.latestActivityHeader i {
    padding: 10px
}

.latestActivityHeader .mainIcon i {
    font-size: 35px !important;
    padding: 15px 35px
}

@media (max-width:480px) {
    .latestActivityHeader .mainIcon i {
        padding: 15px 25px
    }
}

.latestActivityHeader .mainContent {
    position: absolute;
    top: 25px
}

.latestActivityAntWrapper {
    height: auto;
    width: 350px;
    padding: 0 0 0 40px
}

@media (max-width:765px) {
    .latestActivityAntWrapper {
        width: 255px
    }
}

#latestActivityContent {
    height: 300px
}

.latestActivityAntContent {
    width: 310px
}

@media (max-width:765px) {
    .latestActivityAntContent {
        width: 200px
    }
}

.latestActivityAntContentHeader {
    font-size: 14px;
    height: 16px;
    font-weight: 500
}

.point {
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 15px;
    width: 10px;
    height: 10px;
    background-color: #00a2b4
}

.latestActivityAntContentText {
    width: 305px;
    margin: 0 15px 0 5px;
    padding: 10px 20px 0;
    border-left: 1px solid #00a2b4;
    height: auto
}

@media (max-width:765px) {
    .latestActivityAntContentText {
        width: 200px
    }
}

.latestActivityAntContentTextHeader {
    font-size: 14px;
    color: #00a2b4;
    text-transform: uppercase
}

.latestActivityButton {
    background-color: #db008c;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 0 !important;
    width: 150px;
    margin: 45px 0 30px 40px
}

.mailboxShow, .reminderShow {
    background-color: #fff;
    right: -400px;
    z-index: 999 !important;
    position: absolute
}

.mailboxShow {
    height: auto;
    width: 350px;
    padding: 0 0 5px;
    top: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.registrationWrapper, .reminderShow {
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.mailboxHeader {
    height: 66px;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px
}

@media (max-width:765px) {
    .mailboxShow {
        width: 255px
    }

    .mailboxHeader {
        font-size: 14px;
        font-weight: 500
    }
}

.mailboxHeader i {
    padding: 10px
}

.mailboxHeader .mainIcon i {
    font-size: 35px !important;
    padding: 15px 35px
}

@media (max-width:480px) {
    .mailboxHeader .mainIcon i {
        padding: 15px 25px
    }
}

.mailboxHeader .mainContent {
    position: absolute;
    top: 25px
}

.reminderShow {
    width: 350px;
    background-image: url(../../img/alarm.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.reminderHeader {
    height: 30px;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px
}

@media (max-width:765px) {
    .reminderShow {
        width: 255px
    }

    .reminderHeader {
        font-size: 14px;
        font-weight: 500
    }
}

.reminderHeader i {
    padding: 10px
}

.reminderHeader .mainIcon i {
    font-size: 35px !important;
    padding: 15px 35px
}

@media (max-width:480px) {
    .reminderHeader .mainIcon i {
        padding: 15px 25px
    }
}

.reminderHeader .mainContent {
    position: absolute;
    top: 25px
}

.carouselWrapper {
    padding: 10px
}

    .carouselWrapper .carouselContent {
        height: 300px !important;
        text-align: center;
        padding-top: 170px !important
    }

    .carouselWrapper .carousel-control {
        background-image: none
    }

#menuContent {
    background-color: #2c353a;
    z-index: 9999 !important;
    width: 100%;
}

.sidebar-nav ul {
    padding: 0;
    list-style: none
}

.sidebar-nav li {
    position: relative;
    display: block
}

    .sidebar-nav li ul a {
        font-size: 14px;
        padding-left: 56px;
        background-color: #232b2e
    }

    .sidebar-nav a:hover, .sidebar-nav li.active a:hover {
        background: #202529;
        color: #fff
    }

    .sidebar-nav li.active a .arrow, .sidebar-nav li.active a .glyphicon {
        color: #fff
    }

.sidebar-nav .glyphicon {
    font-size: 16px;
    margin-right: 20px
}

.sidebar-nav a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding: 12px 15px;
    display: inline-block;
    width: 100%
}

    .sidebar-nav a:hover .arrow, .sidebar-nav a:hover .glyphicon {
        color: #fff
    }

.userInfo, .userInfo a {
    color: #fff !important
}

.sidebar-nav .badge {
    border-radius: 0
}

.sidebar-nav .arrow {
    font-size: 16px;
    margin-right: 15px
}

.actual {
    background-color: #202529 !important
}

.sideBarUser, .sideBarUserMini {
    background-color: #00a2b4;
    width: 240px
}

.sideBarUser {
    height: 100px;
    padding-top: 30px;
    background-image: url(../../img/userBg.jpg);
    background-repeat: no-repeat
}

.sideBarUserMini {
    display: none;
    height: 50px;
    margin-top: 25px;
    background-image: url(../img/userBg.jpg)
}

.todoWrapper .form-control, .todoWrapper .form-control:active, .todoWrapper .form-control:focus, .todoWrapper .form-control:hover {
    background-image: none;
    border: 1px solid #00e2f0
}

.sideBarUserConteiner {
    height: 100px;
    width: 240px
}

.sideBarUserConteinerImg {
    float: left;
    height: 50px;
    width: 80px;
    text-align: center;
    margin-right: 30px;
    font-size: 40px;
    line-height: 40px
}

img.userimg {
    border-radius: 50%;
    margin: -19px 10px 10px;
    height: 80px;
    border: 7px solid rgba(255,255,255,.41);
    box-shadow: 0 0 0 8px rgba(188,240,236,.11)
}

.sideBarUserConteinerText {
    float: left;
    height: 50px;
    width: 120px;
    text-align: left
}

.userInfo {
    font-size: 14px;
    line-height: 20px
}

.sideBarSearch {
    float: left;
    height: 50px;
    width: 80px;
    text-align: center;
    margin-right: 30px;
    font-size: 40px;
    line-height: 40px
}

.sideBarSearchMini {
    display: none;
    height: 55px;
    width: 240px;
    padding: 10px 20px
}

input.search-query {
    padding-left: 26px;
    border: thin solid #00e2f0;
    background-color: #fff
}

form.form-search {
    position: relative;
    color: #00e2f0
}

.firstRow {
    background-color: #fff;
    /*margin-bottom: 10px;*/
    border-bottom: 1px solid #ECF0F1
}

.firstRowHeader {
    padding-top: 5px
}

@media (max-width:765px) {
    .firstRowHeader {
        text-align: center;
        line-height: 50px
    }

    .breadcrumb {
        display: none
    }
}

.miniDiagramsConteiner {
    padding-top: 15px;
    height: 80px;
    width: 260px;
    float: right
}

.miniDiagramsContent {
    float: left;
    height: 80px;
    width: 115px;
    margin-left: 10px
}

.miniDiagramsContentHeader {
    height: 20px;
    padding-bottom: 5px;
    width: 115px;
    font-size: 14px;
    line-height: 15px;
    color: #333;
    text-align: left;
    font-weight: 300
}

#external-events h6, .breadcrumb li a {
    line-height: 40px
}

.miniDiagramsContentContent {
    height: 30px;
    width: 115px
}

.jqstooltip {
    text-align: center;
    min-height: 25px;
    min-width: 65px
}

.breadcrumb {
    background-color: transparent;
    height: 30px;
    margin: 0;
    padding: 0
}

    .breadcrumb li a {
        font-size: 14px;
        color: #1a6e3c;
        font-weight: bold;
    }

    .breadcrumb .active {
        font-size: 16px;
        color: #333
    }

    .breadcrumb > li + li:before {
        color: #1a6e3c;
        vertical-align: middle;
        font-size: 25px;
        content: "\2022"
    }

@media (max-width:1200px) {
    .mapConteinerFooter {
        text-align: center
    }

    .address, .marker i {
        width: 100%;
        float: none
    }

    .mapbutton {
        float: none !important;
        margin-top: 10px
    }
}

.fotterWrapper {
    width: 100%;
    height: 80px;
    padding: 35px 0 0 35px;
    background-color: #fff;
    border-top: 1px solid #ECF0F1;
    color: #878787
}

.todayClose {
    display: none
}

@media (max-width:765px) {
    .fotterWrapper {
        padding: 35px 0 0;
        text-align: center
    }

    .headerLogoText, .headerTime {
        display: none
    }

    .miniDiagramsConteiner {
        margin: 0 auto;
        float: none
    }

    .firstRowHeader {
        padding-left: 0;
        text-align: center
    }
}

#chartDashboard, #chartDashboard02 {
    width: 100%;
    height: 200px
}

#chartDashboard1, #chartDashboard10, #chartDashboard3, #chartDashboard31, #chartDashboard32, #chartDashboard7, #chartDashboard8 {
    width: 100%;
    padding: 0 40px 0 0
}

#chartDashboard9 {
    width: 100%;
    padding: 20px 30px 0 0;
    height: 180px
}

@media screen and (max-width:480px) {
    #chartDashboard1, #chartDashboard10, #chartDashboard2, #chartDashboard3, #chartDashboard31, #chartDashboard32, #chartDashboard5, #chartDashboard7, #chartDashboard8 {
        padding: 0 20px 0 0
    }
}

#chartDashboard1 {
    height: 200px
}

#chartDashboard2 {
    height: 150px !important;
    width: 150px !important
}

#chartDashboard3, #chartDashboard31, #chartDashboard32 {
    position: absolute;
    height: 200px !important;
    left: 50%
}

#chartDashboard4, #chartDashboard41, #chartDashboard42 {
    position: absolute;
    height: 250px !important;
    width: 250px !important;
    left: 50%;
    margin-left: -125px
}

@media (max-width:1270px) and (min-width:1200px) {
    #chartDashboard4, #chartDashboard41, #chartDashboard42 {
        height: 150px !important;
        width: 150px !important;
        margin-left: -75px
    }
}

@media (max-width:460px) {
    #chartDashboard4, #chartDashboard41, #chartDashboard42 {
        height: 150px !important;
        width: 150px !important;
        margin-left: -75px
    }
}

#chartDashboard11, #chartDashboard5 {
    display: block;
    margin: 0 auto !important;
    min-height: 100px;
    max-height: 250px;
    max-width: 500px
}

#chartDashboard6 {
    max-width: 200px;
    height: 250px !important
}

#chartDashboard7 {
    height: 205px
}

#chartDashboard8 {
    height: 300px
}

#chartDashboard10 {
    height: 310px
}

.amsterdamContent {
    position: relative
}

    .amsterdamContent .amsterdamButtonPlaseholder {
        position: absolute;
        right: 25px;
        top: -35px
    }

.flotChartsWrapper {
    min-height: 200px;
    min-width: 200px;
    height: 95%;
    width: 95%;
    margin: 0 auto !important;
    padding: 2%;
    background-color: #fff !important
}

#placeholder, #placeholder1, #placeholder10, #placeholder11, #placeholder12, #placeholder13, #placeholder2, #placeholder3, #placeholder4, #placeholder5, #placeholder6, #placeholder7, #placeholder8, #placeholder9 {
    min-height: 200px;
    min-width: 200px;
    height: 100% !important;
    width: 100% !important
}

.flot-tooltip {
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    width: 100px;
    height: auto;
    padding: 5px;
    text-align: center;
    position: absolute;
    display: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    z-index: 99
}

.chartjsWrapper, .morisChartsWrapper, .sparklineChartWrapper {
    margin: 0 auto !important;
    padding: 2%;
    background-color: #fff !important
}

.morisChartsWrapper {
    min-height: 200px;
    min-width: 200px;
    height: 95%;
    width: 95%
}

#chart, #chart1, #chart10, #chart2, #chart3, #chart4, #chart5, #chart6, #chart7, #chart8, #chart9 {
    min-height: 200px;
    min-width: 200px;
    height: 100% !important;
    width: 100% !important
}

.chartjsWrapper {
    min-height: 200px;
    min-width: 200px;
    height: 90% !important
}

#canvas, #canvas1, #canvas10, #canvas2, #canvas3, #canvas4, #canvas5, #canvas6, #canvas7, #canvas8, #canvas9 {
    min-height: 200px;
    min-width: 200px;
    height: 100% !important;
    width: 98% !important
}

.sparklineChartWrapper {
    height: 90% !important;
    width: 98%
}

.sparkline, .sparkline1, .sparkline10, .sparkline2, .sparkline3, .sparkline4, .sparkline5, .sparkline6, .sparkline7, .sparkline8, .sparkline9 {
    height: 100% !important;
    width: 98% !important
}

.checked-todo label {
    text-decoration: line-through
}

.todoWrapper {
    padding: 0 20px !important;
    border-color: transparent !important
}

@media (max-width:480px) {
    .todoWrapper {
        padding: 0 5px !important
    }
}

.todoWrapper .panel-body {
    padding: 0
}

.todoWrapper .form-control {
    height: 50px;
    z-index: 0 !important
}

.todoWrapper .input-group {
    width: 100%
}

    .todoWrapper .input-group input {
        padding-left: 25px
    }

.todoWrapper .input-group-addon {
    width: 50px;
    border: 1px solid #00e2f0;
    z-index: 0 !important
}

.todoWrapper .sort-todo a {
    margin-right: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #00e2f0
}

    .todoWrapper .sort-todo a:hover {
        color: #00a2b4
    }

.todo .checkbox, .todo .radio {
    display: inline-block;
    margin: 0;
    overflow: hidden
}

    .todo .checkbox label, .todo .radio label {
        padding-left: 20px
    }

@media (max-width:480px) {
    .todo .checkbox label, .todo .radio label {
        width: 150px
    }
}

.todo input[type=checkbox]:checked + label {
    text-decoration: line-through !important
}

.incomMailHeader a, .mailTime a:hover, .mailboxWatch, .postMainComentContentButtons a, .todayFooter ul li a, .todayFooter2 ul li a, .todo .list-group-item:focus, .todo .list-group-item:hover, .userNameWrapperFotterUserIcons li a {
    text-decoration: none
}

.todo .list-group-item {
    border-radius: 0
}

#external-events .form-control, #external-events .form-control:active, #external-events .form-control:focus, #external-events .form-control:hover {
    border: 1px solid #d4d8d9;
    background-image: none
}

.todo .list-group {
    margin-bottom: 0
}

.todo .action-btns {
    width: 75px;
    position: absolute;
    right: 10px;
    top: 10px
}

    .todo .action-btns a {
        margin-left: 20px;
        font-size: 16px
    }

        .todo .action-btns a span {
            font-size: 16px;
            color: #00e2f0
        }

.panelCalendar {
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

#calendar {
    width: 100% !important;
    z-index: 0 !important;
    background-color: #fff
}

#external-events {
    background-color: #fff;
    margin-bottom: 20px
}

    #external-events .calendarHeader h6 {
        margin-top: -1px;
        width: 100%;
        height: 75px;
        background-color: #db008c;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        line-height: 75px;
        text-align: center
    }

.description, h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

#external-events .calendarWrapper {
    padding: 20px 40px
}

#external-events .form-group {
    width: 100%
}

#external-events .form-control {
    height: 30px;
    width: 100%
}

#external-events .input-group {
    width: 100% !important;
    height: 30px !important;
    z-index: 0 !important
}

    #external-events .input-group i {
        color: #fff
    }

    #external-events .input-group input {
        padding-left: 25px;
        margin-right: 25px
    }

#external-events .input-group-addon {
    background-color: #db008c;
    padding: 0;
    width: 30px
}

    #external-events .input-group-addon button {
        padding: 0 10px !important;
        height: 100% !important;
        border: none !important;
        background-color: #db008c;
        color: #fff
    }

.fc-event {
    width: auto !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 20px 0 !important;
    padding: 10px !important
}

    .fc-event .fa-close {
        float: right
    }

.event-tag span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer
}

    .event-tag span.selected:before {
        width: 10px;
        height: 10px;
        margin-left: 5px;
        line-height: 30px;
        color: #fff;
        font-family: FontAwesome;
        font-size: 22px;
        position: absolute;
        content: "\f00c"
    }

.typography {
    padding: 20px;
    margin: 10px 5px !important;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1
}

@media (max-width:765px) {
    .typography {
        padding: 10px;
        margin: 30px 10px
    }
}

.typographyHeader {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px
}

.blackStyle, .blackitalicStyle, .boldStyle, .bolditalicStyle, .condesendStyle, .lightStyle, .lightitalicStyle, .mediumStyle, .regularStyle, .thinStyle {
    font-size: 30px;
    text-transform: uppercase
}

.regularStyle {
    font-family: robotoregular,sans-serif
}

.thinStyle {
    font-family: robotolight,sans-serif
}

.boldStyle {
    font-family: robotobold,sans-serif
}

.condesendStyle {
    font-family: roboto_condensedregular,sans-serif
}

.lightitalicStyle {
    font-family: robotolight_italic,sans-serif
}

.mediumitalicStyle {
    font-size: 30px;
    text-transform: uppercase;
    font-family: robotomedium_italic,sans-serif
}

.blackStyle {
    font-family: robotoblack,sans-serif
}

.mediumStyle {
    font-family: robotomedium,sans-serif
}

.lightStyle {
    font-family: robotolight,sans-serif
}

.blackitalicStyle {
    font-family: robotobold_italic,sans-serif
}

.bolditalicStyle {
    font-style: italic;
    font-family: robotoblack_italic,sans-serif
}

.description {
    font-family: robotoregular,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
    line-height: 50px;
    font-style: normal
}

@media (max-width:640px) {
    .description {
        display: none
    }
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 40px
}

h3 {
    font-size: 36px
}

h4 {
    font-size: 30px
}

h5 {
    font-size: 24px
}

blockquote p, h6 {
    font-size: 18px
}

blockquote {
    border-left: none
}

    blockquote:after {
        content: "\f10d";
        font-family: Fontawesome;
        width: 15px;
        font-size: 15px;
        line-height: 15px;
        font-style: normal;
        text-align: center;
        color: #00e2f0;
        position: absolute;
        top: 70px;
        left: 40px
    }

    blockquote footer {
        font-size: 18px;
        float: right
    }

.flowTextAction {
    font-size: 18px;
    line-height: 24px
}

.flow-text-off {
    font-size: 18px
}

.flow-text {
    font-size: 16px
}

@media screen and (max-width:1280px) {
    .flow-text {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .flow-text {
        font-size: 12px
    }
}

@media screen and (max-width:480px) {
    .flow-text {
        font-size: 10px
    }
}

.flowTextButton {
    background-color: #db008c;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px !important;
    width: 160px;
    outline: 0 !important
}

.switch {
    border: 1px solid #fff;
    background-color: #b9b8b8;
    border-radius: 48px;
    display: inline-block;
    width: 50px;
    position: relative;
    height: 15px
}

    .switch .handle {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        background: #f1f1f1;
        position: absolute;
        box-shadow: 0 2px 4px rgba(0,0,0,.2);
        top: -7px
    }

        .switch .handle:hover {
            background: #b9b8b8
        }

    .switch.on {
        background: rgba(0, 125, 64,.8);
        border-color: #fff
    }

.incomMailHeader, .incomMailWrapper, .mailBoxContent {
    border-bottom: 1px solid #ECF0F1
}

.switch:active .handle {
    width: 40px;
    border-radius: 24px
}

.switch.on .handle {
    right: 0;
    background: rgba(0, 125, 64,1)
}

.selectPageContent .form-control, .selectedTable .form-control {
    background-image: linear-gradient(#00e2f0,#00e2f0),linear-gradient(#d2d2d2,#d2d2d2);
    background-size: 0 1px,100% 0;
    background-repeat: no-repeat;
    background-position: center bottom,center calc(100% - 1px);
    transition: background 0s ease-out
}

.switsherWrapper {
    height: 40px
}

    .switsherWrapper .position1 {
        float: left;
        display: block;
        width: 120px
    }

    .switsherWrapper .position2 {
        float: left;
        display: block;
        width: 40px
    }

    .switsherWrapper .position3 {
        float: left;
        display: block;
        width: 60px
    }

    .switsherWrapper .position4 {
        float: left;
        display: block;
        width: 40px
    }

.rangeSelectorMaster {
    background-color: #00e2f0
}

.rangeSelectorWrapper {
    margin-bottom: 70px
}

.formelementsAssistant {
    bottom: -80px
}

.mailboxGroupName {
    background-color: #FAFBFB;
    color: #9C27B0;
    text-align: center;
    padding: 2px
}

.mailBoxHeader i, .newMail a {
    color: #fff
}

.mailBoxMenuItem {
    width: 100%;
    height: 60px;
    border-left: 1px solid #F5F9FA;
    border-right: 1px solid #F5F9FA;
    background-color: #fff;
    position: relative
}

.mailBoxMenuItemIcon {
    height: 60px;
    width: 100px;
    padding: 9px 14px;
    float: left
}

.mailBoxMenuItemName {
    padding: 22px 20px 10px
}

    .mailBoxMenuItemName span {
        font-size: 14px;
        font-weight: 700
    }

.newMail {
    display: block;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 50% !important;
    margin-top: -15px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mailBoxHeader {
    background-color: #9c27b0;
    color: #fff;
    line-height: 70px;
    margin-bottom: 15px
}

.mailBoxName {
    font-size: 18px;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .mailBoxName {
        display: block;
        text-align: center
    }
}

.mailBoxHeader ul {
    float: right;
    padding: 0;
    margin: 10px 0 0
}

    .mailBoxHeader ul li {
        display: inline-block;
        margin-left: 5px
    }

.mailBoxContent {
    margin: 10px 5px 100px !important;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0
}

.mailIconHolder, .mailIconHolderMenu {
    border-radius: 50%;
    text-align: center
}

@media (max-width:765px) {
    .mailBoxContent {
        padding: 10px;
        margin: 30px 10px
    }
}

.mailBoxButtonPlaceholder {
    position: absolute;
    right: 15px
}

.sotialColor {
    background-color: #9c27b0
}

.promotionsColor {
    background-color: #db008c
}

.updatesColor {
    background-color: #00e2f0
}

.faceboockColor {
    background-color: #4255c6
}

.twitterColor {
    background-color: #03a9f4
}

.googleColor {
    background-color: #f44336
}

.mainMailColor, .mainMailColor i {
    color: #9c27b0
}

.mailBoxContentAnt {
    width: 100%;
    min-height: 100px;
    position: relative;
    border-left: 3px solid #FFF;
    padding: 0 10px 0 0
}

@media screen and (max-width:768px) {
    .mailBoxContentAnt {
        margin-bottom: 15px;
        border-bottom: 1px solid #ECF0F1
    }
}

.mailBoxContentAnt:hover {
    background-color: #f5f9fa;
    border-left: 3px solid #9c27b0
}

    .mailBoxContentAnt:hover .mainMailColor, .mailBoxContentAnt:hover .mainMailColor i {
        color: #333
    }

.mailBoxContentAnt .mailBoxContenChek {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px
}

.mailBoxContentAnt .checkbox {
    margin: 0
}

.mailBoxContentAntIcon {
    height: 100px;
    width: 100px;
    padding: 25px;
    float: left
}

.mailIconHolder {
    height: 50px;
    width: 50px
}

    .mailIconHolder i {
        font-size: 20px;
        color: #fff;
        line-height: 50px
    }

.mailIconHolderMenu {
    height: 40px;
    width: 40px
}

    .mailIconHolderMenu i {
        font-size: 16px;
        color: #fff;
        line-height: 40px
    }

.mailBoxContentAntContent {
    padding: 30px 20px 10px
}

    .mailBoxContentAntContent span {
        font-size: 14px;
        font-weight: 700
    }

.mailTime {
    font-size: 14px;
    font-weight: 300 !important;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .mailTime a {
        color: #fff
    }

.activeMail, .activeMail:hover {
    background-color: #ffeb3b !important;
    border-left: 3px solid #00e2f0 !important
}

.newMailIncome, .newMailIncome:hover {
    background-color: #DEFDFF;
    border-left: 3px solid #00e2f0
}

.mailboxWatch {
    display: block;
    margin-top: 15px;
    color: #333
}

.incomMailWrapper {
    margin: 10px 5px !important;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0
}

@media (max-width:765px) {
    .incomMailWrapper {
        padding: 10px;
        margin: 30px 10px
    }
}

.incomMailHeader {
    padding: 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #9c27b0
}

@media screen and (max-width:768px) {
    .incomMailHeader {
        line-height: 25px
    }
}

.incomMailHeader a {
    background-color: #ecf0f1;
    padding: 5px 10px;
    color: #333;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .incomMailHeader a:hover {
        color: #9c27b0
    }

.mailContentUserInfo {
    position: relative
}

.incomMailHeaderIcon {
    width: 25px;
    height: 25px;
    background-color: #db008c;
    float: right;
    border-radius: 50%;
    text-align: center
}

    .incomMailHeaderIcon i {
        color: #fff;
        line-height: 25px
    }

.contentUserInfoIconHolder {
    height: 100px;
    width: 100px;
    float: left
}

@media screen and (max-width:480px) {
    .contentUserInfoIconHolder {
        float: none;
        margin: 0 auto;
        height: 60px
    }
}

.contentUserInfoIcon {
    width: 50px;
    height: 50px;
    margin: 25px
}

.contentUserInfoPersonal {
    height: 60px;
    width: 200px;
    padding: 20px 0;
    float: left;
    font-size: 12px;
    color: #7f7f7f;
    line-height: 20px
}

@media screen and (max-width:480px) {
    .contentUserInfoPersonal {
        float: none;
        margin: 0 auto;
        text-align: center;
        padding: 0
    }
}

.userInfoPersonalUserName {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.mailContentUserInfoIcon {
    display: block;
    position: absolute;
    top: 15px;
    right: 30px
}

    .mailContentUserInfoIcon i {
        color: #333;
        font-size: 20px
    }

        .mailContentUserInfoIcon i:hover {
            color: #9c27b0
        }

.mailContentUserContent {
    padding: 20px
}

    .mailContentUserContent p {
        line-height: 20px;
        margin-bottom: 20px
    }

.summernoteWrapper {
    margin: 0 10px 30px !important
}

    .summernoteWrapper .panel-heading {
        background-color: #f6f8f8 !important
    }

.note-editor {
    border-color: #f6f8f8 !important
}

.registrationWrapper {
    background-color: #007d40;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.modalWrapper, .registrationContent {
    padding: 20px;
    background-color: #fff
}

.registrationContent {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -200px;
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

@media screen and (max-width:480px) {
    .registrationContent {
        width: 300px;
        margin-left: -150px
    }
}

.registrationContent h1, .registrationContent p {
    text-align: center
}

    .registrationContent h1 span, .registrationContent p span {
        margin: 0 10px
    }

.registrationContent a {
    color: #00e2f0
}

.registrationButtonPlaseholder {
    text-align: center
}

.modalWrapper {
    margin: 10px 5px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1
}

@media (max-width:765px) {
    .modalWrapper {
        padding: 10px;
        margin: 30px 10px
    }
}

.modalButtons {
    width: 150px;
    height: 45px;
    color: #fff;
    background-color: transparent;
    text-align: center
}

    .modalButtons:hover {
        color: #fff
    }

    .modalButtons:focus {
        color: #fff !important;
        outline: 0 !important
    }

.customModal .modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    color: #fff
}

.customModal .modal-body {
    padding: 35px 45px
}

.customModal .modal-footer {
    border: none;
    background-color: rgba(0,0,0,.2)
}

.customModal .modal-header {
    border: none;
    display: none
}

.customModalSmall .modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    color: #fff
}

.customModalSmall .modal-body {
    padding: 20px
}

.customModalSmall .modal-footer {
    border: none;
    background-color: rgba(0,0,0,.2)
}

.customModalSmall .modal-header {
    border: none;
    display: none
}

.antBox, .tableWrapper {
    -webkit-border-radius: 5px
}

.modalButtonsSmall {
    width: 120px;
    height: 45px;
    color: #fff;
    background-color: transparent;
    text-align: center
}

    .modalButtonsSmall:hover {
        color: #fff
    }

    .modalButtonsSmall:focus {
        color: #fff !important;
        outline: 0 !important
    }

.modalContentPink {
    background-color: #db008c
}

.modalContentTheme {
    background-color: #00e2f0
}

.modalContentPurpule {
    background-color: #9c27b0
}

.modalContentWhite {
    background-color: #fff;
    color: #333 !important
}

.modalContentCyan {
    background-color: #00a2b4
}

.modalContentYellow {
    background-color: #ffeb3b;
    color: #b98b2a !important
}

.tableWrapper {
    padding: 20px;
    margin: 10px 5px !important;
    background-color: #fff;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1
}

.tableCyan thead tr > th, .tablePink thead tr > th, .tablePurpule thead tr > th, .tableTheme thead tr > th, .tableYellow thead tr > th {
    border-bottom: none
}

@media (max-width:765px) {
    .tableWrapper {
        padding: 10px;
        margin: 30px 10px
    }
}

.tablePink thead {
    background-color: #007d40;
    color: #fff
}

.tablePink tbody > tr > th {
    /*color: #db008c !important*/
}

.table-hover-pink > tbody > tr:hover, .table-striped-pink > tbody > tr:nth-of-type(odd) {
    background-color: #f6f8f8;
}

.tableTheme thead {
    background-color: #00e2f0;
    color: #fff
}

.tableTheme tbody > tr > th {
    color: #00e2f0 !important
}

.table-hover-theme > tbody > tr:hover, .table-striped-theme > tbody > tr:nth-of-type(odd) {
    background-color: #C4F6F9
}

.tablePurpule thead {
    background-color: #9c27b0;
    color: #fff
}

.tablePurpule tbody > tr > th {
    color: #9c27b0 !important
}

.table-hover-purpule > tbody > tr:hover, .table-striped-purpule > tbody > tr:nth-of-type(odd) {
    background-color: #F1DCF5
}

.tableCyan thead {
    background-color: #00a2b4;
    color: #fff
}

.tableCyan tbody > tr > th {
    color: #00a2b4 !important
}

.table-hover-cyan > tbody > tr:hover, .table-striped-cyan > tbody > tr:nth-of-type(odd) {
    background-color: #C7E5E8
}

.tableYellow thead {
    background-color: #ffeb3b;
    color: #fff
}

.tableYellow tbody > tr > th {
    color: #ffeb3b !important
}

.table-hover-yellow > tbody > tr:hover, .table-striped-yellow > tbody > tr:nth-of-type(odd) {
    background-color: #F9F6DE
}

.gridWrapper {
    background-color: #fff;
    color: #333;
    padding: 2%
}

.marker, .prise, .prodName, .sold {
    padding-left: 30px !important
}

.show-grid {
    margin-bottom: 15px
}

    .show-grid [class^=col-] {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #eee;
        background-color: rgba(196,246,246,.15);
        border: 1px solid #ddd;
        border: 1px solid rgba(86,61,124,.2)
    }

@media (max-width:760px) {
    .show-grid [class^=col-] {
        margin: 10px 20px
    }
}

.topSellingHeader .navbar-default {
    background-color: transparent;
    border-color: transparent
}

    .topSellingHeader .navbar-default .navbar-nav > .active > a {
        background-color: #00e2f0;
        color: #fff
    }

.topSellingHeader a {
    font-weight: 600
}

.table > tbody > tr > td {
    vertical-align: middle
}

.prise, .prodName {
    width: 35%
}

.sold {
    width: 20%
}

.marker {
    width: 10%
}

    .marker button {
        height: 35px;
        width: 100px
    }

.ordersHeader {
    padding: 20px
}

.ordersButtonsBlock button {
    margin: 5px
}

.selectedWrapper {
    padding: 0 10px
}

.selectPageFooter, .selectPageHeader {
    float: left;
    font-weight: 600;
    height: 40px;
    line-height: 40px
}

.selectPageContent {
    float: left
}

@media (max-width:1199px) {
    .selectedWrapper {
        width: 270px;
        margin: 10px 0;
        text-align: center
    }

    .selectPageContent {
        position: absolute;
        right: 5px
    }

    .viewContent {
        position: absolute;
        right: 10px
    }
}

.selectPageContent .input-group {
    width: 200px
}

.selectPageContent .input-group-btn:first-child > .btn, .selectPageContent .input-group-btn:last-child > .btn {
    height: 40px;
    width: 40px;
    margin: 0 10px;
    border-radius: 0
}

.selectPageContent .form-control {
    border: 1px solid #ECF0F1;
    height: 40px;
    text-align: center;
    background-color: transparent
}

.viewFotter, .viewHeader {
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px
}

.viewContent {
    float: left;
    width: 100px;
    margin: 0 15px
}

    .viewContent button {
        width: 100px;
        height: 40px;
        margin: 0
    }

.recordsSelectedFotter, .recordsSelectedHeader {
    float: left;
    font-weight: 600;
    height: 40px;
    line-height: 40px
}

    .recordsSelectedFotter button, .recordsSelectedHeader button {
        width: 45px;
        height: 36px;
        margin: 0
    }

        .recordsSelectedFotter button i, .recordsSelectedHeader button i {
            font-size: 15px;
            padding: 0
        }

.recordsSelectedContent {
    float: left;
    width: 100px;
    margin: 0 15px
}

@media (max-width:1199px) {
    .recordsSelectedFotter button, .recordsSelectedHeader button {
        position: absolute;
        right: 23px
    }

    .recordsSelectedContent {
        position: absolute;
        right: 70px
    }
}

.recordsSelectedContent button {
    width: 100px;
    height: 40px;
    margin: 0
}

.selectedTable {
    text-align: center
}

    .selectedTable .selectedTableHeader {
        font-weight: 600;
        text-align: left
    }

    .selectedTable .selectedTableInput > td {
        vertical-align: top !important
    }

    .selectedTable i {
        margin-top: 3px;
        color: #333
    }

    .selectedTable .input-group {
        width: 100%
    }

        .selectedTable .input-group .btnCalendar {
            height: 30px;
            width: 30px;
            top: 3px;
            position: absolute;
            left: 3px;
            z-index: 10;
            border: none
        }

            .selectedTable .input-group .btnCalendar:active, .selectedTable .input-group .btnCalendar:focus, .selectedTable .input-group .btnCalendar:hover {
                background-color: transparent !important;
                box-shadow: none !important
            }

    .selectedTable .form-control {
        border: 1px solid #ECF0F1;
        height: 40px;
        margin-bottom: 10px;
        padding-left: 15px;
        background-color: transparent
    }

    .selectedTable .btn-group > .btn {
        margin: 0;
        height: 40px
    }

    .selectedTable .btn {
        margin: 0 0 10px;
        height: 35px;
        width: 100px;
        font-size: 12px
    }

    .selectedTable .selectedTableInputBox {
        width: 5%
    }

    .selectedTable .selectedTableOrders, .selectedTable .selectedTablePurcahsed {
        width: 10%
    }

    .selectedTable .selectedTableCustomer {
        width: 15%
    }

    .selectedTable .selectedTableShipTo {
        width: 10%
    }

    .selectedTable .selectedTableBasePrice, .selectedTable .selectedTablePurchasedPrice {
        width: 15%
    }

    .selectedTable .selectedTableActions, .selectedTable .selectedTableStatus {
        width: 10%
    }

.orderVievHeader {
    padding: 20px;
    position: relative;
    margin-bottom: 20px
}

    .orderVievHeader .btn {
        position: absolute;
        top: 5px;
        right: 5px
    }

.orderVievTable tbody > tr > td {
    padding: 10px 25px
}

.orderVievTable .orderVievTableFirstCol {
    width: 50%;
    font-weight: 600
}

.chopingCartWrapper button, .orderVievTable button {
    width: auto;
    height: 35px
}

.orderVievWrapper {
    padding: 20px
}

address {
    line-height: 30px !important
}

.chopingCartWrapper tbody > tr > td {
    padding: 10px 25px
}

.chopingCartWrapper .chopingCartProduct {
    width: 15%;
    font-weight: 600
}

.chopingCartWrapper .chopingCartOriginalPrice, .chopingCartWrapper .chopingCartPrice, .chopingCartWrapper .chopingCartPurcahsedOn, .chopingCartWrapper .chopingCartQuantity, .chopingCartWrapper .chopingCartTaxAmound, .chopingCartWrapper .chopingCartTaxPercent {
    width: 10%;
    font-weight: 600
}

.chopingCartWrapper .chopingCartDiscountAmound {
    width: 15%;
    font-weight: 600
}

.chopingCartWrapper .chopingCartTotal {
    width: 10%;
    font-weight: 600
}

.subTotalWrapper {
    width: 250px;
    margin-right: 25px;
    margin-bottom: 40px;
    float: right
}

@media (max-width:480px) {
    .subTotalWrapper {
        font-size: 12px;
        float: none;
        margin: 0 auto;
        width: 200px
    }
}

.subTotalWrapper .subTotalAnt {
    margin: 20px 25px 20px 0
}

.subTotalWrapper .subTotalAntHeader {
    font-weight: 600
}

.chartjsWrapper {
    width: 100%
}

#sparkline25 {
    height: 50px;
    width: 50px
}

.antBoxHeader, body, html {
    width: 100%
}

body, html {
    height: 100%;
    background-color: #ecf0f1;
    font-family: robotoregular,sans-serif;
    color: #333
}

.antBox, .antBoxIndigo {
    background-color: #fff;
    border-bottom: 1px solid #ECF0F1
}

.row {
    padding: 10px 0px 10px 0px;
}

@media (max-width:765px) {
    .row {
        padding: 0 !important;
        margin: 0 -30px !important
    }
}

@media (max-width:768px) {
    .panel-body {
        padding: 5px
    }
}

#headerMain {
    width: 100%;
    margin: 0 auto;
    z-index: 0
}

.antBox {
    padding: 20px;
    margin: 10px 5px !important;
    border-radius: 5px
}

@media (max-width:765px) {
    .antBox {
        padding: 10px;
        margin: 30px 10px
    }
}

.antBoxIndigo {
    margin: 10px 5px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0
}

@media (max-width:765px) {
    .antBoxIndigo {
        padding: 10px;
        margin: 30px 10px
    }
}

.antBoxHeaderText {
    width: 70%;
    float: left
}

.antBoxHeaderIcon {
    width: 30%;
    float: left;
    margin: 13px 0
}

.lactWeek {
    background-color: #00e2f0
}

.taskKomplitedAnt {
    height: 50px;
    width: 50px;
    margin: 5px auto;
    color: #fff;
    line-height: 45px
}

.saleRateContent {
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fff 0,#f6f8f8 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f6f8f8));
    background: -webkit-linear-gradient(top,#fff 0,#f6f8f8 100%);
    background: -o-linear-gradient(top,#fff 0,#f6f8f8 100%);
    background: -ms-linear-gradient(top,#fff 0,#f6f8f8 100%);
    background: linear-gradient(to bottom,#fff 0,#f6f8f8 100%)
}

.saleRateFooter {
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

    .saleRateFooter ul {
        margin: 0;
        padding: 0 20px
    }

        .saleRateFooter ul li {
            display: inline-block;
            padding: 20px 40px 20px 0
        }

@media (max-width:765px) {
    .saleRateFooter ul li {
        text-align: center;
        width: 200px;
        display: block;
        margin: 0 auto;
        padding: 20px 30px
    }
}

.saleRateFooter ul li .sale1 {
    font-size: 24px;
    color: #00e2f0
}

.saleRateFooter ul li .saleIndigo {
    color: #db008c
}

.saleRateButtonPlaseholder {
    position: absolute;
    right: 25px;
    top: -35px
}

.monthWrapper {
    padding: 20px;
    margin: 10px 5px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1;
    background-color: #fff
}

@media (max-width:765px) {
    .monthWrapper {
        padding: 10px;
        margin: 30px 10px
    }
}

.monthHeader {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    color: #333
}

@media (max-width:765px) {
    .monthHeader {
        font-size: 14px;
        font-weight: 500
    }
}

.monthHeader i {
    color: #333;
    float: right
}

#month {
    height: 400px
}

.todayFooter {
    margin-top: 25px;
    color: #fff;
    font-size: 14px
}

    .todayFooter ul {
        padding: 0 !important;
        margin: 0 -15px
    }

@media screen and (max-width:770px) and (min-width:750px) {
    .todayFooter ul {
        margin: 0 -5px 20px
    }
}

.todayFooter ul li {
    display: inline-block;
    width: 33.3%;
    float: left;
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDAwNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(125,185,232,0) 0,#bd006b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(125,185,232,0)),color-stop(100%,#bd006b));
    background: -webkit-linear-gradient(top,rgba(125,185,232,0) 0,#bd006b 100%);
    background: -o-linear-gradient(top,rgba(125,185,232,0) 0,#bd006b 100%);
    background: -ms-linear-gradient(top,rgba(125,185,232,0) 0,#bd006b 100%);
    background: linear-gradient(to bottom,rgba(125,185,232,0) 0,#bd006b 100%)
}

    .todayFooter ul li:hover {
        background: #bd006b
    }

@media (max-width:470px) {
    .todayFooter ul li {
        display: block;
        float: none;
        height: 65px;
        width: 100%;
        margin: 5px 0
    }
}

.todayFooter ul li a {
    color: #fff;
    line-height: 65px;
    padding: 20px 10%
}

@media (max-width:1200px) and (min-width:900px) {
    .todayFooter ul li a {
        padding: 10px 15px;
        text-align: center;
        font-size: 12px
    }
}

.todayFooter2 {
    margin-top: 25px;
    color: #fff;
    font-size: 14px
}

    .todayFooter2 ul {
        padding: 0 !important;
        margin: 0 -15px 20px
    }

@media screen and (max-width:770px) and (min-width:750px) {
    .todayFooter2 ul {
        margin: 0 -5px 20px
    }
}

.todayFooter2 ul li {
    display: inline-block;
    width: 33.3%;
    float: left;
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTJmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#00e2f0 0,#00a2b4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#00e2f0),color-stop(100%,#00a2b4));
    background: -webkit-linear-gradient(top,#00e2f0 0,#00a2b4 100%);
    background: -o-linear-gradient(top,#00e2f0 0,#00a2b4 100%);
    background: -ms-linear-gradient(top,#00e2f0 0,#00a2b4 100%);
    background: linear-gradient(to bottom,#00e2f0 0,#00a2b4 100%)
}

    .todayFooter2 ul li:hover {
        background: #00a2b4
    }

@media (max-width:470px) {
    .todayFooter2 ul li {
        display: block;
        float: none;
        height: 65px;
        width: 100%;
        margin: 5px 0
    }
}

.todayFooter2 ul li a {
    color: #fff;
    line-height: 65px;
    padding: 20px 10%
}

.todayBage {
    background-color: #fff;
    color: #333;
    margin: 0 0 20px 5px
}

@media (max-width:1200px) and (min-width:900px) {
    .todayFooter2 ul li a {
        padding: 10px 15px;
        text-align: center;
        font-size: 12px
    }

    .todayBage {
        display: none
    }
}

.lastHeader {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    color: #333
}

@media (max-width:765px) {
    .lastHeader {
        font-size: 14px;
        font-weight: 500
    }
}

.lastHeader i {
    color: #b0b7c1;
    float: right
}

.lastContent {
    height: 280px;
    padding-top: 50px
}

@media (max-width:470px) {
    .lastContent {
        height: 300px;
        margin-top: 80px;
        padding-top: 0
    }
}

.lastFooter {
    height: 150px
}

    .lastFooter ul {
        padding: 0
    }

        .lastFooter ul li {
            display: block;
            width: 100%;
            height: 40px;
            margin-top: 20px
        }

            .lastFooter ul li .number1, .lastFooter ul li .number2, .lastFooter ul li .number3 {
                float: left;
                display: block;
                width: 22px;
                height: 25px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                margin-right: 10px;
                text-align: center;
                line-height: 25px;
                color: #fff
            }

            .lastFooter ul li .description {
                display: block;
                float: left;
                line-height: 25px
            }

            .lastFooter ul li .index {
                float: right;
                line-height: 25px
            }

.number1 {
    background-color: #db008c
}

.number2 {
    background-color: #9c27b0
}

.number3 {
    background-color: #00a2b4
}

.indicatorsWrapper, .userContent, .userNameWrapper, .watsNew {
    background-color: #fff
}

.weekHeader {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    color: #fff
}

@media (max-width:765px) {
    .weekHeader {
        font-size: 14px;
        font-weight: 500
    }
}

.weekHeader i {
    color: #fff;
    float: right
}

.weekIndex {
    color: #fff;
    height: 150px
}

@media screen and (max-width:480px) {
    .weekIndex {
        display: none
    }
}

.weekIndex .weekIndexDescription {
    margin-right: 10px
}

.weekIndex .index {
    font-size: 26px;
    line-height: 50px
}

.weekContent {
    height: 260px
}

.userNameWrapper {
    margin: 10px 5px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1;
    padding: 0 !important
}

@media (max-width:765px) {
    .userNameWrapper {
        padding: 10px;
        margin: 30px 10px
    }
}

.userNameWrapperHeader {
    padding: 0;
    max-height: 670px;
    overflow: hidden
}

    .userNameWrapperHeader img {
        display: block;
        margin: 0 auto
    }

.userLargeButtonsWrapper {
    margin: 10px 5px !important;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    border: none
}

@media (max-width:765px) {
    .userLargeButtonsWrapper {
        padding: 10px;
        margin: 30px 10px
    }
}

.watsNew {
    padding: 0
}

.headerPost {
    padding: 20px
}

    .headerPost .headerPostIcon {
        float: left;
        margin-right: 15px
    }

    .headerPost .headerPostUserName {
        font-size: 14px;
        line-height: 40px
    }

@media screen and (max-width:470px) {
    .headerPost .headerPostIcon {
        float: none;
        width: 100%;
        text-align: center
    }

    .headerPost .headerPostUserName {
        display: block;
        float: none;
        width: 100%;
        text-align: center
    }
}

.userContent {
    margin: 10px 5px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1;
    padding: 0
}

@media (max-width:765px) {
    .userContent {
        padding: 10px;
        margin: 30px 10px
    }
}

.postMainComent {
    padding: 20px
}

.postMainImg img {
    display: block;
    margin: 0 auto
}

.postText .col-md-12 {
    margin: 0 45px 0 20px
}

    .postText .col-md-12 .form-control {
        margin-right: 20px
    }

.postMainComentContent {
    float: left;
    width: 80%
}

@media screen and (max-width:1200px) {
    .postMainComentContent {
        width: 60%
    }
}

@media screen and (max-width:750px) {
    .postMainComentContent {
        width: 100%;
        float: none;
        text-align: center
    }
}

.postMainComentContentButtons {
    float: left;
    width: 20%;
    padding-top: 40px;
    text-align: right
}

@media screen and (max-width:1200px) {
    .postMainComentContentButtons {
        width: 40%
    }
}

@media screen and (max-width:1200px) and (max-width:750px) {
    .postMainComentContentButtons {
        width: 100%;
        padding-top: 0;
        float: none;
        text-align: center
    }
}

.postMainComentContentButtons a {
    display: inline-block;
    text-transform: uppercase;
    width: 50px;
    margin: 0 0 0 10%;
    text-align: center;
    color: #db008c;
    font-size: 14px;
    font-weight: 700
}

@media screen and (max-width:750px) {
    .postMainComentContentButtons a {
        margin: 0 10%
    }
}

.aboutMe p {
    line-height: 24px
}

.aboutMe ul {
    padding-left: 5px
}

    .aboutMe ul li {
        list-style-type: none;
        line-height: 30px;
        text-align: left
    }

    .aboutMe ul i {
        text-align: right;
        font-size: 20px;
        width: 30px;
        color: #00e2f0;
        margin-right: 20px
    }

.extrasmall .smartBox, .maxi .smartBox, .middle .smartBox, .small .smartBox {
    background-color: #00a2b4
}

.indicators {
    padding: 10px;
    margin-top: 10px;
    text-align: center
}

    .indicators span {
        font-size: 36px
    }

    .indicators i {
        font-size: 14px;
        color: #fff;
        position: absolute;
        right: 25px;
        bottom: 5px
    }

.indicatorsCharts {
    padding: 20px 10px 0 0
}

@media screen and (max-width:1280px) {
    .userNameWrapperFotterUserInfo {
        float: none;
        width: 100%;
        margin: 0 auto
    }
}

.userNameWrapperFotterUserInfoUser {
    float: left;
    margin: 20px 40px 10px
}

.userNameWrapperFotterUserContent {
    padding-top: 50px
}

@media screen and (max-width:470px) {
    .userNameWrapperFotterUserInfoUser {
        float: none;
        width: 100%;
        margin: 0 auto
    }

    .userNameWrapperFotterUserContent {
        float: none;
        width: 100%;
        text-align: center
    }
}

.userNameWrapperFotterUserContent .userName {
    color: #333;
    font-size: 24px;
    line-height: 48px
}

.userNameWrapperFotterUserContent .userlocation {
    color: #333;
    font-size: 14px;
    line-height: 48px
}

.userNameWrapperFotterUserIcons {
    padding: 40px 0
}

@media screen and (max-width:1280px) {
    .userNameWrapperFotterUserIcons {
        float: none;
        width: 100%;
        margin: 20px auto
    }
}

.userNameWrapperFotterUserIcons ul {
    padding: 20px
}

.userNameWrapperFotterUserIcons li {
    float: left;
    display: block;
    text-align: center;
    width: 10%;
    margin: 0 10%
}

    .userNameWrapperFotterUserIcons li i {
        color: #00e2f0 !important;
        font-size: 50px;
        padding-bottom: 20px;
        text-align: center
    }

@media screen and (max-width:768px) {
    .userNameWrapperFotterUserIcons li i {
        font-size: 30px;
        text-align: center
    }
}

.userNameWrapperFotterUserIcons li span {
    color: #333;
    font-size: 20px
}

@media screen and (max-width:450px) {
    .userNameWrapperFotterUserIcons li span {
        font-size: 14px
    }
}

.maxi .smartTextLarge {
    font-size: 32px !important
}

.maxi .smartText {
    font-size: 28px !important
}

.maxi .smartBox {
    height: 100px;
    width: 100px;
    margin: 10px auto;
    line-height: 100px;
    color: #fff;
    font-size: 24px !important
}

.maxi .chartWrapper {
    min-height: 600px;
    border-color: #db008c;
    margin: 25px 0
}

.maxi .panelFooter, .maxi .panelHead {
    height: 300px
}

.middle .smartTextLarge {
    font-size: 26px !important
}

.middle .smartText {
    font-size: 22px !important
}

.middle .smartBox {
    height: 80px;
    width: 80px;
    margin: 10px auto;
    line-height: 80px;
    color: #fff;
    font-size: 18px !important
}

.middle .chartWrapper {
    min-height: 400px;
    border-color: #db008c;
    margin: 25px 0
}

.middle .panelFooter, .middle .panelHead {
    height: 200px
}

.small .smartTextLarge {
    font-size: 20px !important
}

.small .smartText {
    font-size: 16px !important
}

.small .smartBox {
    height: 50px;
    width: 50px;
    margin: 10px auto;
    line-height: 50px;
    color: #fff;
    font-size: 14px !important
}

.small .chartWrapper {
    min-height: 200px;
    border-color: #db008c;
    margin: 25px 0
}

.small .panelFooter, .small .panelHead {
    height: 150px
}

.extrasmall .smartTextLarge {
    font-size: 16px !important
}

.extrasmall .smartText {
    font-size: 12px !important
}

.extrasmall .smartBox {
    height: 25px;
    width: 25px;
    margin: 10px auto;
    line-height: 25px;
    color: #fff;
    font-size: 10px !important
}

.extrasmall .chartWrapper {
    min-height: 100px;
    border-color: #db008c;
    margin: 25px 0
}

.extrasmall .panelFooter, .extrasmall .panelHead {
    height: 125px
}

.fotterButtonWrapper {
    height: 100px
}

#weather, #weather1, #weather2 {
    position: relative
}

    #weather i, #weather1 i, #weather2 i {
        position: absolute;
        width: 60px;
        top: 10px;
        left: 50%;
        margin-left: -30px;
        display: block;
        color: #fff;
        font-family: weather;
        font-size: 100px;
        font-weight: 400;
        font-style: normal;
        line-height: 1
    }

    #weather h2 {
        color: #9c27b0
    }

    #weather1 h2 {
        color: #00e2f0
    }

    #weather2 h2 {
        color: #00a2b4
    }

    #weather h2, #weather1 h2, #weather2 h2 {
        display: block;
        margin-top: 130px;
        font-size: 46px;
        line-height: 80px;
        font-weight: 300;
        text-align: center
    }

    #weather ul, #weather1 ul, #weather2 ul {
        display: block;
        width: 270px;
        position: absolute;
        top: 250px;
        left: 50%;
        padding: 0;
        margin-left: -135px
    }

    #weather li, #weather1 li, #weather2 li {
        width: 90px;
        padding: 0;
        margin: 0;
        text-align: center;
        display: inline-block
    }

@media (max-width:1440px) {
    #weather h2, #weather1 h2, #weather2 h2 {
        font-size: 30px;
        line-height: 40px
    }

    #weather li, #weather1 li, #weather2 li {
        padding: 0
    }
}

.countdownWrapper .countdownData {
    display: inline-block;
    padding: 10px 20px;
    width: 30%;
    float: left;
    text-align: center
}

.countdownWrapper .countdownDescription {
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500
}

.countdownWrapper .countdownContent {
    margin: 70px auto 30px;
    text-align: center;
    height: 120px;
    max-width: 350px;
    font-size: 60px
}

@media (max-width:1480px) {
    #sparkline20, #sparkline21, #sparkline22 {
        overflow: hidden
    }

    .countdownWrapper .countdownContent {
        font-size: 40px;
        display: block
    }
}

@media (max-width:480px) {
    .countdownWrapper .countdownContent {
        margin: 100px 10%;
        font-size: 35px;
        display: block
    }
}

.countdownWrapper .panel-footer {
    padding: 25px 0;
    font-size: 16px !important;
    line-height: 24px !important
}

.userProfil {
    background-color: #fff;
    text-align: center;
    padding: 50px 0
}

    .userProfil img {
        margin: 0 auto
    }

    .userProfil span {
        font-size: 24px;
        line-height: 40px
    }

    .userProfil p {
        font-size: 14px;
        color: #333;
        line-height: 30px;
        margin: 0
    }

.userFooter {
    height: 100px !important;
    color: #fff !important;
    font-size: 14px;
    line-height: 20px !important
}

    .userFooter i {
        padding: 5px 0;
        color: #fff !important;
        font-size: 18px
    }

.downloadFoto {
    height: 360px;
    width: 100%;
    padding: 20px;
    background-size: cover;
    background-position: center
}

.downloadFotoFooter .row {
    margin-top: -10px
}

.downloadFotoFooter .left {
    text-align: left
}

.downloadFotoFooter .right {
    text-align: right
}

@media (max-width:780px) {
    .downloadFotoFooter {
        padding-left: 25px;
        padding-right: 25px
    }
}

.downloadFotoFooter i {
    font-size: 16px;
    margin: 0 5px
}

.meetingWrapper {
    height: 100%;
    text-align: center;
    padding: 100px 20px;
    border-radius: 5px;
    font-size: 24px
}

    .meetingWrapper i {
        display: block;
        margin: 30px;
        font-size: 100px
    }

.mapWrapper {
    padding: 0 !important
}

#map, #map2, .mapConteiner {
    height: 380px
}

.mapConteinerFooter {
    padding: 20px 0 10px 20px
}

.marker i {
    color: #00e2f0;
    font-size: 36px;
    display: block;
    float: left;
    padding: 15px 20px
}

@media (max-width:1200px) {
    .marker i {
        padding: 0;
        float: none
    }
}

.address {
    padding: 15px 0;
    display: block;
    float: left
}

.mapButtons {
    width: 380px;
    float: right;
    z-index: 2
}

@media (max-width:1200px) {
    .mapButtons {
        float: none;
        margin: 0 auto !important;
        width: 100px
    }
}

.mapButtons .btn {
    margin-left: 5px
}

@media (max-width:1200px) {
    .mapButtons .btn {
        margin: 10px -20px 10px 0;
        width: 100px
    }
}

.panel-body-widget {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent
}

    .panel-body-widget .panelMenu {
        position: relative;
        margin-bottom: 200px
    }

        .panel-body-widget .panelMenu ul {
            margin: 0 5px;
            padding: 0;
            text-align: right
        }

            .panel-body-widget .panelMenu ul .activePanelMenu {
                border-bottom: 2px solid #00e2f0
            }

            .panel-body-widget .panelMenu ul li {
                display: inline-block
            }

                .panel-body-widget .panelMenu ul li a {
                    display: block;
                    padding: 12px 25px 10px;
                    text-transform: uppercase;
                    color: #000;
                    text-decoration: none;
                    font-weight: 500;
                    border-bottom: 2px solid transparent
                }

                    .panel-body-widget .panelMenu ul li a:hover {
                        border-bottom: 2px solid #00e2f0
                    }

        .panel-body-widget .panelMenu button {
            position: absolute;
            right: 50px;
            bottom: -30px
        }

    .panel-body-widget .panelBodyContent {
        min-height: 100px
    }

        .panel-body-widget .panelBodyContent .panelBodyContentHeader {
            margin-top: 15px;
            padding: 10px 0 10px 35px;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 300
        }

        .panel-body-widget .panelBodyContent .panelBodyContentMain {
            position: relative;
            min-height: 150px
        }

            .panel-body-widget .panelBodyContent .panelBodyContentMain .panelBodyContentMainText {
                display: block;
                position: absolute;
                bottom: 10px;
                left: 10px;
                font-size: 14px;
                line-height: 16px;
                font-weight: 300;
                text-transform: uppercase
            }

                .panel-body-widget .panelBodyContent .panelBodyContentMain .panelBodyContentMainText span {
                    font-size: 30px;
                    line-height: 32px;
                    font-weight: 300
                }

            .panel-body-widget .panelBodyContent .panelBodyContentMain .panelBodyContentMainContent {
                position: absolute;
                top: 20px;
                right: 10px;
                min-width: 50%;
                min-height: 100px;
                padding: 0 20px
            }

    .panel-body-widget .panelBodyContentChart {
        opacity: 0;
        min-height: 100px;
        padding: 0;
        position: absolute;
        width: 100%;
        top: 50px
    }

        .panel-body-widget .panelBodyContentChart .panelBodyContentHeader {
            margin-top: 15px;
            padding: 10px 0 10px 35px;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 300
        }

    .panel-body-widget .panelBodyContentActive {
        opacity: 1;
        z-index: 5
    }

.todayWrapper {
    position: relative;
    height: 260px;
    width: 100%
}

@media (max-width:1270px) and (min-width:1200px) {
    .todayWrapper {
        height: 150px !important
    }
}

.todayWrapper .logs, .todayWrapper .pageviews, .todayWrapper .visitors {
    height: 260px;
    width: 100%;
    position: absolute;
    top: 0
}

@media (max-width:450px) {
    .todayWrapper {
        height: 150px !important
    }
}

.todayWrapper .todayShow {
    opacity: 1;
    z-index: 5 !important
}

.serviseWrapper .servisehide, .todayWrapper .todayHide {
    z-index: -1 !important;
    opacity: 0
}

.serviseWrapper {
    height: 250px;
    position: relative
}

    .serviseWrapper .serviseContent {
        width: 100%;
        height: 250px;
        position: absolute;
        top: 0
    }

.panel-default {
    border-color: #E6E9EA;
    margin: 10px 5px !important;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 0;
    border-bottom: 1px solid #E6E9EA
}

@media (max-width:765px) {
    .panel-default {
        padding: 10px;
        margin: 30px 10px
    }
}

.panel-default .panel-heading, .panel-default panel-body {
    background-color: transparent;
    border: none
}

.panel-default .panel-heading {
    padding: 10px 20px 0px 20px
}

@media (max-width:480px) {
    .panel-default .panel-heading {
        padding: 10px 5px
    }
}

.panel-default .panel-heading-buttons, .panel-default .panel-heading-title {
    width: 50%
}

    .panel-default .panel-heading-buttons h6, .panel-default .panel-heading-title h6 {
        text-transform: uppercase
    }

    .panel-default .panel-heading-buttons .btn {
        position: relative;
        float: right;
        margin-top: 6px;
        height: 25px;
        width: 25px;
        padding: 0;
        background-color: transparent
    }

        .panel-default .panel-heading-buttons .btn:active, .panel-default .panel-heading-buttons .btn:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .panel-default .panel-heading-buttons .btn .dropdown-menu {
            position: absolute;
            left: -100px !important
        }

        .panel-default .panel-heading-buttons .btn .fa-code {
            font-size: 14px !important
        }

        .panel-default .panel-heading-buttons .btn i {
            font-size: 14px;
            color: #b0b7c1
        }

.panel-default .well {
    padding: 5px;
    margin: 15px;
    border: 0;
    webkit-box-shadow: none;
    box-shadow: none
}

    .panel-default .well .btn {
        float: right;
        height: 25px;
        width: 25px;
        padding: 0;
        margin: 5px 10px;
        background-color: transparent
    }

        .panel-default .well .btn i {
            font-size: 12px;
            color: #b0b7c1
        }

.panel-default .panel-footer .btn {
    float: right;
    height: 30px;
    width: 30px;
    padding: 0;
    background-color: transparent
}

    .panel-default .panel-footer .btn i {
        font-size: 16px;
        color: #b0b7c1
    }

.panelFull {
    position: fixed;
    width: 98%;
    height: 85%;
    top: 10px;
    left: 10px;
    z-index: 9999
}

.attention h6 i {
    color: #db008c
}

.panel-widgets {
    position: relative;
    border-color: #E6E9EA;
    margin: 10px 5px !important;
    padding: 0;
    height: 400px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #E6E9EA
}

.btn-default, .btn-default-fix, .btn-default-fix:hover, .btn-default:hover {
    background-color: #f6f8f8 !important
}

@media (max-width:765px) {
    .panel-widgets {
        margin: 10px 5px !important
    }
}

.panel-widgets .panel-heading {
    height: 100px;
    width: 100%
}

.panel-widgets .panel-footer {
    text-align: center;
    font-size: 20px;
    line-height: 80px;
    color: #fff;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0
}

.btn-default, .btn-default i {
    color: #333 !important
}

.buttonsRectangular, .buttonsRounded {
    width: 30px;
    height: 30px
}

.buttonWrapper {
    float: left
}

.btn-danger i, .btn-default i, .btn-default-fix i, .btn-info i, .btn-primary i, .btn-success i, .btn-warning i {
    font-size: 20px;
    margin: 0 10px
}

.md-close {
    border-radius: .2em
}

.btn-default {
    border: none !important
}

    .btn-default:active, .btn-default:focus, .btn-default:hover {
        border: none !important;
        webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-default:hover {
        color: #333
    }

    .btn-default:focus {
        outline: 0 !important;
        color: #333
    }

    .btn-default .fa-inverse {
        color: #333
    }

.btn-default-fix {
    color: #333 !important;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

    .btn-default-fix i {
        color: #333 !important
    }

    .btn-default-fix:hover {
        color: #333
    }

.btn-primary, .btn-primary:hover {
    background-color: #007d40 !important
}

.btn-default-fix:focus {
    outline: 0 !important;
    color: #333
}

.btn-default-fix .fa-inverse {
    color: #333
}

.btn-primary {
    color: #fff !important;
    border: none !important
}

    .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
        border: none !important;
        webkit-box-shadow: none;
        box-shadow: none
    }

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

.btn-success, .btn-success:hover {
    background-color: #00a2b4 !important
}

.btn-primary:focus {
    outline: 0 !important;
    color: #fff
}

.btn-success {
    color: #fff !important;
    border: none !important
}

    .btn-success:active, .btn-success:focus, .btn-success:hover {
        border: none !important;
        webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-success:hover {
        color: #fff
    }

.btn-info, .btn-info:hover {
    background-color: #007d40 !important
}

.btn-success:focus {
    outline: 0 !important;
    color: #fff
}

.btn-info {
    color: #fff !important;
    border: none !important
}

    .btn-info:active, .btn-info:focus, .btn-info:hover {
        border: none !important;
        webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-info:hover {
        color: #fff
    }

.btn-warning, .btn-warning:hover {
    background-color: #ffeb3b !important
}

.btn-info:focus {
    outline: 0 !important;
    color: #fff
}

.btn-warning {
    color: #a87326 !important;
    border: none !important
}

    .btn-warning i {
        color: #a87326
    }

    .btn-warning:active, .btn-warning:focus, .btn-warning:hover {
        border: none !important;
        webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-warning:hover {
        color: #a87326
    }

.btn-danger, .btn-danger:hover {
    background-color: #db008c !important
}

.btn-warning:focus {
    outline: 0 !important;
    color: #a87326
}

.btn-warning .fa-inverse {
    color: #a87326
}

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

.buttonsRectangular i, .buttonsRounded i {
    margin: 0;
    font-size: 20px
}

.btn-danger:active, .btn-danger:focus, .btn-danger:hover {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger:hover {
    color: #fff
}

.btn-danger:focus {
    outline: 0 !important;
    color: #fff
}

.btn-lg {
    padding: 13px 40px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-df {
    padding: 10px 30px;
    min-width: 150px
}

.btn-sm {
    padding: 5px 10px
}

.btn-xs {
    padding: 1px 5px
}

.buttonsRounded {
    border-radius: 50% !important
}

    .buttonsRounded .glyphicon {
        font-size: 20px
    }

.buttonsRoundedLarge {
    width: 70px;
    height: 70px;
    border-radius: 50% !important
}

    .buttonsRoundedLarge i {
        font-size: 25px;
        margin: 0
    }

.fab {
    margin: 5px
}

.fab-primary, .fab-secondary {
    transition: all .5s ease-in-out
}

.fab.active .fab-primary {
    opacity: 0;
    transform: rotate(225deg)
}

.fab-secondary {
    opacity: 0;
    transform: rotate(-225deg);
    font-size: 30
}

.fab.active .fab-secondary {
    opacity: 1;
    transform: rotate(0)
}

.buttonsGroupMainSize {
    width: 150px;
    height: 45px
}

.progress-danger-thin, .progress-default-thin, .progress-info-thin, .progress-primary-thin, .progress-success-thin, .progress-warning-thin {
    height: 12px !important
}

.buttonsGroupMainSize i {
    font-size: 20px;
    margin: 0 10px
}

.select-default .nice-select {
    padding: 0 30px;
    min-width: 150px;
    background-color: #f6f8f8 !important;
    border: none !important
}

    .select-default .nice-select .current {
        color: #333 !important
    }

.select-info .nice-select .current, .select-primary .nice-select .current, .select-success .nice-select .current {
    color: #fff
}

.select-default .nice-select:after {
    border-bottom: 2px solid #333 !important;
    border-right: 2px solid #333 !important
}

.select-primary .nice-select {
    padding: 0 30px;
    min-width: 150px;
    background-color: #00e2f0 !important;
    border: none !important
}

    .select-primary .nice-select:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff
    }

.select-success .nice-select {
    padding: 0 30px;
    min-width: 150px;
    background-color: #00a2b4 !important;
    border: none !important
}

    .select-success .nice-select:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff
    }

.select-info .nice-select {
    padding: 0 30px;
    min-width: 150px;
    background-color: #9c27b0 !important;
    border: none !important
}

    .select-info .nice-select:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff
    }

.select-warning .nice-select {
    padding: 0 30px;
    min-width: 150px;
    background-color: #ffeb3b !important;
    border: none !important
}

    .select-warning .nice-select .current {
        color: #a87326
    }

    .select-warning .nice-select:after {
        border-bottom: 2px solid #a87326;
        border-right: 2px solid #a87326
    }

.select-danger .nice-select {
    padding: 0 30px;
    min-width: 150px;
    background-color: #db008c !important;
    border: none !important
}

    .select-danger .nice-select .current {
        color: #fff
    }

    .select-danger .nice-select:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff
    }

.formAnt {
    padding: 20px;
    margin: 10px 5px !important;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #ECF0F1
}

@media (max-width:765px) {
    .formAnt {
        padding: 10px;
        margin: 30px 10px
    }
}

.inputWrapper {
    margin: 1px
}

    .inputWrapper input, .inputWrapper select, .inputWrapper textarea {
        border-top: none;
        border-left: none;
        border-right: none;
        box-shadow: none;
        border-radius: 0
    }

    .inputWrapper label {
        font-size: 14px;
        font-weight: 400;
        margin-left: 5px
    }

    .inputWrapper .form-control {
        padding-left: 0 !important
    }

@media (max-width:768px) {
    .inputWrapper .form-control, .inputWrapper label {
        margin-left: 25px
    }
}

.inputWrapper .form-control:focus {
    border-color: #00e2f0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.inputWrapper input::-webkit-input-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper input::-moz-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper input:-moz-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper input:-ms-input-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper textarea::-webkit-input-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper textarea::-moz-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper textarea:-moz-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper textarea:-ms-input-placeholder {
    font-style: italic;
    color: #333 !important
}

.inputWrapper .bold input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 700 !important;
    color: #333 !important
}

.inputWrapper .bold input::-moz-placeholder {
    font-style: normal;
    font-weight: 700 !important;
    color: #333 !important
}

.inputWrapper .bold input:-moz-placeholder {
    font-style: normal;
    font-weight: 700 !important;
    color: #333 !important
}

.inputWrapper .bold input:-ms-input-placeholder {
    font-style: normal;
    font-weight: 700 !important;
    color: #333 !important
}

.left-inner-addon {
    position: relative
}

.inputWrapper .left-inner-addon input, .inputWrapper .left-inner-addon textarea {
    padding-left: 30px !important
}

.left-inner-addon i {
    font-size: 20px;
    position: absolute;
    padding: 5px;
    pointer-events: none;
    color: #333
}

.inputWrapper .selectForm select:hover {
    display: block;
    color: #00e2f0
}

.inputWrapper .selectForm option {
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-default .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #333; /* !important;*/
    border-radius: 0
}

.is-invalid {
    border-color: #dc3545 !important;
    border: 1px solid;
}

.input-default .input-group-addon {
    background-color: transparent
}

    .input-default .input-group-addon i {
        color: #333 !important
    }

.input-default .border-left {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333
}

.input-default .border-right {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

.input-default label {
    font-weight: 300;
    color: #333
}

.input-primary .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #00e2f0 !important;
    border-radius: 0
}

.input-primary .border-left, .input-primary .border-right {
    border-top: 1px solid #00e2f0;
    border-bottom: 1px solid #00e2f0
}

.input-primary .input-group-addon {
    background-color: transparent
}

    .input-primary .input-group-addon i {
        color: #00e2f0 !important
    }

.input-primary .border-left {
    border-left: 1px solid #00e2f0
}

.input-primary .border-right {
    border-right: 1px solid #00e2f0
}

.input-primary label {
    font-weight: 300;
    color: #00e2f0
}

.input-success .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #00a2b4 !important;
    border-radius: 0
}

.input-success .border-left, .input-success .border-right {
    border-top: 1px solid #00a2b4;
    border-bottom: 1px solid #00a2b4
}

.input-success .input-group-addon {
    background-color: transparent
}

    .input-success .input-group-addon i {
        color: #00a2b4 !important
    }

.input-success .border-left {
    border-left: 1px solid #00a2b4
}

.input-success .border-right {
    border-right: 1px solid #00a2b4
}

.input-success label {
    font-weight: 300;
    color: #00a2b4
}

.input-info .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #9c27b0 !important;
    border-radius: 0
}

.input-info .border-left, .input-info .border-right {
    border-top: 1px solid #9c27b0;
    border-bottom: 1px solid #9c27b0
}

.input-info .input-group-addon {
    background-color: transparent
}

    .input-info .input-group-addon i {
        color: #9c27b0 !important
    }

.input-info .border-left {
    border-left: 1px solid #9c27b0
}

.input-info .border-right {
    border-right: 1px solid #9c27b0
}

.input-info label {
    font-weight: 300;
    color: #9c27b0
}

.input-warning .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ffeb3b !important;
    border-radius: 0
}

.input-warning .border-left, .input-warning .border-right {
    border-top: 1px solid #ffeb3b;
    border-bottom: 1px solid #ffeb3b
}

.input-warning .input-group-addon {
    background-color: transparent
}

    .input-warning .input-group-addon i {
        color: #a87326 !important
    }

.input-warning .border-left {
    border-left: 1px solid #ffeb3b
}

.input-warning .border-right {
    border-right: 1px solid #ffeb3b
}

.input-warning label {
    font-weight: 300;
    color: #ffeb3b
}

.input-danger .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #db008c !important;
    border-radius: 0
}

.input-danger .border-left, .input-danger .border-right {
    border-top: 1px solid #db008c;
    border-bottom: 1px solid #db008c
}

.input-danger .input-group-addon {
    background-color: transparent
}

    .input-danger .input-group-addon i {
        color: #db008c !important
    }

.input-danger .border-left {
    border-left: 1px solid #db008c
}

.input-danger .border-right {
    border-right: 1px solid #db008c
}

.input-danger label {
    font-weight: 300;
    color: #db008c
}

.input-default-light .form-control, .input-default-light .input-group-addon {
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #333 !important;
    border-radius: 0;
    background-color: transparent
}

.input-default-light i {
    color: #333 !important
}

.input-primary-light .form-control, .input-primary-light .input-group-addon {
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #00e2f0 !important;
    border-radius: 0;
    background-color: transparent
}

.input-primary-light i {
    color: #00e2f0 !important
}

.input-success-light .form-control, .input-success-light .input-group-addon {
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #00a2b4 !important;
    border-radius: 0;
    background-color: transparent
}

.input-success-light i {
    color: #00a2b4 !important
}

.input-info-light .form-control, .input-info-light .input-group-addon {
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #9c27b0 !important;
    border-radius: 0;
    background-color: transparent
}

.input-info-light i {
    color: #9c27b0 !important
}

.input-warning-light .form-control, .input-warning-light .input-group-addon {
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ffeb3b !important;
    border-radius: 0;
    background-color: transparent
}

.input-warning-light i {
    color: #a87326 !important
}

.input-danger-light .form-control, .input-danger-light .input-group-addon {
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #db008c !important;
    border-radius: 0;
    background-color: transparent
}

.input-danger-light i {
    color: #db008c !important
}

.progress-default .progress-bar {
    color: #333;
    background-color: #f6f8f8
}

    .progress-default .progress-bar p {
        color: #333
    }

.progress-default-thin .progress-bar {
    color: #333;
    background-color: #f6f8f8
}

    .progress-default-thin .progress-bar p {
        color: #333
    }

.progress-primary .progress-bar, .progress-primary-thin .progress-bar {
    color: #fff;
    background-color: #00e2f0
}

.progress-success .progress-bar, .progress-success-thin .progress-bar {
    color: #fff;
    background-color: #00a2b4
}

.progress-info .progress-bar, .progress-info-thin .progress-bar {
    color: #fff;
    background-color: #9c27b0
}

.progress-warning .progress-bar, .progress-warning-thin .progress-bar {
    color: #a87326;
    background-color: #ffeb3b
}

.progress-danger .progress-bar, .progress-danger-thin .progress-bar {
    background-color: #db008c;
    color: #fff
}

.progress-bar-stripedDark {
    background-image: -webkit-linear-gradient(45deg,rgba(51,51,51,.05) 25%,transparent 25%,transparent 50%,rgba(51,51,51,.05) 50%,rgba(51,51,51,.05) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(51,51,51,.05) 25%,transparent 25%,transparent 50%,rgba(51,51,51,.05) 50%,rgba(51,51,51,.05) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(51,51,51,.05) 25%,transparent 25%,transparent 50%,rgba(51,51,51,.05) 50%,rgba(51,51,51,.05) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

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

.alert-danger, .alert-default, .alert-info, .alert-primary, .alert-success, .alert-warning {
    padding-left: 90px;
    text-align: center
}

.checAndRadioDemo li label {
    margin: 5px 0 5px 5px
}

.modelsWrapper, .modelsWrapper p {
    display: block;
    
}

    .modelsWrapper button {
        display: block;
        margin: 0
    }

.alertWrapper, .alertWrapper p {
    margin-bottom: 20px
}

.modal-default .modal-header {
    text-align: center
}

.modal-primary .modal-content {
    background-color: #00e2f0;
    border: none
}

.modal-primary .modal-header {
    text-align: center
}

    .modal-primary .modal-header .close {
        color: #fff;
        opacity: 1
    }

    .modal-primary .modal-body, .modal-primary .modal-header h4 {
        color: #fff
    }

.modal-success .modal-content {
    background-color: #00a2b4;
    border: none
}

.modal-success .modal-header {
    text-align: center
}

    .modal-success .modal-header .close {
        color: #fff;
        opacity: 1
    }

    .modal-success .modal-body, .modal-success .modal-header h4 {
        color: #fff
    }

.modal-info .modal-content {
    background-color: #9c27b0;
    border: none
}

.modal-info .modal-header {
    text-align: center
}

    .modal-info .modal-header .close {
        color: #fff;
        opacity: 1
    }

    .modal-info .modal-body, .modal-info .modal-header h4 {
        color: #fff
    }

.modal-warning .modal-content {
    background-color: #ffeb3b;
    border: none
}

.modal-warning .modal-header {
    text-align: center;
    border-bottom: 1px solid #a87326
}

    .modal-warning .modal-header .close {
        color: #a87326;
        opacity: 1
    }

    .modal-warning .modal-body, .modal-warning .modal-header h4 {
        color: #a87326
    }

.modal-warning .modal-footer {
    border-top: 1px solid #a87326
}

.modal-danger .modal-content {
    background-color: #db008c;
    border: none
}

.modal-danger .modal-header {
    text-align: center
}

    .modal-danger .modal-header .close {
        color: #fff;
        opacity: 1
    }

    .modal-danger .modal-body, .modal-danger .modal-header h4 {
        color: #fff
    }

.table-responsive {
    border: none
}

.right-tabs .nav {
    float: right
}

    .right-tabs .nav li {
        float: left
    }

.right-tabs .tab-content {
    float: left;
    border-top: 1px solid #ddd;
    margin-top: -1px
}

.tabs-primary .nav-tabs {
    border-bottom-color: #00e2f0 !important
}

    .tabs-primary .nav-tabs li a {
        background-color: #00e2f0;
        color: #fff
    }

    .tabs-primary .nav-tabs .active a {
        color: #00e2f0 !important;
        background-color: #fff !important;
        border: 1px solid #00e2f0 !important;
        border-bottom-color: transparent !important
    }

.tabs-primary-left .nav-tabs {
    border-bottom-color: #00e2f0 !important
}

    .tabs-primary-left .nav-tabs li a {
        background-color: #00e2f0;
        color: #fff
    }

    .tabs-primary-left .nav-tabs .active a {
        color: #00e2f0 !important;
        background-color: #fff !important;
        border: 1px solid #00e2f0 !important;
        border-right-color: transparent !important
    }

.tabs-primary-right .nav-tabs {
    border-bottom-color: #00e2f0 !important
}

    .tabs-primary-right .nav-tabs li a {
        background-color: #00e2f0;
        color: #fff
    }

    .tabs-primary-right .nav-tabs .active a {
        color: #00e2f0 !important;
        background-color: #fff !important;
        border: 1px solid #00e2f0 !important;
        border-left-color: transparent !important
    }

.tabs-primary .right-tabs .tab-content {
    float: left;
    border-top: 1px solid #00e2f0 !important
}

.tabs-success .nav-tabs {
    border-bottom-color: #00a2b4 !important
}

    .tabs-success .nav-tabs li a {
        background-color: #00a2b4;
        color: #fff
    }

    .tabs-success .nav-tabs .active a {
        color: #00a2b4 !important;
        background-color: #fff !important;
        border: 1px solid #00a2b4 !important;
        border-bottom-color: transparent !important
    }

.tabs-success-left .nav-tabs {
    border-bottom-color: #00a2b4 !important
}

    .tabs-success-left .nav-tabs li a {
        background-color: #00a2b4;
        color: #fff
    }

    .tabs-success-left .nav-tabs .active a {
        color: #00a2b4 !important;
        background-color: #fff !important;
        border: 1px solid #00a2b4 !important;
        border-right-color: transparent !important
    }

.tabs-success-right .nav-tabs {
    border-bottom-color: #00a2b4 !important
}

    .tabs-success-right .nav-tabs li a {
        background-color: #00a2b4;
        color: #fff
    }

    .tabs-success-right .nav-tabs .active a {
        color: #00a2b4 !important;
        background-color: #fff !important;
        border: 1px solid #00a2b4 !important;
        border-left-color: transparent !important
    }

.tabs-success.right-tabs .tab-content {
    float: left;
    border-top: 1px solid #00a2b4 !important
}

.tabs-info .nav-tabs {
    border-bottom-color: #9c27b0 !important
}

    .tabs-info .nav-tabs li a {
        background-color: #9c27b0;
        color: #fff
    }

    .tabs-info .nav-tabs .active a {
        color: #9c27b0 !important;
        background-color: #fff !important;
        border: 1px solid #9c27b0 !important;
        border-bottom-color: transparent !important
    }

.tabs-info-left .nav-tabs {
    border-bottom-color: #9c27b0 !important
}

    .tabs-info-left .nav-tabs li a {
        background-color: #9c27b0;
        color: #fff
    }

    .tabs-info-left .nav-tabs .active a {
        color: #9c27b0 !important;
        background-color: #fff !important;
        border: 1px solid #9c27b0 !important;
        border-right-color: transparent !important
    }

.tabs-info-right .nav-tabs {
    border-bottom-color: #9c27b0 !important
}

    .tabs-info-right .nav-tabs li a {
        background-color: #9c27b0;
        color: #fff
    }

    .tabs-info-right .nav-tabs .active a {
        color: #9c27b0 !important;
        background-color: #fff !important;
        border: 1px solid #9c27b0 !important;
        border-left-color: transparent !important
    }

.tabs-info .right-tabs .tab-content {
    float: left;
    border-top: 1px solid #9c27b0 !important
}

.tabs-warning .nav-tabs {
    border-bottom-color: #ffeb3b !important
}

    .tabs-warning .nav-tabs li a {
        background-color: #ffeb3b;
        color: #a87326
    }

    .tabs-warning .nav-tabs .active a {
        color: #a87326 !important;
        background-color: #fff !important;
        border: 1px solid #ffeb3b !important;
        border-bottom-color: transparent !important
    }

.tabs-warning-left .nav-tabs {
    border-bottom-color: #ffeb3b !important
}

    .tabs-warning-left .nav-tabs li a {
        background-color: #ffeb3b;
        color: #a87326
    }

    .tabs-warning-left .nav-tabs .active a {
        color: #a87326 !important;
        background-color: #fff !important;
        border: 1px solid #ffeb3b !important;
        border-right-color: transparent !important
    }

.tabs-warning-right .nav-tabs {
    border-bottom-color: #ffeb3b !important
}

    .tabs-warning-right .nav-tabs li a {
        background-color: #ffeb3b;
        color: #a87326
    }

    .tabs-warning-right .nav-tabs .active a {
        color: #a87326 !important;
        background-color: #fff !important;
        border: 1px solid #ffeb3b !important;
        border-left-color: transparent !important
    }

.tabs-warning .right-tabs .tab-content {
    float: left;
    border-top: 1px solid #ffeb3b !important
}

.tabs-danger .nav-tabs {
    border-bottom-color: #db008c !important
}

    .tabs-danger .nav-tabs li a {
        background-color: #db008c;
        color: #fff
    }

    .tabs-danger .nav-tabs .active a {
        color: #db008c !important;
        background-color: #fff !important;
        border: 1px solid #db008c !important;
        border-bottom-color: transparent !important
    }

.tabs-danger-left .nav-tabs {
    border-bottom-color: #db008c !important
}

    .tabs-danger-left .nav-tabs li a {
        background-color: #db008c;
        color: #fff
    }

    .tabs-danger-left .nav-tabs .active a {
        color: #db008c !important;
        background-color: #fff !important;
        border: 1px solid #db008c !important;
        border-right-color: transparent !important
    }

.tabs-danger-right .nav-tabs {
    border-bottom-color: #db008c !important
}

    .tabs-danger-right .nav-tabs li a {
        background-color: #db008c;
        color: #fff
    }

    .tabs-danger-right .nav-tabs .active a {
        color: #db008c !important;
        background-color: #fff !important;
        border: 1px solid #db008c !important;
        border-left-color: transparent !important
    }

.alert-default .close, .alert-default i {
    color: #333;
    opacity: .8
}

.tabs-danger .right-tabs .tab-content {
    float: left;
    border-top: 1px solid #db008c !important
}

.alertWrapper p {
    display: block;
    font-size: 16px;
    font-weight: 400
}

.alert-danger i, .alert-default i, .alert-info i, .alert-primary i, .alert-success i, .alert-warning i {
    font-size: 30px;
    top: 10px;
    left: 30px
}

.alertWrapper button {
    display: block;
    margin: 0 auto
}

.alert-default {
    background-color: #f6f8f8;
    position: relative
}

    .alert-default i {
        position: absolute
    }

.alert-primary {
    background-color: #00e2f0;
    color: #fff;
    position: relative
}

    .alert-primary .close {
        color: #fff;
        opacity: 1
    }

    .alert-primary i {
        position: absolute;
        color: #fff
    }

.alert-success {
    background-color: #00a2b4;
    color: #fff;
    position: relative
}

    .alert-success .close {
        color: #fff;
        opacity: 1
    }

    .alert-success i {
        position: absolute;
        color: #fff
    }

.alert-info {
    background-color: #9c27b0;
    color: #fff;
    position: relative
}

    .alert-info .close {
        color: #fff;
        opacity: 1
    }

    .alert-info i {
        position: absolute;
        color: #fff
    }

.alert-warning {
    background-color: #ffeb3b;
    color: #a87326;
    position: relative
}

    .alert-warning .close {
        color: #a87326;
        opacity: 1
    }

    .alert-warning i {
        position: absolute;
        color: #a87326
    }

.alert-danger {
    background-color: #db008c;
    color: #fff;
    position: relative
}

.dataTables_filter label, .tableWrapper thead {
    color: #fff;
    background-color: #007d40
}

.tableWrapper tbody {
    border-bottom: 1px solid #EDF3EF
}

.alert-danger .close {
    color: #fff;
    opacity: 1
}

.alert-danger i {
    position: absolute;
    color: #fff
}

@media (min-width:768px) {
    .dataTables_scrollBody {
        overflow-x: hidden !important
    }
}

table.dataTable thead td, table.dataTable thead th, table.dataTable.no-footer {
    border-bottom: 1px solid transparent !important
}

.dataTables_length label {
    margin-left: 30px;
    font-size: 14px !important;
    font-weight: 200
}

.dataTables_filter label {
    padding: 0 0 0 5px;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase
}

.dataTables_filter input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #000 !important;
    border-radius: 0;
    color: #000;
}

.tableWrapper thead th {
    border-bottom: none !important
}

.tableWrapper .odd, .tableWrapper .sorting_1 {
    background-color: #EDF3EF !important /*rgba(0,226,240,.1) !important*/
}

.dataTables_paginate .paginate_button {
    background-color: #007d40 !important;
    color: #fffaf0 !important
}

    .dataTables_paginate .paginate_button:active, .dataTables_paginate .paginate_button:hover {
        background-color: #007d40 !important;
        border-color: #007d40 !important
    }

.dataTables_paginate .current {
    background-color: transparent !important;
    border-color: #007d40 !important;
    color: #007d40 !important
}

.opas1 {
    opacity: 1
}

.opas0 {
    opacity: 0
}

.p20 {
    padding: 20px
}

.ml8 {
    margin-left: 8px
}

.mr8 {
    margin-right: 8px
}

.p-b20 {
    padding-bottom: 20px
}

.p10 {
    padding: 10px
}

.p5 {
    padding: 5px
}

.m20 {
    margin: 20px
}

.m10 {
    margin: 10px
}

.h350 {
    height: 350px
}

@media (max-width:768px) {
    .h350 {
        height: auto
    }
}

.h400 {
    height: 400px
}

.h500 {
    height: 500px
}

.h550 {
    height: 550px
}

@media (max-width:1270px) {
    .h350, .h400, .h500, .h550 {
        height: auto
    }
}

.noP {
    padding: 0 !important
}

@media (max-width:780px) {
    .noP {
        padding: 15px !important
    }
}

.noM {
    margin: 0
}

.m-5-0 {
    margin: 5px 0
}

.wrapper {
    width: 200px;
    padding: 20px;
    height: 150px;
}


label.custom-checkbox{
    font-size: 35px;
    top: -18px
}

    label.custom-checkbox input[type="checkbox"] {
        display: none;
    }

.custom-checkbox {
    margin-left: 2em;
    position: relative;
    cursor: pointer;
}

.custom-checkbox .glyphicon {
    color: white;
    position: absolute;
    /*top: 0.4em;*/
    left: -1.25em;
    font-size: 0.75em;
}

.custom-checkbox .glyphicon-star-empty {
    color: white;
}

.custom-checkbox .glyphicon-star {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.custom-checkbox:hover .glyphicon-star {
    opacity: 0.5;
}

.custom-checkbox input[type="checkbox"]:checked ~ .glyphicon-star {
    opacity: 1;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
    visibility: hidden;
}

#loading-image {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
}