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

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

@font-face {
    font-family: Roboto;
    src: local(Roboto Thin), url(../fonts/roboto/Roboto-Thin.eot);
    src: url(../fonts/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Thin.woff2) format("woff2"), url(../fonts/roboto/Roboto-Thin.woff) format("woff"), url(../fonts/roboto/Roboto-Thin.ttf) format("truetype");
    font-weight: 200
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Light), url(../fonts/roboto/Roboto-Light.eot);
    src: url(../fonts/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Light.woff2) format("woff2"), url(../fonts/roboto/Roboto-Light.woff) format("woff"), url(../fonts/roboto/Roboto-Light.ttf) format("truetype");
    font-weight: 300
}

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

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto/Roboto-Medium.eot);
    src: url(../fonts/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(../fonts/roboto/Roboto-Medium.woff) format("woff"), url(../fonts/roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 500
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto/Roboto-Bold.eot);
    src: url(../fonts/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(../fonts/roboto/Roboto-Bold.woff) format("woff"), url(../fonts/roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: proxima_nova_ltsemibold;
    src: url(../fonts/Proxima-Nova-Semibold-webfont.eot);
    src: url(../fonts/Proxima-Nova-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Proxima-Nova-Semibold-webfont.woff2) format("woff2"), url(../fonts/Proxima-Nova-Semibold-webfont.ttf) format("truetype"), url(../fonts/Proxima-Nova-Semibold-webfont.svg#proxima_nova_ltsemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: 'Sofia Pro Regular';
    font-style: normal;
    font-weight: 400;
    src: local("../fonts/Sofia Pro Regular"), url("../fonts/Sofia Pro Regular Az.woff") format("woff")
}

@font-face {
    font-family: 'Sofia Pro Bold';
    font-style: normal;
    font-weight: 400;
    src: local("../fonts/Sofia Pro Bold"), url("../fonts/Sofia Pro Bold Az.woff") format("woff")
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%
}

.navbar .navbar-brand {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.navbar .navbar-custom-right-menu {
    float: right
}

.navbar .navbar-toggle {
    text-decoration: none;
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 17px
}

.navbar .navbar-toggle:before {
    content: '\E8D5';
    font-family: 'Material Icons';
    font-size: 26px
}

.navbar .navbar-collapse.in {
    overflow: visible
}

.ls-closed .sidebar {
    margin-left: -300px
}

.ls-closed section.content {
    margin-left: 15px
}

.ls-closed .bars:after,
.ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ls-closed .navbar-brand {
    margin-left: 30px
}

.overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.navbar-header {
    padding: 10px 7px
}

.navbar-header .bars {
    float: left;
    text-decoration: none
}

.navbar-nav>li>a {
    padding: 7px 7px 2px 7px;
    margin-top: 17px;
    margin-left: 5px
}

.navbar-nav .dropdown-menu {
    margin-top: -40px!important
}

.label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus,
.col-red .navbar .navbar-brand:hover {
    color: #fff
}

.col-red .navbar .nav .open>a,
.col-red .navbar .nav .open>a:focus,
.col-red .navbar .nav .open>a:hover,
.col-red .navbar .nav>li>a:focus,
.col-red .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-red .navbar .nav>li>a {
    color: #fff
}

.col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-red .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus,
.col-pink .navbar .navbar-brand:hover {
    color: #fff
}

.col-pink .navbar .nav .open>a,
.col-pink .navbar .nav .open>a:focus,
.col-pink .navbar .nav .open>a:hover,
.col-pink .navbar .nav>li>a:focus,
.col-pink .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-pink .navbar .nav>li>a {
    color: #fff
}

.col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-pink .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus,
.col-purple .navbar .navbar-brand:hover {
    color: #fff
}

.col-purple .navbar .nav .open>a,
.col-purple .navbar .nav .open>a:focus,
.col-purple .navbar .nav .open>a:hover,
.col-purple .navbar .nav>li>a:focus,
.col-purple .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-purple .navbar .nav>li>a {
    color: #fff
}

.col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus,
.col-deep-purple .navbar .navbar-brand:hover {
    color: #fff
}

.col-deep-purple .navbar .nav .open>a,
.col-deep-purple .navbar .nav .open>a:focus,
.col-deep-purple .navbar .nav .open>a:hover,
.col-deep-purple .navbar .nav>li>a:focus,
.col-deep-purple .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-deep-purple .navbar .nav>li>a {
    color: #fff
}

.col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-deep-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus,
.col-indigo .navbar .navbar-brand:hover {
    color: #fff
}

.col-indigo .navbar .nav .open>a,
.col-indigo .navbar .nav .open>a:focus,
.col-indigo .navbar .nav .open>a:hover,
.col-indigo .navbar .nav>li>a:focus,
.col-indigo .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-indigo .navbar .nav>li>a {
    color: #fff
}

.col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-indigo .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus,
.col-blue .navbar .navbar-brand:hover {
    color: #fff
}

.col-blue .navbar .nav .open>a,
.col-blue .navbar .nav .open>a:focus,
.col-blue .navbar .nav .open>a:hover,
.col-blue .navbar .nav>li>a:focus,
.col-blue .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-blue .navbar .nav>li>a {
    color: #fff
}

.col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus,
.col-light-blue .navbar .navbar-brand:hover {
    color: #fff
}

.col-light-blue .navbar .nav .open>a,
.col-light-blue .navbar .nav .open>a:focus,
.col-light-blue .navbar .nav .open>a:hover,
.col-light-blue .navbar .nav>li>a:focus,
.col-light-blue .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-light-blue .navbar .nav>li>a {
    color: #fff
}

.col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-light-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus,
.col-cyan .navbar .navbar-brand:hover {
    color: #fff
}

.col-cyan .navbar .nav .open>a,
.col-cyan .navbar .nav .open>a:focus,
.col-cyan .navbar .nav .open>a:hover,
.col-cyan .navbar .nav>li>a:focus,
.col-cyan .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-cyan .navbar .nav>li>a {
    color: #fff
}

.col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-cyan .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus,
.col-teal .navbar .navbar-brand:hover {
    color: #fff
}

.col-teal .navbar .nav .open>a,
.col-teal .navbar .nav .open>a:focus,
.col-teal .navbar .nav .open>a:hover,
.col-teal .navbar .nav>li>a:focus,
.col-teal .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-teal .navbar .nav>li>a {
    color: #fff
}

.col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-teal .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus,
.col-green .navbar .navbar-brand:hover {
    color: #fff
}

.col-green .navbar .nav .open>a,
.col-green .navbar .nav .open>a:focus,
.col-green .navbar .nav .open>a:hover,
.col-green .navbar .nav>li>a:focus,
.col-green .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-green .navbar .nav>li>a {
    color: #fff
}

.col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus,
.col-light-green .navbar .navbar-brand:hover {
    color: #fff
}

.col-light-green .navbar .nav .open>a,
.col-light-green .navbar .nav .open>a:focus,
.col-light-green .navbar .nav .open>a:hover,
.col-light-green .navbar .nav>li>a:focus,
.col-light-green .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-light-green .navbar .nav>li>a {
    color: #fff
}

.col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-light-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus,
.col-lime .navbar .navbar-brand:hover {
    color: #fff
}

.col-lime .navbar .nav .open>a,
.col-lime .navbar .nav .open>a:focus,
.col-lime .navbar .nav .open>a:hover,
.col-lime .navbar .nav>li>a:focus,
.col-lime .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-lime .navbar .nav>li>a {
    color: #fff
}

.col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-lime .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus,
.col-yellow .navbar .navbar-brand:hover {
    color: #fff
}

.col-yellow .navbar .nav .open>a,
.col-yellow .navbar .nav .open>a:focus,
.col-yellow .navbar .nav .open>a:hover,
.col-yellow .navbar .nav>li>a:focus,
.col-yellow .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-yellow .navbar .nav>li>a {
    color: #fff
}

.col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-yellow .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus,
.col-amber .navbar .navbar-brand:hover {
    color: #fff
}

.col-amber .navbar .nav .open>a,
.col-amber .navbar .nav .open>a:focus,
.col-amber .navbar .nav .open>a:hover,
.col-amber .navbar .nav>li>a:focus,
.col-amber .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-amber .navbar .nav>li>a {
    color: #fff
}

.col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-amber .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus,
.col-orange .navbar .navbar-brand:hover {
    color: #fff
}

.col-orange .navbar .nav .open>a,
.col-orange .navbar .nav .open>a:focus,
.col-orange .navbar .nav .open>a:hover,
.col-orange .navbar .nav>li>a:focus,
.col-orange .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-orange .navbar .nav>li>a {
    color: #fff
}

.col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus,
.col-deep-orange .navbar .navbar-brand:hover {
    color: #fff
}

.col-deep-orange .navbar .nav .open>a,
.col-deep-orange .navbar .nav .open>a:focus,
.col-deep-orange .navbar .nav .open>a:hover,
.col-deep-orange .navbar .nav>li>a:focus,
.col-deep-orange .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-deep-orange .navbar .nav>li>a {
    color: #fff
}

.col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-deep-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus,
.col-brown .navbar .navbar-brand:hover {
    color: #fff
}

.col-brown .navbar .nav .open>a,
.col-brown .navbar .nav .open>a:focus,
.col-brown .navbar .nav .open>a:hover,
.col-brown .navbar .nav>li>a:focus,
.col-brown .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-brown .navbar .nav>li>a {
    color: #fff
}

.col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-brown .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus,
.col-grey .navbar .navbar-brand:hover {
    color: #fff
}

.col-grey .navbar .nav .open>a,
.col-grey .navbar .nav .open>a:focus,
.col-grey .navbar .nav .open>a:hover,
.col-grey .navbar .nav>li>a:focus,
.col-grey .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-grey .navbar .nav>li>a {
    color: #fff
}

.col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus,
.col-blue-grey .navbar .navbar-brand:hover {
    color: #fff
}

.col-blue-grey .navbar .nav .open>a,
.col-blue-grey .navbar .nav .open>a:focus,
.col-blue-grey .navbar .nav .open>a:hover,
.col-blue-grey .navbar .nav>li>a:focus,
.col-blue-grey .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-blue-grey .navbar .nav>li>a {
    color: #fff
}

.col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-blue-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus,
.col-black .navbar .navbar-brand:hover {
    color: #fff
}

.col-black .navbar .nav .open>a,
.col-black .navbar .nav .open>a:focus,
.col-black .navbar .nav .open>a:hover,
.col-black .navbar .nav>li>a:focus,
.col-black .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-black .navbar .nav>li>a {
    color: #fff
}

.col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-black .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus,
.col-white .navbar .navbar-brand:hover {
    color: #fff
}

.col-white .navbar .nav .open>a,
.col-white .navbar .nav .open>a:focus,
.col-white .navbar .nav .open>a:hover,
.col-white .navbar .nav>li>a:focus,
.col-white .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-white .navbar .nav>li>a {
    color: #fff
}

.col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-white .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-26 {
    font-size: 26px
}

.material-icons.md-28 {
    font-size: 28px
}

.material-icons.md-30 {
    font-size: 30px
}

.material-icons.md-32 {
    font-size: 32px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

.m-l--125 {
    margin-left: -125px
}

.m-t--125 {
    margin-top: -125px
}

.m-r--125 {
    margin-right: -125px
}

.m-b--125 {
    margin-bottom: -125px
}

.m-l--120 {
    margin-left: -120px
}

.m-t--120 {
    margin-top: -120px
}

.m-r--120 {
    margin-right: -120px
}

.m-b--120 {
    margin-bottom: -120px
}

.m-l--115 {
    margin-left: -115px
}

.m-t--115 {
    margin-top: -115px
}

.m-r--115 {
    margin-right: -115px
}

.m-b--115 {
    margin-bottom: -115px
}

.m-l--110 {
    margin-left: -110px
}

.m-t--110 {
    margin-top: -110px
}

.m-r--110 {
    margin-right: -110px
}

.m-b--110 {
    margin-bottom: -110px
}

.m-l--105 {
    margin-left: -105px
}

.m-t--105 {
    margin-top: -105px
}

.m-r--105 {
    margin-right: -105px
}

.m-b--105 {
    margin-bottom: -105px
}

.m-l--100 {
    margin-left: -100px
}

.m-t--100 {
    margin-top: -100px
}

.m-r--100 {
    margin-right: -100px
}

.m-b--100 {
    margin-bottom: -100px
}

.m-l--95 {
    margin-left: -95px
}

.m-t--95 {
    margin-top: -95px
}

.m-r--95 {
    margin-right: -95px
}

.m-b--95 {
    margin-bottom: -95px
}

.m-l--90 {
    margin-left: -90px
}

.m-t--90 {
    margin-top: -90px
}

.m-r--90 {
    margin-right: -90px
}

.m-b--90 {
    margin-bottom: -90px
}

.m-l--85 {
    margin-left: -85px
}

.m-t--85 {
    margin-top: -85px
}

.m-r--85 {
    margin-right: -85px
}

.m-b--85 {
    margin-bottom: -85px
}

.m-l--80 {
    margin-left: -80px
}

.m-t--80 {
    margin-top: -80px
}

.m-r--80 {
    margin-right: -80px
}

.m-b--80 {
    margin-bottom: -80px
}

.m-l--75 {
    margin-left: -75px
}

.m-t--75 {
    margin-top: -75px
}

.m-r--75 {
    margin-right: -75px
}

.m-b--75 {
    margin-bottom: -75px
}

.m-l--70 {
    margin-left: -70px
}

.m-t--70 {
    margin-top: -70px
}

.m-r--70 {
    margin-right: -70px
}

.m-b--70 {
    margin-bottom: -70px
}

.m-l--65 {
    margin-left: -65px
}

.m-t--65 {
    margin-top: -65px
}

.m-r--65 {
    margin-right: -65px
}

.m-b--65 {
    margin-bottom: -65px
}

.m-l--60 {
    margin-left: -60px
}

.m-t--60 {
    margin-top: -60px
}

.m-r--60 {
    margin-right: -60px
}

.m-b--60 {
    margin-bottom: -60px
}

.m-l--55 {
    margin-left: -55px
}

.m-t--55 {
    margin-top: -55px
}

.m-r--55 {
    margin-right: -55px
}

.m-b--55 {
    margin-bottom: -55px
}

.m-l--50 {
    margin-left: -50px
}

.m-t--50 {
    margin-top: -50px
}

.m-r--50 {
    margin-right: -50px
}

.m-b--50 {
    margin-bottom: -50px
}

.m-l--45 {
    margin-left: -45px
}

.m-t--45 {
    margin-top: -45px
}

.m-r--45 {
    margin-right: -45px
}

.m-b--45 {
    margin-bottom: -45px
}

.m-l--40 {
    margin-left: -40px
}

.m-t--40 {
    margin-top: -40px
}

.m-r--40 {
    margin-right: -40px
}

.m-b--40 {
    margin-bottom: -40px
}

.m-l--35 {
    margin-left: -35px
}

.m-t--35 {
    margin-top: -35px
}

.m-r--35 {
    margin-right: -35px
}

.m-b--35 {
    margin-bottom: -35px
}

.m-l--30 {
    margin-left: -30px
}

.m-t--30 {
    margin-top: -30px
}

.m-r--30 {
    margin-right: -30px
}

.m-b--30 {
    margin-bottom: -30px
}

.m-l--25 {
    margin-left: -25px
}

.m-t--25 {
    margin-top: -25px
}

.m-r--25 {
    margin-right: -25px
}

.m-b--25 {
    margin-bottom: -25px
}

.m-l--20 {
    margin-left: -20px
}

.m-t--20 {
    margin-top: -20px
}

.m-r--20 {
    margin-right: -20px
}

.m-b--20 {
    margin-bottom: -20px
}

.m-l--15 {
    margin-left: -15px
}

.m-t--15 {
    margin-top: -15px
}

.m-r--15 {
    margin-right: -15px
}

.m-b--15 {
    margin-bottom: -15px
}

.m-l--10 {
    margin-left: -10px
}

.m-t--10 {
    margin-top: -10px
}

.m-r--10 {
    margin-right: -10px
}

.m-b--10 {
    margin-bottom: -10px
}

.m-l--5 {
    margin-left: -5px
}

.m-t--5 {
    margin-top: -5px
}

.m-r--5 {
    margin-right: -5px
}

.m-b--5 {
    margin-bottom: -5px
}

.m-l-0 {
    margin-left: 0
}

.m-t-0 {
    margin-top: 0
}

.m-r-0 {
    margin-right: 0
}

.m-b-0 {
    margin-bottom: 0
}

.m-l-5 {
    margin-left: 5px
}

.m-t-5 {
    margin-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-l-10 {
    margin-left: 10px
}

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

.m-r-10 {
    margin-right: 10px
}

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

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

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

.m-r-15 {
    margin-right: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-l-20 {
    margin-left: 20px
}

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

.m-r-20 {
    margin-right: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-l-25 {
    margin-left: 25px
}

.m-t-25 {
    margin-top: 25px
}

.m-r-25 {
    margin-right: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-l-30 {
    margin-left: 30px
}

.m-t-30 {
    margin-top: 30px
}

.m-r-30 {
    margin-right: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-l-35 {
    margin-left: 35px
}

.m-t-35 {
    margin-top: 35px
}

.m-r-35 {
    margin-right: 35px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-l-40 {
    margin-left: 40px
}

.m-t-40 {
    margin-top: 40px
}

.m-r-40 {
    margin-right: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-l-45 {
    margin-left: 45px
}

.m-t-45 {
    margin-top: 45px
}

.m-r-45 {
    margin-right: 45px
}

.m-b-45 {
    margin-bottom: 45px
}

.m-l-50 {
    margin-left: 50px
}

.m-t-50 {
    margin-top: 50px
}

.m-r-50 {
    margin-right: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-l-55 {
    margin-left: 55px
}

.m-t-55 {
    margin-top: 55px
}

.m-r-55 {
    margin-right: 55px
}

.m-b-55 {
    margin-bottom: 55px
}

.m-l-60 {
    margin-left: 60px
}

.m-t-60 {
    margin-top: 60px
}

.m-r-60 {
    margin-right: 60px
}

.m-b-60 {
    margin-bottom: 60px
}

.m-l-65 {
    margin-left: 65px
}

.m-t-65 {
    margin-top: 65px
}

.m-r-65 {
    margin-right: 65px
}

.m-b-65 {
    margin-bottom: 65px
}

.m-l-70 {
    margin-left: 70px
}

.m-t-70 {
    margin-top: 70px
}

.m-r-70 {
    margin-right: 70px
}

.m-b-70 {
    margin-bottom: 70px
}

.m-l-75 {
    margin-left: 75px
}

.m-t-75 {
    margin-top: 75px
}

.m-r-75 {
    margin-right: 75px
}

.m-b-75 {
    margin-bottom: 75px
}

.m-l-80 {
    margin-left: 80px
}

.m-t-80 {
    margin-top: 80px
}

.m-r-80 {
    margin-right: 80px
}

.m-b-80 {
    margin-bottom: 80px
}

.m-l-85 {
    margin-left: 85px
}

.m-t-85 {
    margin-top: 85px
}

.m-r-85 {
    margin-right: 85px
}

.m-b-85 {
    margin-bottom: 85px
}

.m-l-90 {
    margin-left: 90px
}

.m-t-90 {
    margin-top: 90px
}

.m-r-90 {
    margin-right: 90px
}

.m-b-90 {
    margin-bottom: 90px
}

.m-l-95 {
    margin-left: 95px
}

.m-t-95 {
    margin-top: 95px
}

.m-r-95 {
    margin-right: 95px
}

.m-b-95 {
    margin-bottom: 95px
}

.m-l-100 {
    margin-left: 100px
}

.m-t-100 {
    margin-top: 100px
}

.m-r-100 {
    margin-right: 100px
}

.m-b-100 {
    margin-bottom: 100px
}

.m-l-105 {
    margin-left: 105px
}

.m-t-105 {
    margin-top: 105px
}

.m-r-105 {
    margin-right: 105px
}

.m-b-105 {
    margin-bottom: 105px
}

.m-l-110 {
    margin-left: 110px
}

.m-t-110 {
    margin-top: 110px
}

.m-r-110 {
    margin-right: 110px
}

.m-b-110 {
    margin-bottom: 110px
}

.m-l-115 {
    margin-left: 115px
}

.m-t-115 {
    margin-top: 115px
}

.m-r-115 {
    margin-right: 115px
}

.m-b-115 {
    margin-bottom: 115px
}

.m-l-120 {
    margin-left: 120px
}

.m-t-120 {
    margin-top: 120px
}

.m-r-120 {
    margin-right: 120px
}

.m-b-120 {
    margin-bottom: 120px
}

.m-l-125 {
    margin-left: 125px
}

.m-t-125 {
    margin-top: 125px
}

.m-r-125 {
    margin-right: 125px
}

.m-b-125 {
    margin-bottom: 125px
}

.margin-0 {
    margin: 0
}

.p-0 {
    padding: 0
}

.p-l-0 {
    padding-left: 0
}

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

.p-r-0 {
    padding-right: 0
}

.p-b-0 {
    padding-bottom: 0
}

.p-l-5 {
    padding-left: 5px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5 {
    padding-right: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.p-l-10 {
    padding-left: 10px
}

.p-t-10 {
    padding-top: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-l-15 {
    padding-left: 15px
}

.p-t-15 {
    padding-top: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-20 {
    padding-left: 20px
}

.p-t-20 {
    padding-top: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-t-25 {
    padding-top: 25px
}

.p-r-25 {
    padding-right: 25px
}

.p-b-25 {
    padding-bottom: 25px
}

.p-l-30 {
    padding-left: 30px
}

.p-t-30 {
    padding-top: 30px
}

.p-r-30 {
    padding-right: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.p-l-35 {
    padding-left: 35px
}

.p-t-35 {
    padding-top: 35px
}

.p-r-35 {
    padding-right: 35px
}

.p-b-35 {
    padding-bottom: 35px
}

.p-l-40 {
    padding-left: 40px
}

.p-t-40 {
    padding-top: 40px
}

.p-r-40 {
    padding-right: 40px
}

.p-b-40 {
    padding-bottom: 40px
}

.p-l-45 {
    padding-left: 45px
}

.p-t-45 {
    padding-top: 45px
}

.p-r-45 {
    padding-right: 45px
}

.p-b-45 {
    padding-bottom: 45px
}

.p-l-50 {
    padding-left: 50px
}

.p-t-50 {
    padding-top: 50px
}

.p-r-50 {
    padding-right: 50px
}

.p-b-50 {
    padding-bottom: 50px
}

.p-l-55 {
    padding-left: 55px
}

.p-t-55 {
    padding-top: 55px
}

.p-r-55 {
    padding-right: 55px
}

.p-b-55 {
    padding-bottom: 55px
}

.p-l-60 {
    padding-left: 60px
}

.p-t-60 {
    padding-top: 60px
}

.p-r-60 {
    padding-right: 60px
}

.p-b-60 {
    padding-bottom: 60px
}

.p-l-65 {
    padding-left: 65px
}

.p-t-65 {
    padding-top: 65px
}

.p-r-65 {
    padding-right: 65px
}

.p-b-65 {
    padding-bottom: 65px
}

.p-l-70 {
    padding-left: 70px
}

.p-t-70 {
    padding-top: 70px
}

.p-r-70 {
    padding-right: 70px
}

.p-b-70 {
    padding-bottom: 70px
}

.p-l-75 {
    padding-left: 75px
}

.p-t-75 {
    padding-top: 75px
}

.p-r-75 {
    padding-right: 75px
}

.p-b-75 {
    padding-bottom: 75px
}

.p-l-80 {
    padding-left: 80px
}

.p-t-80 {
    padding-top: 80px
}

.p-r-80 {
    padding-right: 80px
}

.p-b-80 {
    padding-bottom: 80px
}

.p-l-85 {
    padding-left: 85px
}

.p-t-85 {
    padding-top: 85px
}

.p-r-85 {
    padding-right: 85px
}

.p-b-85 {
    padding-bottom: 85px
}

.p-l-90 {
    padding-left: 90px
}

.p-t-90 {
    padding-top: 90px
}

.p-r-90 {
    padding-right: 90px
}

.p-b-90 {
    padding-bottom: 90px
}

.p-l-95 {
    padding-left: 95px
}

.p-t-95 {
    padding-top: 95px
}

.p-r-95 {
    padding-right: 95px
}

.p-b-95 {
    padding-bottom: 95px
}

.p-l-100 {
    padding-left: 100px
}

.p-t-100 {
    padding-top: 100px
}

.p-r-100 {
    padding-right: 100px
}

.p-b-100 {
    padding-bottom: 100px
}

.p-l-105 {
    padding-left: 105px
}

.p-t-105 {
    padding-top: 105px
}

.p-r-105 {
    padding-right: 105px
}

.p-b-105 {
    padding-bottom: 105px
}

.p-l-110 {
    padding-left: 110px
}

.p-t-110 {
    padding-top: 110px
}

.p-r-110 {
    padding-right: 110px
}

.p-b-110 {
    padding-bottom: 110px
}

.p-l-115 {
    padding-left: 115px
}

.p-t-115 {
    padding-top: 115px
}

.p-r-115 {
    padding-right: 115px
}

.p-b-115 {
    padding-bottom: 115px
}

.p-l-120 {
    padding-left: 120px
}

.p-t-120 {
    padding-top: 120px
}

.p-r-120 {
    padding-right: 120px
}

.p-b-120 {
    padding-bottom: 120px
}

.p-l-125 {
    padding-left: 125px
}

.p-t-125 {
    padding-top: 125px
}

.p-r-125 {
    padding-right: 125px
}

.p-b-125 {
    padding-bottom: 125px
}

.padding-0 {
    padding: 0
}

.font-6 {
    font-size: 6px
}

.font-7 {
    font-size: 7px
}

.font-8 {
    font-size: 8px
}

.font-9 {
    font-size: 9px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

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

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

.font-17 {
    font-size: 17px
}

.font-18 {
    font-size: 18px
}

.font-19 {
    font-size: 19px
}

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

.font-21 {
    font-size: 21px
}

.font-22 {
    font-size: 22px
}

.font-23 {
    font-size: 23px
}

.font-24 {
    font-size: 24px
}

.font-25 {
    font-size: 25px
}

.font-26 {
    font-size: 26px
}

.font-27 {
    font-size: 27px
}

.font-28 {
    font-size: 28px
}

.font-29 {
    font-size: 29px
}

.font-30 {
    font-size: 30px
}

.font-31 {
    font-size: 31px
}

.font-32 {
    font-size: 32px
}

.font-33 {
    font-size: 33px
}

.font-34 {
    font-size: 34px
}

.font-35 {
    font-size: 35px
}

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

.font-37 {
    font-size: 37px
}

.font-38 {
    font-size: 38px
}

.font-39 {
    font-size: 39px
}

.font-40 {
    font-size: 40px
}

.font-41 {
    font-size: 41px
}

.font-42 {
    font-size: 42px
}

.font-43 {
    font-size: 43px
}

.font-44 {
    font-size: 44px
}

.font-45 {
    font-size: 45px
}

.font-46 {
    font-size: 46px
}

.font-47 {
    font-size: 47px
}

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

.font-49 {
    font-size: 49px
}

.font-50 {
    font-size: 50px
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-justify {
    text-align: justify
}

.no-resize {
    resize: none
}

.p-20 {
    padding: 20px
}

.p-10 {
    padding: 10px
}

no-padding {
    padding: 0!important
}

no-margin {
    margin: 0!important
}

.font-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.font-underline {
    text-decoration: underline
}

.font-line-through {
    text-decoration: line-through
}

.font-overline {
    text-decoration: overline
}

.block-header {
    margin-bottom: 30px
}

.block-header h2 {
    margin: 0;
    color: #666!important;
    font-weight: 400;
    font-size: 16px
}

.block-header h2 small {
    display: block;
    font-size: 12px;
    margin-top: 8px;
    color: #888
}

.block-header h2 small a {
    font-weight: 700;
    color: #777
}

.bg-red {
    background-color: #f44336!important;
    color: #fff
}

.bg-red .content .number,
.bg-red .content .text {
    color: #fff!important
}

.bg-pink {
    background-color: #e91e63!important;
    color: #fff
}

.bg-pink .content .number,
.bg-pink .content .text {
    color: #fff!important
}



.bg-purple .content .number,
.bg-purple .content .text {
    color: #fff!important
}

.bg-deep-purple {
    background-color: #673ab7!important;
    color: #fff
}

.bg-deep-purple .content .number,
.bg-deep-purple .content .text {
    color: #fff!important
}

.bg-indigo {
    background-color: #3f51b5!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-indigo .content .number,
.bg-indigo .content .text {
    color: #fff!important
}

.bg-blue {
    background-color: #00bcd4 !important;
    color: #000 !important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-blue .content .number,
.bg-blue .content .text {
    color: #fff!important
}

.bg-light-blue {
    background-color: #03a9f4!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-light-blue .content .number,
.bg-light-blue .content .text {
    color: #fff!important
}

.bg-cyan {
    background-color: #00bcd4!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-cyan .content .number,
.bg-cyan .content .text {
    color: #fff!important
}

.bg-teal {
    background-color: #009688!important;
    color: #fff
}

.bg-teal .content .number,
.bg-teal .content .text {
    color: #fff!important
}

.bg-green {
    background-color: #59c35d !important;
    color: #000 !important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-green .content .number,
.bg-green .content .text {
    color: #fff!important
}

.bg-light-green {
    background-color: #8bc34a!important;
    color: #fff
}

.bg-light-green .content .number,
.bg-light-green .content .text {
    color: #fff!important
}

.bg-lime {
    background-color: #cddc39!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-lime .content .number,
.bg-lime .content .text {
    color: #fff!important
}

.bg-yellow {
    background-color: #ffc107 !important;
    color: #000 !important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-yellow .content .number,
.bg-yellow .content .text {
    color: #fff!important
}

.bg-amber {
    background-color: #ffc107!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-amber .content .number,
.bg-amber .content .text {
    color: #fff!important
}

.bg-orange {
    background-color: #ff9800!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-orange .content .number,
.bg-orange .content .text {
    color: #fff!important
}

.bg-deep-orange {
    background-color: #ff5722!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-deep-orange .content .number,
.bg-deep-orange .content .text {
    color: #fff!important
}

.bg-brown {
    background-color: #795548!important;
    color: #fff,
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-brown .content .number,
.bg-brown .content .text {
    color: #fff!important
}

.bg-grey {
    background-color: #9e9e9e!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-grey .content .number,
.bg-grey .content .text {
    color: #fff!important
}

.bg-blue-grey {
    background-color: #607d8b!important;
    color: #fff
}

.bg-blue-grey .content .number,
.bg-blue-grey .content .text {
    color: #fff!important
}

.bg-black {
    background-color: #000!important;
    color: #fff;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-black .content .number,
.bg-black .content .text {
    color: #fff!important
}

.height-250 {
    height: 250px
}

.bg-white {
    background-color: #fff!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-white .content .number,
.bg-white .content .text {
    color: #fff!important
}

.col-red {
    color: #f44336!important
}

.col-pink {
    color: #e91e63!important
}

.col-purple {
    /* color: #904d97!important */
}

.col-deep-purple {
    color: #673ab7!important
}

.col-indigo {
    color: #3f51b5!important
}

.col-blue {
    color: #2196f3!important
}

.col-light-blue {
    color: #03a9f4!important
}

.col-cyan {
    color: #00bcd4!important
}

.col-teal {
    color: #009688!important
}

.col-green {
    color: #4caf50!important
}
.col-expert {
    color: #00868b!important
}

.col-limegreen {
    color: #3dd44c!important
}
.col-inprogress {
    color :#de8d00;
}
.col-Overdue {
    color :#FF0000;
}
.col-pending {
    color :#008896;
}
.col-light-green {
    color: #8bc34a!important
}

.col-lime {
    color: #cddc39!important
}

.col-yellow {
    color: #ffe821!important
}

.col-amber {
    color: #ffc107!important
}

.col-orange {
    color: #ff9800!important
}

.col-deep-orange {
    color: #ff5722!important
}

.col-brown {
    color: #795548!important
}

.col-grey {
    color: #9e9e9e!important
}

.col-blue-grey {
    color: #607d8b!important
}

.col-black {
    color: #000!important
}

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

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.demo-button-sizes .btn {
    margin-bottom: 5px
}

.icon-button-demo button {
    margin-right: 5px;
    margin-bottom: 12px
}

.icon-and-text-button-demo button {
    margin-right: 5px;
    margin-bottom: 12px;
    width: 16.66666666666667%
}

.button-demo ul {
    padding-left: 0
}

.button-demo ul li {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin-right: 7px
}

.button-demo ul li .btn {
    display: block;
    min-width: 175px
}

.button-demo .btn {
    margin-right: 8px;
    margin-bottom: 13px;
    min-width: 120px
}

.demo-button-groups .btn-group {
    margin-right: 10px
}

.demo-button-toolbar .btn-toolbar {
    float: left;
    margin-right: 25px
}

.demo-button-nesting>.btn-group {
    margin-right: 15px
}

.demo-single-button-dropdowns>.btn-group {
    margin-right: 10px
}

.demo-splite-button-dropdowns>.btn-group {
    margin-right: 10px
}

.demo-dropup .dropup {
    margin-right: 10px
}

.demo-checkbox label,
.demo-radio-button label {
    min-width: 150px
}

.demo-knob-chart div {
    margin-right: 15px
}

.demo-switch .switch {
    display: inline-block;
    min-width: 170px
}

.demo-switch .demo-switch-title {
    min-width: 95px;
    display: inline-block
}

.demo-color-box {
    padding: 15px 0;
    text-align: center;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.demo-color-box .color-name {
    font-size: 16px;
    margin-bottom: 5px
}

.demo-color-box .color-class-name,
.demo-color-box .color-code {
    font-size: 13px
}

.demo-image-copyright {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #777;
    margin: 5px 0 10px 0
}

.demo-image-copyright a {
    font-weight: 700;
    color: #555!important
}

.demo-tagsinput-area {
    margin-bottom: 50px!important
}

.demo-icon-container .demo-google-material-icon {
    margin-bottom: 5px;
    text-align: left
}

.demo-icon-container .demo-google-material-icon .icon-name {
    position: relative;
    top: -8px;
    left: 7px
}

.demo-icon-container .demo-google-material-icon .material-icons {
    width: 24px
}

.demo-preloader .preloader {
    margin-right: 10px
}

.irs-demo {
    margin-bottom: 40px
}

.irs-demo .irs {
    margin-top: 15px
}

.right-sidebar .nav-tabs+.tab-content {
    padding: 0
}

.right-sidebar p {
    margin: 20px 15px 15px 15px;
    font-weight: 700;
    text-align: center
}

.right-sidebar #settings .setting-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px
}

.right-sidebar #settings .setting-list li {
    padding: 15px;
    position: relative;
    border-top: 1px solid #eee
}

.right-sidebar #settings .setting-list li .switch {
    position: absolute;
    top: 15px;
    right: 5px
}

.demo-choose-skin {
    list-style: none;
    padding-left: 0;
    overflow-y: hidden
}

.demo-choose-skin li {
    border-bottom: 1px solid #eee;
    padding: 10px 10px 4px 10px;
    position: relative;
    cursor: pointer
}

.demo-choose-skin li.active {
    background-color: #eee
}

.demo-choose-skin li.active:after {
    font-family: 'Material Icons';
    position: absolute;
    top: 10px;
    right: 10px;
    content: '\E876';
    font-size: 18px;
    font-weight: 700
}

.demo-choose-skin li:hover {
    background-color: #eee
}

.demo-choose-skin li div {
    width: 24px;
    height: 24px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.demo-choose-skin li span {
    position: relative;
    bottom: 7px;
    left: 5px
}

.demo-choose-skin .red {
    background-color: #f44336
}

.demo-choose-skin .pink {
    background-color: #e91e63
}

.demo-choose-skin .purple {
     /* background-color: #904d97 */ 
}

.demo-choose-skin .deep-purple {
    background-color: #673ab7
}

.demo-choose-skin .indigo {
    background-color: #3f51b5
}

.demo-choose-skin .blue {
    background-color: #2196f3
}

.demo-choose-skin .light-blue {
    background-color: #03a9f4
}

.demo-choose-skin .cyan {
    background-color: #00bcd4
}

.demo-choose-skin .teal {
    background-color: #009688
}

.demo-choose-skin .green {
    background-color: #4caf50
}

.demo-choose-skin .light-green {
    background-color: #8bc34a
}

.demo-choose-skin .lime {
    background-color: #cddc39
}

.demo-choose-skin .yellow {
    background-color: #ffe821
}

.demo-choose-skin .amber {
    background-color: #ffc107
}

.demo-choose-skin .orange {
    background-color: #ff9800
}

.demo-choose-skin .deep-orange {
    background-color: #ff5722
}

.demo-choose-skin .brown {
    background-color: #795548
}

.demo-choose-skin .grey {
    background-color: #9e9e9e
}

.demo-choose-skin .blue-grey {
    background-color: #607d8b
}

.demo-choose-skin .black {
    background-color: #000
}

.demo-choose-skin .white {
    background-color: #fff
}

@media (max-width:767px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 35px;
        width: 53%;
        left: 7%;
        position: relative
    }
    .navbar .navbar-header {
        display: inline-block;
        margin-bottom: -6px;
        width: calc(100% + 30px)
    }
    .navbar .nav>li {
        display: inline-block
    }
    .navbar .navbar-nav {
        margin-top: -10px;
        margin-bottom: 1px
    }
    .navbar .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        position: absolute
    }
    .navbar .dropdown-menu {
        margin-left: -50px
    }
    .navbar .js-right-sidebar {
        margin-top: 15px
    }
    .dt-buttons {
        float: none!important;
        text-align: center;
        margin-bottom: 15px
    }
    .panel-switch-btn {
        top: 12px;
        right: 0!important
    }
    .btn.tc-brochure {
        white-space: normal
    }
    .ql-editor {
        line-height: 20px
    }
    .jobs-card table tbody tr td {
        width: 100%;
        float: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 20px
    }
}

@media (min-width:992px) and (max-width:1169px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 20px
    }
}

body {
    background-color: #e9e9e9;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: Roboto, Arial, Tahoma, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

a,
button,
input,
select {
    outline: 0!important;
    letter-spacing: .5px
}

.no-animate {
    -o-transition-property: none!important;
    -moz-transition-property: none!important;
    -ms-transition-property: none!important;
    -webkit-transition-property: none!important;
    transition-property: none!important;
    -o-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    -webkit-animation: none!important;
    -moz-animation: none!important;
    -o-animation: none!important;
    -ms-animation: none!important;
    animation: none!important
}

section.content {
    margin: 100px 15px 0 315px;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.dashboard-flot-chart {
    height: 275px
}

.dashboard-donut-chart {
    height: 265px
}

.dashboard-line-chart {
    height: 250px
}

.dashboard-stat-list {
    list-style: none;
    padding-left: 0;
    margin-top: 40px
}

.dashboard-stat-list li {
    padding: 16px 0 0 0
}

.dashboard-stat-list li small {
    font-size: 8px
}

.dashboard-task-infos .progress {
    height: 10px;
    margin-bottom: 0;
    position: relative;
    top: 6px
}

.btn:focus {
    outline: 0!important
}

.btn-circle {
    border: none;
    outline: 0!important;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.btn-circle i {
    font-size: 18px;
    position: relative;
    left: -1px
}

.btn-link {
    font-weight: 700;
    color: #333;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.btn-link:active,
.btn-link:focus {
    text-decoration: none;
    color: #333
}

.btn-link:hover {
    text-decoration: none;
    color: #333;
    background-color: #ddd
}

.btn-circle-lg {
    border: none;
    outline: 0!important;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    border-radius: 50%!important
}

.btn-circle-lg i {
    font-size: 26px!important;
    position: relative!important;
    left: 0!important;
    top: 6px!important
}

.btn:not(.btn-link):not(.btn-circle):not(.select-search-list-item) {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 15px;
    border: none;
    font-size: 13px;
    outline: 0;
    padding: 5px 10px;
    /*margin: 5px;*/
}

.btn:not(.btn-link):not(.btn-circle):hover {
    outline: 0
}

.btn:not(.btn-link):not(.btn-circle) i {
    font-size: 18px;
    position: relative;
    top: 0px !important;
}

.btn:not(.btn-link):not(.btn-circle) span {
    position: relative;
    top: -2px;
    margin-left:0px;
}

.btn-warning,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #ff9600!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}
.btn-warning1,
.btn-warning1:active,
.btn-warning1:focus,
.btn-warning1:hover{
    background-color: #ff9600!important;
    color: #fff;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #fb483a!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}
.btn-danger1,
.btn-danger1:active,
.btn-danger1:focus,
.btn-danger1:hover{
    background-color: #fb483a!important;
    color:#fff;
}

.btn-info,
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    background-color: #00b0e4!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}
.btn-info1,
.btn-info1:active,
.btn-info1:focus,
.btn-info1:hover {
    background-color: #00b0e4!important;
    color:#fff;
}

.btn-success,
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    background-color: #2b982b!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}
.btn-success1,
.btn-success1:active,
.btn-success1:focus,
.btn-success1:hover{
    background-color: #01ab45;
    color: #fff;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #1f91f3!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}
.btn-primary1,
.btn-primary1:active,
.btn-primary1:focus,
.btn-primary1:hover{
    background-color: #1f91f3!important;
    color: #fff;
}

.btn-default,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    background-color: #fff!important,
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.btn-group,
.btn-group-vertical {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12)
}

.btn-group .btn,
.btn-group-vertical .btn {
    box-shadow: none!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.btn-group .btn .caret,
.btn-group-vertical .btn .caret {
    position: relative;
    bottom: 1px
}

.btn-group .btn-group,
.btn-group-vertical .btn-group {
    box-shadow: none!important
}

.btn-group .btn+.dropdown-toggle,
.btn-group-vertical .btn+.dropdown-toggle {
    border-left: 1px solid rgba(0, 0, 0, .08)!important
}

.bootstrap-tagsinput {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important
}

.noUi-target {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    direction: ltr
}

.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 6px;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .25s, top .25s;
    transition: left .25s, top .25s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px;
    left: 17px
}

.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
    top: 17px
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-origin {
    cursor: not-allowed
}

.noUi-target {
    box-shadow: none;
    border: none
}

.noUi-base {
    height: 15px;
    top: -6px
}

.noUi-background {
    height: 3px;
    top: 6px;
    background-color: #bfbfbf;
    box-shadow: none
}

.noUi-horizontal {
    height: 3px
}

.noUi-connect {
    height: 3px;
    top: 6px;
    background-color: #26a69a;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: none;
    background-color: #26a69a;
    border: none;
    left: -5px;
    top: -6px;
    transition: width .2s cubic-bezier(.215, .61, .355, 1), height .2s cubic-bezier(.215, .61, .355, 1), left .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1)
}

.noUi-handle:after,
.noUi-handle:before {
    content: none
}

.noUi-target .noUi-active.noUi-handle {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.noUi-target .range-label {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    background-color: #26a69a;
    border-radius: 50%;
    transition: border-radius .25s cubic-bezier(.215, .61, .355, 1), transform .25s cubic-bezier(.215, .61, .355, 1);
    transform: scale(.5) rotate(-45deg);
    transform-origin: 50% 100%
}

.noUi-target .noUi-active .range-label {
    border-radius: 15px 15px 15px 0;
    transform: rotate(-45deg) translate(23px, -25px)
}

.range-label span {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    transform: rotate(45deg);
    opacity: 0;
    position: absolute;
    top: 7px;
    left: -1px;
    transition: opacity .25s cubic-bezier(.215, .61, .355, 1)
}

.noUi-active .range-label span {
    opacity: 1
}

.ms-container {
    width: auto!important
}

.ms-container .ms-list {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important
}

.ms-container .ms-list.ms-focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    box-shadow: none!important
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    min-width: 250px!important
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    color: #000!important;
    background-color: #e6e6e6!important
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selectable li.ms-elem-selection,
.ms-container .ms-selection li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    padding: 9px 15px 6px 15px!important
}

.ms-container .ms-optgroup-label {
    padding: 5px 0 0 8px!important
}

.card {
    background: #fff;
    min-height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.card .card-inside-title {
    margin-top: 25px;
    margin-bottom: 15px;
    display: block;
    font-size: 15px;
    color: #000
}

.card .card-inside-title small {
    color: #999;
    display: block;
    font-size: 11px;
    margin-top: 5px
}

.card .card-inside-title small a {
    color: #777;
    font-weight: 700
}

.card .card-inside-title:first-child {
    margin-top: 0
}

.card .bg-amber,
.card .bg-black,
.card .bg-blue,
.card .bg-blue-grey,
.card .bg-brown,
.card .bg-cyan,
.card .bg-deep-orange,
.card .bg-deep-purple,
.card .bg-green,
.card .bg-grey,
.card .bg-indigo,
.card .bg-light-blue,
.card .bg-light-green,
.card .bg-lime,
.card .bg-orange,
.card .bg-pink,
.card .bg-red,
.card .bg-teal,
.card .bg-yellow {
    border-bottom: none!important;
    color: #fff;
}

.card .bg-amber .material-icons,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-black .material-icons,
.card .bg-black h2,
.card .bg-black small,
.card .bg-blue .material-icons,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue-grey .material-icons,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-brown .material-icons,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-cyan .material-icons,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-deep-orange .material-icons,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-purple .material-icons,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-green .material-icons,
.card .bg-green h2,
.card .bg-green small,
.card .bg-grey .material-icons,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-indigo .material-icons,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-light-blue .material-icons,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-green .material-icons,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-lime .material-icons,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-orange .material-icons,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-pink .material-icons,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-purple .material-icons,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-red .material-icons,
.card .bg-red h2,
.card .bg-red small,
.card .bg-teal .material-icons,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-yellow .material-icons,
.card .bg-yellow h2,
.card .bg-yellow small {
    color: #fff;
}

.card .bg-amber .badge,
.card .bg-black .badge,
.card .bg-blue .badge,
.card .bg-blue-grey .badge,
.card .bg-brown .badge,
.card .bg-cyan .badge,
.card .bg-deep-orange .badge,
.card .bg-deep-purple .badge,
.card .bg-green .badge,
.card .bg-grey .badge,
.card .bg-indigo .badge,
.card .bg-light-blue .badge,
.card .bg-light-green .badge,
.card .bg-lime .badge,
.card .bg-orange .badge,
.card .bg-pink .badge,
.card .bg-purple .badge,
.card .bg-red .badge,
.card .bg-teal .badge,
.card .bg-yellow .badge {
    background-color: #fff;
    color: #555
}

.card .header {
    color: #555;
    padding: 20px;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(204, 204, 204, .35)
}

.card .header .header-dropdown {
    float: left;
    list-style: none
}

.top-0 {
    top: 0!important
}

.card .header .header-dropdown .dropdown-menu li {
    display: block!important
}

.card .header .header-dropdown li {
    display: inline-block
}

.card .header .header-dropdown i {
    font-size: 20px;
    color: #999;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.card .header .header-dropdown i:hover {
    color: #000
}

.card .header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #111
}

.card .header h2 small {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
    line-height: 15px
}

.card .header h2 small a {
    font-weight: 700;
    color: #777
}

.card .header .col-xs-12 h2 {
    margin-top: 5px
}

.card .body {
    font-size: 14px;
    color: #555;
    padding: 20px
}

.card .body .col-lg-1,
.card .body .col-md-1,
.card .body .col-sm-1,
.card .body .col-xs-1 {
    margin-bottom: 20px
}

.card .body .col-lg-2,
.card .body .col-md-2,
.card .body .col-sm-2,
.card .body .col-xs-2 {
    margin-bottom: 20px
}

.card .body .col-lg-3,
.card .body .col-md-3,
.card .body .col-sm-3,
.card .body .col-xs-3 {
    margin-bottom: 20px
}

.card .body .col-lg-4,
.card .body .col-md-4,
.card .body .col-sm-4,
.card .body .col-xs-4 {
    margin-bottom: 20px
}

.card .body .col-lg-5,
.card .body .col-md-5,
.card .body .col-sm-5,
.card .body .col-xs-5 {
    margin-bottom: 20px
}

.card .body .col-lg-6,
.card .body .col-md-6,
.card .body .col-sm-6,
.card .body .col-xs-6 {
    margin-bottom: 20px
}

.card .body .col-lg-7,
.card .body .col-md-7,
.card .body .col-sm-7,
.card .body .col-xs-7 {
    margin-bottom: 20px
}

.card .body .col-lg-8,
.card .body .col-md-8,
.card .body .col-sm-8,
.card .body .col-xs-8 {
    margin-bottom: 20px
}

.card .body .col-lg-9,
.card .body .col-md-9,
.card .body .col-sm-9,
.card .body .col-xs-9 {
    margin-bottom: 20px
}

.card .body .col-lg-10,
.card .body .col-md-10,
.card .body .col-sm-10,
.card .body .col-xs-10 {
    margin-bottom: 20px
}

.card .body .col-lg-11,
.card .body .col-md-11,
.card .body .col-sm-11,
.card .body .col-xs-11 {
    margin-bottom: 20px
}

.card .body .col-lg-12,
.card .body .col-md-12,
.card .body .col-sm-12,
.card .body .col-xs-12 {
    margin-bottom: 20px
}

.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, .12);
    width: 80px
}

.info-box .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px
}

.info-box .icon .chart.chart-bar {
    height: 100%;
    line-height: 100px
}

.info-box .icon .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box .icon .chart.chart-pie {
    height: 100%;
    line-height: 123px
}

.info-box .icon .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box .icon .chart.chart-line {
    height: 100%;
    line-height: 115px
}

.info-box .icon .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box .content {
    display: inline-block;
    padding: 7px 10px
}

.info-box .content .text {
    font-size: 13px;
    margin-top: 11px
}

.info-box .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box.hover-zoom-effect .icon {
    overflow: hidden
}

.info-box.hover-zoom-effect .icon i {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.info-box.hover-zoom-effect:hover .icon i {
    opacity: .4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4)
}

.info-box.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, .05);
    content: ".";
    position: absolute;
    left: 80px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all .95s;
    -o-transition: all .95s;
    -webkit-transition: all .95s;
    transition: all .95s
}

.info-box.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-2 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box-2 .icon {
    display: inline-block;
    text-align: center;
    width: 80px
}

.info-box-2 .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px
}

.info-box-2 .chart.chart-bar {
    height: 100%;
    line-height: 105px
}

.info-box-2 .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box-2 .chart.chart-pie {
    height: 100%;
    line-height: 123px
}

.info-box-2 .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box-2 .chart.chart-line {
    height: 100%;
    line-height: 115px
}

.info-box-2 .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box-2 .content {
    display: inline-block;
    padding: 7px 10px
}

.info-box-2 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box-2 .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box-2.hover-zoom-effect .icon {
    overflow: hidden
}

.info-box-2.hover-zoom-effect .icon i {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.info-box-2.hover-zoom-effect:hover .icon i {
    opacity: .4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4)
}

.info-box-2.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, .05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all .95s;
    -o-transition: all .95s;
    -webkit-transition: all .95s;
    transition: all .95s
}

.info-box-2.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box-3 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center
}

.info-box-3 .icon i {
    color: rgba(0, 0, 0, .15);
    font-size: 60px
}

.info-box-3 .chart {
    margin-right: 5px
}

.info-box-3 .chart.chart-bar {
    height: 100%;
    line-height: 50px
}

.info-box-3 .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box-3 .chart.chart-pie {
    height: 100%;
    line-height: 34px
}

.info-box-3 .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box-3 .chart.chart-line {
    height: 100%;
    line-height: 40px
}

.info-box-3 .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box-3 .content {
    display: inline-block;
    padding: 7px 16px
}

.info-box-3 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box-3 .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box-3.hover-zoom-effect .icon i {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.info-box-3.hover-zoom-effect:hover .icon i {
    opacity: .4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4)
}

.info-box-3.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, .05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all .95s;
    -o-transition: all .95s;
    -webkit-transition: all .95s;
    transition: all .95s
}

.info-box-3.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-4 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box-4 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center
}

.info-box-4 .icon i {
    color: rgba(0, 0, 0, .15);
    font-size: 60px
}

.info-box-4 .chart {
    margin-right: 5px
}

.info-box-4 .chart.chart-bar {
    height: 100%;
    line-height: 50px
}

.info-box-4 .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box-4 .chart.chart-pie {
    height: 100%;
    line-height: 34px
}

.info-box-4 .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box-4 .chart.chart-line {
    height: 100%;
    line-height: 40px
}

.info-box-4 .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box-4 .content {
    display: inline-block;
    padding: 7px 16px
}

.info-box-4 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box-4 .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box-4.hover-zoom-effect .icon i {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.info-box-4.hover-zoom-effect:hover .icon i {
    opacity: .4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4)
}

.info-box-4.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, .05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all .95s;
    -o-transition: all .95s;
    -webkit-transition: all .95s;
    transition: all .95s
}

.info-box-4.hover-expand-effect:hover:after {
    width: 100%
}

.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff!important
}

.alert .alert-link {
    color: #fff;
    text-decoration: underline;
    font-weight: 700
}

.alert-success {
    background-color: #2b982b
}

.alert-info {
    background-color: #00b0e4
}

.alert-warning {
    background-color: #ff9600!important
}

.alert-danger {
    background-color: #fb483a!important
}

.alert-dismissible .close {
    color: #fff;
    opacity: 1;
    border: none;
    text-shadow: none
}

.sweet-alert {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important
}


.sweet-alert .sa-input-error {
    top: 23px!important;
    right: 13px!important
}

.sweet-alert h2 {
    font-size: 18px!important;
    margin: 0 0 5px 0!important
}

.sweet-alert button {
    font-size: 15px!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important;
    padding: 5px 20px!important
}

[type=checkbox]+label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: 400
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px
}

[type=checkbox]:checked.chk-col-red+label:before {
    border-right: 2px solid #f44336;
    border-bottom: 2px solid #f44336
}

[type=checkbox]:checked.chk-col-pink+label:before {
    border-right: 2px solid #e91e63;
    border-bottom: 2px solid #e91e63
}

[type=checkbox]:checked.chk-col-purple+label:before {
    /* border-right: 2px solid #904d97;
    border-bottom: 2px solid #904d97 */
}

[type=checkbox]:checked.chk-col-deep-purple+label:before {
    border-right: 2px solid #673ab7;
    border-bottom: 2px solid #673ab7
}

[type=checkbox]:checked.chk-col-indigo+label:before {
    border-right: 2px solid #3f51b5;
    border-bottom: 2px solid #3f51b5
}

[type=checkbox]:checked.chk-col-blue+label:before {
    border-right: 2px solid #2196f3;
    border-bottom: 2px solid #2196f3
}

[type=checkbox]:checked.chk-col-light-blue+label:before {
    border-right: 2px solid #03a9f4;
    border-bottom: 2px solid #03a9f4
}

[type=checkbox]:checked.chk-col-cyan+label:before {
    border-right: 2px solid #00bcd4;
    border-bottom: 2px solid #00bcd4
}

[type=checkbox]:checked.chk-col-teal+label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688
}

[type=checkbox]:checked.chk-col-green+label:before {
    border-right: 2px solid #4caf50;
    border-bottom: 2px solid #4caf50
}

[type=checkbox]:checked.chk-col-light-green+label:before {
    border-right: 2px solid #8bc34a;
    border-bottom: 2px solid #8bc34a
}

[type=checkbox]:checked.chk-col-lime+label:before {
    border-right: 2px solid #cddc39;
    border-bottom: 2px solid #cddc39
}

[type=checkbox]:checked.chk-col-yellow+label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821
}

[type=checkbox]:checked.chk-col-amber+label:before {
    border-right: 2px solid #ffc107;
    border-bottom: 2px solid #ffc107
}

[type=checkbox]:checked.chk-col-orange+label:before {
    border-right: 2px solid #ff9800;
    border-bottom: 2px solid #ff9800
}

[type=checkbox]:checked.chk-col-deep-orange+label:before {
    border-right: 2px solid #ff5722;
    border-bottom: 2px solid #ff5722
}

[type=checkbox]:checked.chk-col-brown+label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548
}

[type=checkbox]:checked.chk-col-grey+label:before {
    border-right: 2px solid #9e9e9e;
    border-bottom: 2px solid #9e9e9e
}

[type=checkbox]:checked.chk-col-blue-grey+label:before {
    border-right: 2px solid #607d8b;
    border-bottom: 2px solid #607d8b
}

[type=checkbox]:checked.chk-col-black+label:before {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

[type=checkbox]:checked.chk-col-white+label:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

[type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important
}

[type=checkbox].filled-in:checked.chk-col-red+label:after {
    border: 2px solid #f44336;
    background-color: #f44336
}

[type=checkbox].filled-in:checked.chk-col-pink+label:after {
    border: 2px solid #e91e63;
    background-color: #e91e63
}

[type=checkbox].filled-in:checked.chk-col-purple+label:after {
    /* border: 2px solid #904d97; */
    /* background-color: #904d97 */
}

[type=checkbox].filled-in:checked.chk-col-deep-purple+label:after {
    border: 2px solid #673ab7;
    background-color: #673ab7
}

[type=checkbox].filled-in:checked.chk-col-indigo+label:after {
    border: 2px solid #3f51b5;
    background-color: #3f51b5
}

[type=checkbox].filled-in:checked.chk-col-blue+label:after {
    border: 2px solid #2196f3;
    background-color: #2196f3
}

[type=checkbox].filled-in:checked.chk-col-light-blue+label:after {
    border: 2px solid #03a9f4;
    background-color: #03a9f4
}

[type=checkbox].filled-in:checked.chk-col-cyan+label:after {
    border: 2px solid #00bcd4;
    background-color: #00bcd4
}

[type=checkbox].filled-in:checked.chk-col-teal+label:after {
    border: 2px solid #009688;
    background-color: #009688
}

[type=checkbox].filled-in:checked.chk-col-green+label:after {
    border: 2px solid #4caf50;
    background-color: #4caf50
}
[type=checkbox].filled-in:checked.chk-col-violet+label:after {
    border: 2px solid #00868b;
    background-color: #00868b
}

[type=checkbox].filled-in:checked.chk-col-light-green+label:after {
    border: 2px solid #8bc34a;
    background-color: #8bc34a
}

[type=checkbox].filled-in:checked.chk-col-lime+label:after {
    border: 2px solid #cddc39;
    background-color: #cddc39
}

[type=checkbox].filled-in:checked.chk-col-yellow+label:after {
    border: 2px solid #000 !important;
    background-color: #000 !important;
}

[type=checkbox].filled-in:checked.chk-col-amber+label:after {
    border: 2px solid #ffc107;
    background-color: #ffc107
}

[type=checkbox].filled-in:checked.chk-col-orange+label:after {
    border: 2px solid #ff9800;
    background-color: #ff9800
}

[type=checkbox].filled-in:checked.chk-col-deep-orange+label:after {
    border: 2px solid #ff5722;
    background-color: #ff5722
}

[type=checkbox].filled-in:checked.chk-col-brown+label:after {
    border: 2px solid #795548;
    background-color: #795548
}

[type=checkbox].filled-in:checked.chk-col-grey+label:after {
    border: 2px solid #9e9e9e;
    background-color: #9e9e9e
}

[type=checkbox].filled-in:checked.chk-col-blue-grey+label:after {
    border: 2px solid #607d8b;
    background-color: #607d8b
}

[type=checkbox].filled-in:checked.chk-col-black+label:after {
    border: 2px solid #000;
    background-color: #000
}

[type=checkbox].filled-in:checked.chk-col-white+label:after {
    border: 2px solid #fff;
    background-color: #fff
}

[type=radio]:not(:checked)+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400
}

[type=radio]:checked+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400
}

[type=radio].radio-col-red:checked+label:after {
    background-color: #f44336;
    border-color: #f44336
}

[type=radio].radio-col-pink:checked+label:after {
    background-color: #e91e63;
    border-color: #e91e63
}

[type=radio].radio-col-purple:checked+label:after {
    /* background-color: #904d97 */
    /* border-color: #904d97 */
}

[type=radio].radio-col-deep-purple:checked+label:after {
    background-color: #673ab7;
    border-color: #673ab7
}

[type=radio].radio-col-indigo:checked+label:after {
    background-color: #3f51b5;
    border-color: #3f51b5
}

[type=radio].radio-col-blue:checked+label:after {
    background-color: #2196f3;
    border-color: #2196f3
}

[type=radio].radio-col-light-blue:checked+label:after {
    background-color: #03a9f4;
    border-color: #03a9f4
}

[type=radio].radio-col-cyan:checked+label:after {
    background-color: #00bcd4;
    border-color: #00bcd4
}

[type=radio].radio-col-teal:checked+label:after {
    background-color: #009688;
    border-color: #009688
}

[type=radio].radio-col-green:checked+label:after {
    background-color: #4caf50;
    border-color: #4caf50
}
[type=radio].radio-col-violet:checked+label:after {
    background-color: #00868b;
    border-color: #00868b
}

[type=radio].radio-col-light-green:checked+label:after {
    background-color: #8bc34a;
    border-color: #8bc34a
}

[type=radio].radio-col-lime:checked+label:after {
    background-color: #cddc39;
    border-color: #cddc39
}

[type=radio].radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border-color: #ffe821
}

[type=radio].radio-col-amber:checked+label:after {
    background-color: #ffc107;
    border-color: #ffc107
}

[type=radio].radio-col-orange:checked+label:after {
    background-color: #ff9800;
    border-color: #ff9800
}

[type=radio].radio-col-deep-orange:checked+label:after {
    background-color: #ff5722;
    border-color: #ff5722
}

[type=radio].radio-col-brown:checked+label:after {
    background-color: #795548;
    border-color: #795548
}

[type=radio].radio-col-grey:checked+label:after {
    background-color: #9e9e9e;
    border-color: #9e9e9e
}

[type=radio].radio-col-blue-grey:checked+label:after {
    background-color: #607d8b;
    border-color: #607d8b
}

[type=radio].radio-col-black:checked+label:after {
    background-color: #000;
    border-color: #000
}

[type=radio].radio-col-white:checked+label:after {
    background-color: #fff;
    border-color: #fff
}

[type=radio].with-gap.radio-col-red:checked+label:before {
    border: 2px solid #f44336
}

[type=radio].with-gap.radio-col-red:checked+label:after {
    background-color: #f44336;
    border: 2px solid #f44336
}

[type=radio].with-gap.radio-col-pink:checked+label:before {
    border: 2px solid #e91e63
}

[type=radio].with-gap.radio-col-pink:checked+label:after {
    background-color: #e91e63;
    border: 2px solid #e91e63
}

[type=radio].with-gap.radio-col-purple:checked+label:before {
    /* border: 2px solid #904d97 */
}

[type=radio].with-gap.radio-col-purple:checked+label:after {
    /* background-color: #904d97 */
    /* border: 2px solid #904d97 */
}

[type=radio].with-gap.radio-col-deep-purple:checked+label:before {
    border: 2px solid #673ab7
}

[type=radio].with-gap.radio-col-deep-purple:checked+label:after {
    background-color: #673ab7;
    border: 2px solid #673ab7
}

[type=radio].with-gap.radio-col-indigo:checked+label:before {
    border: 2px solid #3f51b5
}

[type=radio].with-gap.radio-col-indigo:checked+label:after {
    background-color: #3f51b5;
    border: 2px solid #3f51b5
}

[type=radio].with-gap.radio-col-blue:checked+label:before {
    border: 2px solid #2196f3
}

[type=radio].with-gap.radio-col-blue:checked+label:after {
    background-color: #2196f3;
    border: 2px solid #2196f3
}
[type=radio].with-gap.radio-col-t-blue:checked+label:before {
    border: 2px solid #00868b
}

[type=radio].with-gap.radio-col-t-blue:checked+label:after {
    background-color: #00868b;
    border: 2px solid #00868b
}

[type=radio].with-gap.radio-col-light-blue:checked+label:before {
    border: 2px solid #03a9f4
}

[type=radio].with-gap.radio-col-light-blue:checked+label:after {
    background-color: #03a9f4;
    border: 2px solid #03a9f4
}

[type=radio].with-gap.radio-col-cyan:checked+label:before {
    border: 2px solid #00bcd4
}

[type=radio].with-gap.radio-col-cyan:checked+label:after {
    background-color: #00bcd4;
    border: 2px solid #00bcd4
}

[type=radio].with-gap.radio-col-teal:checked+label:before {
    border: 2px solid #009688
}

[type=radio].with-gap.radio-col-teal:checked+label:after {
    background-color: #009688;
    border: 2px solid #009688
}

[type=radio].with-gap.radio-col-green:checked+label:before {
    border: 2px solid #4caf50
}

[type=radio].with-gap.radio-col-green:checked+label:after {
    background-color: #4caf50;
    border: 2px solid #4caf50
}

[type=radio].with-gap.radio-col-light-green:checked+label:before {
    border: 2px solid #8bc34a
}

[type=radio].with-gap.radio-col-light-green:checked+label:after {
    background-color: #8bc34a;
    border: 2px solid #8bc34a
}

[type=radio].with-gap.radio-col-lime:checked+label:before {
    border: 2px solid #cddc39
}

[type=radio].with-gap.radio-col-lime:checked+label:after {
    background-color: #cddc39;
    border: 2px solid #cddc39
}

[type=radio].with-gap.radio-col-yellow:checked+label:before {
    border: 2px solid #ffe821
}

[type=radio].with-gap.radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821
}

[type=radio].with-gap.radio-col-amber:checked+label:before {
    border: 2px solid #ffc107
}

[type=radio].with-gap.radio-col-amber:checked+label:after {
    background-color: #ffc107;
    border: 2px solid #ffc107
}

[type=radio].with-gap.radio-col-orange:checked+label:before {
    border: 2px solid #ff9800
}

[type=radio].with-gap.radio-col-orange:checked+label:after {
    background-color: #ff9800;
    border: 2px solid #ff9800
}

[type=radio].with-gap.radio-col-deep-orange:checked+label:before {
    border: 2px solid #ff5722
}

[type=radio].with-gap.radio-col-deep-orange:checked+label:after {
    background-color: #ff5722;
    border: 2px solid #ff5722
}

[type=radio].with-gap.radio-col-brown:checked+label:before {
    border: 2px solid #795548
}

[type=radio].with-gap.radio-col-brown:checked+label:after {
    background-color: #795548;
    border: 2px solid #795548
}

[type=radio].with-gap.radio-col-grey:checked+label:before {
    border: 2px solid #9e9e9e
}

[type=radio].with-gap.radio-col-grey:checked+label:after {
    background-color: #9e9e9e;
    border: 2px solid #9e9e9e
}

[type=radio].with-gap.radio-col-blue-grey:checked+label:before {
    border: 2px solid #607d8b
}

[type=radio].with-gap.radio-col-blue-grey:checked+label:after {
    background-color: #607d8b;
    border: 2px solid #607d8b
}

[type=radio].with-gap.radio-col-black:checked+label:before {
    border: 2px solid #000
}

[type=radio].with-gap.radio-col-black:checked+label:after {
    background-color: #000;
    border: 2px solid #000
}

[type=radio].with-gap.radio-col-white:checked+label:before {
    border: 2px solid #fff
}

[type=radio].with-gap.radio-col-white:checked+label:after {
    background-color: #fff;
    border: 2px solid #fff
}

.switch label {
    font-weight: 400;
    font-size: 13px
}

.switch label .lever {
    margin: 0 14px
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(244, 67, 54, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red {
    background-color: rgba(244, 67, 54, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red:after {
    background-color: #f44336
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(233, 30, 99, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink {
    background-color: rgba(233, 30, 99, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after {
    background-color: #e91e63
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(156, 39, 176, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple {
    background-color: #b377ba
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after {
    /* background-color: #904d97 */
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-purple:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(103, 58, 183, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple {
    background-color: rgba(103, 58, 183, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after {
    background-color: #673ab7
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(63, 81, 181, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
    background-color: rgba(63, 81, 181, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
    background-color: #3f51b5
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(33, 150, 243, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue {
    background-color: rgba(33, 150, 243, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after {
    background-color: #2196f3
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-blue:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(3, 169, 244, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue {
    background-color: rgba(3, 169, 244, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after {
    background-color: #03a9f4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 188, 212, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan {
    background-color: rgba(0, 188, 212, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after {
    background-color: #00bcd4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 150, 136, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal {
    background-color: rgba(0, 150, 136, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after {
    background-color: #009688
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(76, 175, 80, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green {
    background-color: rgba(76, 175, 80, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green:after {
    background-color: #4caf50
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-green:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(139, 195, 74, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-green {
    background-color: rgba(139, 195, 74, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after {
    background-color: #8bc34a
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-lime:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(205, 220, 57, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-lime {
    background-color: rgba(205, 220, 57, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after {
    background-color: #cddc39
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(255, 232, 33, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow {
    background-color: rgba(255, 232, 33, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after {
    background-color: #ffe821
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-amber:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(255, 193, 7, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-amber {
    background-color: rgba(255, 193, 7, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after {
    background-color: #ffc107
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(255, 152, 0, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange {
    background-color: rgba(255, 152, 0, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after {
    background-color: #ff9800
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(255, 87, 34, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange {
    background-color: rgba(255, 87, 34, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after {
    background-color: #ff5722
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(121, 85, 72, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown {
    background-color: rgba(121, 85, 72, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after {
    background-color: #795548
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(158, 158, 158, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey {
    background-color: rgba(158, 158, 158, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after {
    background-color: #9e9e9e
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue-grey:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(96, 125, 139, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey {
    background-color: rgba(96, 125, 139, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after {
    background-color: #607d8b
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black {
    background-color: rgba(0, 0, 0, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black:after {
    background-color: #000
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(255, 255, 255, .1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white {
    background-color: rgba(255, 255, 255, .5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white:after {
    background-color: #fff
}

.dtp div.dtp-date,
.dtp div.dtp-time {
    background: #007d72
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    background: #009688
}

.dtp .dtp-buttons .dtp-btn-ok {
    margin-left: 10px
}

.dtp .dtp-buttons .dtp-btn-clear {
    margin-right: 10px!important
}

.dtp .p10>a {
    color: #fff
}

.dtp div.dtp-actual-year {
    font-size: 1.5em;
    color: #fff
}

.dtp table.dtp-picker-days tr td a.selected {
    background: #007d72;
    color: #fff
}

.bootstrap-select {
    box-shadow: none!important;
    border-bottom: 1px solid transparent!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus {
    outline: 0!important
}

.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton,
.bootstrap-select .bs-searchbox {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #e9e9e9
}

.bootstrap-select .bs-actionsbox .form-control,
.bootstrap-select .bs-donebutton .form-control,
.bootstrap-select .bs-searchbox .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    box-shadow: none!important;
    border: none;
    margin-left: 30px
}

.bootstrap-select .bs-searchbox {
    position: relative
}

.bootstrap-select .bs-searchbox:after {
    content: '\E8B6';
    font-family: 'Material Icons';
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 25px
}

.bootstrap-select ul.dropdown-menu {
    margin-top: 0!important
}

.bootstrap-select .dropdown-menu li.selected a {
    background-color: #eee!important;
    color: #555!important
}

.bootstrap-select .dropdown-menu .active a {
    background-color: transparent;
    color: #333!important
}

.bootstrap-select .dropdown-menu .notify {
    background-color: #f44336!important;
    color: #fff!important;
    border: none!important
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 9px
}

.tooltip {
    font-size: 13px
}

.tooltip .tooltip-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .08)
}

.popover .popover-title {
    font-weight: 700;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #e9e9e9;
    border-bottom: 1px solid #ddd
}

.popover .popover-content {
    font-size: 13px;
    color: #777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs>li {
    position: relative;
    top: 3px;
    left: -2px
}

.nav-tabs>li>a {
    border: none!important;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.nav-tabs>li>a:active,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: transparent!important
}

.nav-tabs>li>a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #2196f3;
    bottom: 2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: .1s ease-in;
    -o-transition: .1s ease-in;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.nav-tabs>li>a .material-icons {
    position: relative;
    top: 7px;
    margin-bottom: 8px
}

.nav-tabs li.active a {
    color: #222
}

.nav-tabs li.active a:active,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    background-color: transparent!important
}

.nav-tabs li.active a:before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nav-tabs+.tab-content {
    padding: 15px 0
}

.nav-tabs.tab-col-red>li>a:before {
    border-bottom: 2px solid #f44336
}

.nav-tabs.tab-col-pink>li>a:before {
    border-bottom: 2px solid #e91e63
}

.nav-tabs.tab-col-purple>li>a:before {
    /* border-bottom: 2px solid #904d97 */
}

.nav-tabs.tab-col-deep-purple>li>a:before {
    border-bottom: 2px solid #673ab7
}

.nav-tabs.tab-col-indigo>li>a:before {
    border-bottom: 2px solid #3f51b5
}

.nav-tabs.tab-col-blue>li>a:before {
    border-bottom: 2px solid #2196f3
}

.nav-tabs.tab-col-light-blue>li>a:before {
    border-bottom: 2px solid #03a9f4
}

.nav-tabs.tab-col-cyan>li>a:before {
    border-bottom: 2px solid #00bcd4
}

.nav-tabs.tab-col-teal>li>a:before {
    border-bottom: 2px solid #009688
}

.nav-tabs.tab-col-green>li>a:before {
    border-bottom: 2px solid #4caf50
}

.nav-tabs.tab-col-light-green>li>a:before {
    border-bottom: 2px solid #8bc34a
}

.nav-tabs.tab-col-lime>li>a:before {
    border-bottom: 2px solid #cddc39
}

.nav-tabs.tab-col-yellow>li>a:before {
    border-bottom: 2px solid #ffe821
}

.nav-tabs.tab-col-amber>li>a:before {
    border-bottom: 2px solid #ffc107
}

.nav-tabs.tab-col-orange>li>a:before {
    border-bottom: 2px solid #ff9800
}

.nav-tabs.tab-col-deep-orange>li>a:before {
    border-bottom: 2px solid #ff5722
}

.nav-tabs.tab-col-brown>li>a:before {
    border-bottom: 2px solid #795548
}

.nav-tabs.tab-col-grey>li>a:before {
    border-bottom: 2px solid #9e9e9e
}

.nav-tabs.tab-col-blue-grey>li>a:before {
    border-bottom: 2px solid #607d8b
}

.nav-tabs.tab-col-black>li>a:before {
    border-bottom: 2px solid #000
}

.nav-tabs.tab-col-white>li>a:before {
    border-bottom: 2px solid #fff
}

.thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.thumbnail p:not(button) {
    color: #999;
    font-size: 14px
}

.thumbnail h3 {
    font-weight: 700;
    font-size: 17px
}

.modal .modal-header {
    border: none;
    padding: 25px 25px 5px 25px
}

.modal .modal-header .modal-title {
    font-weight: 700;
    font-size: 16px
}

.modal .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .31)!important;
    border: none
}

.modal .modal-content .modal-body {
    color: #777;
    padding: 15px 25px
}

.modal .modal-footer {
    border: none
}

.modal-col-red {
    background-color: #f44336
}

.modal-col-red .modal-body,
.modal-col-red .modal-title {
    color: #fff!important
}

.modal-col-red .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-red .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-red .modal-footer .btn-link:active,
.modal-col-red .modal-footer .btn-link:focus,
.modal-col-red .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-pink {
    background-color: #e91e63
}

.modal-col-pink .modal-body,
.modal-col-pink .modal-title {
    color: #fff!important
}

.modal-col-pink .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-pink .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-pink .modal-footer .btn-link:active,
.modal-col-pink .modal-footer .btn-link:focus,
.modal-col-pink .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-purple {
    /* background-color: #904d97 */
}

.modal-col-purple .modal-body,
.modal-col-purple .modal-title {
    color: #fff!important
}

.modal-col-purple .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-purple .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-purple .modal-footer .btn-link:active,
.modal-col-purple .modal-footer .btn-link:focus,
.modal-col-purple .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-deep-purple {
    background-color: #673ab7
}

.modal-col-deep-purple .modal-body,
.modal-col-deep-purple .modal-title {
    color: #fff!important
}

.modal-col-deep-purple .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-deep-purple .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-deep-purple .modal-footer .btn-link:active,
.modal-col-deep-purple .modal-footer .btn-link:focus,
.modal-col-deep-purple .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-indigo {
    background-color: #3f51b5
}

.modal-col-indigo .modal-body,
.modal-col-indigo .modal-title {
    color: #fff!important
}

.modal-col-indigo .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-indigo .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-indigo .modal-footer .btn-link:active,
.modal-col-indigo .modal-footer .btn-link:focus,
.modal-col-indigo .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-blue {
    background-color: #2196f3
}

.modal-col-blue .modal-body,
.modal-col-blue .modal-title {
    color: #fff!important
}

.modal-col-blue .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-blue .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-blue .modal-footer .btn-link:active,
.modal-col-blue .modal-footer .btn-link:focus,
.modal-col-blue .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-light-blue {
    background-color: #03a9f4
}

.modal-col-light-blue .modal-body,
.modal-col-light-blue .modal-title {
    color: #fff!important
}

.modal-col-light-blue .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-light-blue .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-light-blue .modal-footer .btn-link:active,
.modal-col-light-blue .modal-footer .btn-link:focus,
.modal-col-light-blue .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-cyan {
    background-color: #00bcd4
}

.modal-col-cyan .modal-body,
.modal-col-cyan .modal-title {
    color: #fff!important
}

.modal-col-cyan .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-cyan .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-cyan .modal-footer .btn-link:active,
.modal-col-cyan .modal-footer .btn-link:focus,
.modal-col-cyan .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-teal {
    background-color: #009688
}

.modal-col-teal .modal-body,
.modal-col-teal .modal-title {
    color: #fff!important
}

.modal-col-teal .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-teal .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-teal .modal-footer .btn-link:active,
.modal-col-teal .modal-footer .btn-link:focus,
.modal-col-teal .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-green {
    background-color: #4caf50
}

.modal-col-green .modal-body,
.modal-col-green .modal-title {
    color: #fff!important
}

.modal-col-green .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-green .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-green .modal-footer .btn-link:active,
.modal-col-green .modal-footer .btn-link:focus,
.modal-col-green .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-light-green {
    background-color: #8bc34a
}

.modal-col-light-green .modal-body,
.modal-col-light-green .modal-title {
    color: #fff!important
}

.modal-col-light-green .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-light-green .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-light-green .modal-footer .btn-link:active,
.modal-col-light-green .modal-footer .btn-link:focus,
.modal-col-light-green .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-lime {
    background-color: #cddc39
}

.modal-col-lime .modal-body,
.modal-col-lime .modal-title {
    color: #fff!important
}

.modal-col-lime .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-lime .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-lime .modal-footer .btn-link:active,
.modal-col-lime .modal-footer .btn-link:focus,
.modal-col-lime .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-yellow {
    background-color: #ffe821
}

.modal-col-yellow .modal-body,
.modal-col-yellow .modal-title {
    color: #fff!important
}

.modal-col-yellow .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-yellow .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-yellow .modal-footer .btn-link:active,
.modal-col-yellow .modal-footer .btn-link:focus,
.modal-col-yellow .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-amber {
    background-color: #ffc107
}

.modal-col-amber .modal-body,
.modal-col-amber .modal-title {
    color: #fff!important
}

.modal-col-amber .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-amber .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-amber .modal-footer .btn-link:active,
.modal-col-amber .modal-footer .btn-link:focus,
.modal-col-amber .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-orange {
    background-color: #ff9800
}

.modal-col-orange .modal-body,
.modal-col-orange .modal-title {
    color: #fff!important
}

.modal-col-orange .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-orange .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-orange .modal-footer .btn-link:active,
.modal-col-orange .modal-footer .btn-link:focus,
.modal-col-orange .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-deep-orange {
    background-color: #ff5722
}

.modal-col-deep-orange .modal-body,
.modal-col-deep-orange .modal-title {
    color: #fff!important
}

.modal-col-deep-orange .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-deep-orange .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-deep-orange .modal-footer .btn-link:active,
.modal-col-deep-orange .modal-footer .btn-link:focus,
.modal-col-deep-orange .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-brown {
    background-color: #795548
}

.modal-col-brown .modal-body,
.modal-col-brown .modal-title {
    color: #fff!important
}

.modal-col-brown .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-brown .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-brown .modal-footer .btn-link:active,
.modal-col-brown .modal-footer .btn-link:focus,
.modal-col-brown .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-grey {
    background-color: #9e9e9e
}

.modal-col-grey .modal-body,
.modal-col-grey .modal-title {
    color: #fff!important
}

.modal-col-grey .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-grey .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-grey .modal-footer .btn-link:active,
.modal-col-grey .modal-footer .btn-link:focus,
.modal-col-grey .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-blue-grey {
    background-color: #607d8b
}

.modal-col-blue-grey .modal-body,
.modal-col-blue-grey .modal-title {
    color: #fff!important
}

.modal-col-blue-grey .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-blue-grey .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-blue-grey .modal-footer .btn-link:active,
.modal-col-blue-grey .modal-footer .btn-link:focus,
.modal-col-blue-grey .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-black {
    background-color: #000
}

.modal-col-black .modal-body,
.modal-col-black .modal-title {
    color: #fff!important
}

.modal-col-black .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-black .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-black .modal-footer .btn-link:active,
.modal-col-black .modal-footer .btn-link:focus,
.modal-col-black .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-white {
    background-color: #fff
}

.modal-col-white .modal-body,
.modal-col-white .modal-title {
    color: #fff!important
}

.modal-col-white .modal-footer {
    background-color: rgba(0, 0, 0, .12)
}

.modal-col-white .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-white .modal-footer .btn-link:active,
.modal-col-white .modal-footer .btn-link:focus,
.modal-col-white .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .12)
}

.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.label-primary {
    background-color: #1f91f3
}

.label-success {
    background-color: #2b982b
}

.label-info {
    background-color: #00b0e4
}

.label-warning {
    background-color: #ff9600
}

.label-danger {
    background-color: #fb483a
}

.collapse .well,
.collapse.in .well,
.collapsing .well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0
}

.table tbody tr td,
.table tbody tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.table tbody tr.primary td,
.table tbody tr.primary th {
    background-color: #1f91f3;
    color: #fff
}

.table tbody tr.success td,
.table tbody tr.success th {
    background-color: #2b982b;
    color: #fff
}

.table tbody tr.info td,
.table tbody tr.info th {
    background-color: #00b0e4;
    color: #fff
}

.table tbody tr.warning td,
.table tbody tr.warning th {
    background-color: #ff9600;
    color: #fff
}

.table tbody tr.danger td,
.table tbody tr.danger th {
    background-color: #fb483a;
    color: #fff
}

.table thead tr th {
    padding: 10px;
    border-bottom: 1px solid #eee
}

.table-bordered {
    border-top: 1px solid #eee !important;
}

.table-bordered tbody tr td,
.table-bordered tbody tr th {
    padding: 10px;
    border: 1px solid #eee
}

.table-bordered thead tr th {
    padding: 10px;
    border: 1px solid #eee
}

.panel-group .panel-col-red {
    border: 1px solid #f44336
}

.panel-group .panel-col-red .panel-title {
    background-color: #f44336!important;
    color: #fff
}

.panel-group .panel-col-red .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-pink {
    border: 1px solid #e91e63
}

.panel-group .panel-col-pink .panel-title {
    background-color: #e91e63!important;
    color: #fff
}

.panel-group .panel-col-pink .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-purple {
    /* border: 1px solid #904d97 */
}

.panel-group .panel-col-purple .panel-title {
    /* background-color: #904d97 !important;*/
    color: #fff
}

.panel-group .panel-col-purple .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-deep-purple {
    border: 1px solid #673ab7
}

.panel-group .panel-col-deep-purple .panel-title {
    background-color: #673ab7!important;
    color: #fff
}

.panel-group .panel-col-deep-purple .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-indigo {
    border: 1px solid #3f51b5
}

.panel-group .panel-col-indigo .panel-title {
    background-color: #3f51b5!important;
    color: #fff
}

.panel-group .panel-col-indigo .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-blue {
    border: 1px solid #2196f3
}

.panel-group .panel-col-blue .panel-title {
    background-color: #2196f3!important;
    color: #fff
}

.panel-group .panel-col-blue .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-light-blue {
    border: 1px solid #03a9f4
}

.panel-group .panel-col-light-blue .panel-title {
    background-color: #03a9f4!important;
    color: #fff
}

.panel-group .panel-col-light-blue .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-cyan {
    border: 1px solid #00bcd4
}

.panel-group .panel-col-cyan .panel-title {
    background-color: #00bcd4!important;
    color: #fff
}

.panel-group .panel-col-cyan .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-teal {
    border: 1px solid #009688
}

.panel-group .panel-col-teal .panel-title {
    background-color: #009688!important;
    color: #fff
}

.panel-group .panel-col-teal .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-green {
    border: 1px solid #4caf50
}

.panel-group .panel-col-green .panel-title {
    background-color: #4caf50!important;
    color: #fff
}

.panel-group .panel-col-green .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-light-green {
    border: 1px solid #8bc34a
}

.panel-group .panel-col-light-green .panel-title {
    background-color: #8bc34a!important;
    color: #fff
}

.panel-group .panel-col-light-green .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-lime {
    border: 1px solid #cddc39
}

.panel-group .panel-col-lime .panel-title {
    background-color: #cddc39!important;
    color: #fff
}

.panel-group .panel-col-lime .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-yellow {
    border: 1px solid #ffe821
}

.panel-group .panel-col-yellow .panel-title {
    background-color: #ffe821!important;
    color: #fff
}

.panel-group .panel-col-yellow .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-amber {
    border: 1px solid #ffc107
}

.panel-group .panel-col-amber .panel-title {
    background-color: #ffc107!important;
    color: #fff
}

.panel-group .panel-col-amber .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-orange {
    border: 1px solid #ff9800
}

.panel-group .panel-col-orange .panel-title {
    background-color: #ff9800!important;
    color: #fff
}

.panel-group .panel-col-orange .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-deep-orange {
    border: 1px solid #ff5722
}

.panel-group .panel-col-deep-orange .panel-title {
    background-color: #ff5722!important;
    color: #fff
}

.panel-group .panel-col-deep-orange .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-brown {
    border: 1px solid #795548
}

.panel-group .panel-col-brown .panel-title {
    background-color: #795548!important;
    color: #fff
}

.panel-group .panel-col-brown .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-grey {
    border: 1px solid #9e9e9e
}

.panel-group .panel-col-grey .panel-title {
    background-color: #9e9e9e!important;
    color: #fff
}

.panel-group .panel-col-grey .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-blue-grey {
    border: 1px solid #607d8b
}

.panel-group .panel-col-blue-grey .panel-title {
    background-color: #607d8b!important;
    color: #fff
}

.panel-group .panel-col-blue-grey .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-black {
    border: 1px solid #000
}

.panel-group .panel-col-black .panel-title {
    background-color: #000!important;
    color: #fff
}

.panel-group .panel-col-black .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-white {
    border: 1px solid #fff
}

.panel-group .panel-col-white .panel-title {
    background-color: #fff!important;
    color: #fff
}

.panel-group .panel-col-white .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.panel-group .panel .panel-title .material-icons {
    float: left;
    line-height: 16px;
    margin-right: 8px
}

.panel-group .panel .panel-heading {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.panel-group .panel .panel-heading a {
    display: block;
    padding: 10px 15px
}

.panel-group .panel .panel-heading a:active,
.panel-group .panel .panel-heading a:focus,
.panel-group .panel .panel-heading a:hover {
    text-decoration: none
}

.panel-group .panel .panel-body {
    color: #555
}

.panel-group .panel-primary {
    border: 1px solid #1f91f3
}

.panel-group .panel-primary .panel-title {
    background-color: #1f91f3
}

.panel-group .panel-success {
    border: 1px solid #2b982b
}

.panel-group .panel-success .panel-title {
    background-color: #2b982b;
    color: #fff
}

.panel-group .panel-warning {
    border: 1px solid #ff9600
}

.panel-group .panel-warning .panel-title {
    background-color: #ff9600;
    color: #fff
}

.panel-group .panel-danger {
    border: 1px solid #fb483a
}

.panel-group .panel-danger .panel-title {
    background-color: #fb483a;
    color: #fff
}

.full-body .panel-col-red .panel-body {
    border-top-color: #fff!important;
    background-color: #f44336;
    color: #fff
}

.full-body .panel-col-pink .panel-body {
    border-top-color: #fff!important;
    background-color: #e91e63;
    color: #fff
}

.full-body .panel-col-purple .panel-body {
    border-top-color: #fff!important;
    /* background-color: #904d97 */;
    color: #fff
}

.full-body .panel-col-deep-purple .panel-body {
    border-top-color: #fff!important;
    background-color: #673ab7;
    color: #fff
}

.full-body .panel-col-indigo .panel-body {
    border-top-color: #fff!important;
    background-color: #3f51b5;
    color: #fff
}

.full-body .panel-col-blue .panel-body {
    border-top-color: #fff!important;
    background-color: #2196f3;
    color: #fff
}

.full-body .panel-col-light-blue .panel-body {
    border-top-color: #fff!important;
    background-color: #03a9f4;
    color: #fff
}

.full-body .panel-col-cyan .panel-body {
    border-top-color: #fff!important;
    background-color: #00bcd4;
    color: #fff
}

.full-body .panel-col-teal .panel-body {
    border-top-color: #fff!important;
    background-color: #009688;
    color: #fff
}

.full-body .panel-col-green .panel-body {
    border-top-color: #fff!important;
    background-color: #4caf50;
    color: #fff
}

.full-body .panel-col-light-green .panel-body {
    border-top-color: #fff!important;
    background-color: #8bc34a;
    color: #fff
}

.full-body .panel-col-lime .panel-body {
    border-top-color: #fff!important;
    background-color: #cddc39;
    color: #fff
}

.full-body .panel-col-yellow .panel-body {
    border-top-color: #fff!important;
    background-color: #ffe821;
    color: #fff
}

.full-body .panel-col-amber .panel-body {
    border-top-color: #fff!important;
    background-color: #ffc107;
    color: #fff
}

.full-body .panel-col-orange .panel-body {
    border-top-color: #fff!important;
    background-color: #ff9800;
    color: #fff
}

.full-body .panel-col-deep-orange .panel-body {
    border-top-color: #fff!important;
    background-color: #ff5722;
    color: #fff
}

.full-body .panel-col-brown .panel-body {
    border-top-color: #fff!important;
    background-color: #795548;
    color: #fff
}

.full-body .panel-col-grey .panel-body {
    border-top-color: #fff!important;
    background-color: #9e9e9e;
    color: #fff
}

.full-body .panel-col-blue-grey .panel-body {
    border-top-color: #fff!important;
    background-color: #607d8b;
    color: #fff
}

.full-body .panel-col-black .panel-body {
    border-top-color: #fff!important;
    background-color: #000;
    color: #fff
}

.full-body .panel-col-white .panel-body {
    border-top-color: #fff!important;
    background-color: #fff;
    color: #fff
}

.full-body .panel-primary .panel-body {
    border-top-color: #fff!important;
    background-color: #1f91f3;
    color: #fff
}

.full-body .panel-success .panel-body {
    border-top-color: #fff!important;
    background-color: #2b982b;
    color: #fff
}

.full-body .panel-warning .panel-body {
    border-top-color: #fff!important;
    background-color: #ff9600;
    color: #fff
}

.full-body .panel-danger .panel-body {
    border-top-color: #fff!important;
    background-color: #fb483a;
    color: #fff
}

.progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 22px
}

.progress .progress-bar {
    line-height: 23px;
    background-color: #1f91f3
}

.progress .progress-bar-success {
    background-color: #2b982b
}

.progress .progress-bar-info {
    background-color: #00b0e4
}

.progress .progress-bar-warning {
    background-color: #ff9600
}

.progress .progress-bar-danger {
    background-color: #fb483a
}

.irs .irs-from,
.irs .irs-max,
.irs .irs-min,
.irs .irs-single,
.irs .irs-to {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.input-group {
    width: 100%;
    margin-bottom: 20px
}

.input-group .form-line {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: relative
}

.input-group .form-line:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    -webkit-transition: .25s ease-in;
    transition: .25s ease-in;
    border-bottom: 2px solid #1f91f3
}

.input-group .form-line+.input-group-addon {
    padding-right: 0;
    padding-left: 10px
}

.input-group .help-info {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    color: #999
}

.input-group label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: 400;
    color: #f44336
}

.input-group .form-line.error:after {
    border-bottom: 2px solid #f44336
}

.input-group .form-line.success:after {
    border-bottom: 2px solid #4caf50
}

.input-group .form-line.warning:after {
    border-bottom: 2px solid #ffc107
}

.input-group .form-line.focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.input-group .form-line.focused .form-label {
    bottom: 25px;
    left: 0;
    font-size: 12px
}

.input-group .input-group-addon {
    border: none;
    background-color: transparent;
    padding-left: 0;
    font-weight: 700
}

.input-group .input-group-addon .material-icons {
    font-size: 18px;
    color: #555
}

.input-group .form-control,
.input-group input[type=text] {
    /*border: none;*/
    box-shadow: none;
    padding-left: 0
}

.input-group .form-control:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    box-shadow: none!important
}

.input-group.input-group-sm .input-group-addon i {
    font-size: 14px
}

.input-group.input-group-sm .form-control {
    font-size: 12px
}

.input-group.input-group-lg .input-group-addon i {
    font-size: 26px
}

.input-group.input-group-lg .form-control {
    font-size: 18px
}

.form-control-label {
    text-align: right
}

.form-control-label label {
    margin-top: 8px
}

.form-horizontal .form-group {
    margin-bottom: 0
}

.form-group {
    width: 100%;
    margin-bottom: 25px
}

.form-group .form-control {
    width: 100%;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 0
}

.form-group .help-info {
   /* float: right;*/
    font-size: 12px;
    margin-top: 5px;
    color: #999
}

.form-group label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: 400;
    color: #f44336
}

.form-group .form-line {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd
}

.form-group .form-line:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    bottom: -1px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    -webkit-transition: .25s ease-in;
    transition: .25s ease-in;
    border-bottom: 2px solid #1f91f3
}

.form-group .form-line .form-label {
    font-weight: 400;
    color: #aaa;
    position: absolute;
    top: 10px;
    left: 0;
    cursor: text;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.form-group .form-line.error:after {
    border-bottom: 2px solid #f44336
}

.form-group .form-line.success:after {
    border-bottom: 2px solid #4caf50
}

.form-group .form-line.warning:after {
    border-bottom: 2px solid #ffc107
}

.form-group .form-line.focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.form-group .form-line.focused .form-label {
    top: -10px;
    left: 0;
    font-size: 12px
}

.form-group-sm .form-label {
    font-size: 12px
}

.form-group-sm .form-line.focused .form-label {
    bottom: 20px;
    font-size: 10px
}

.form-group-lg .form-label {
    font-size: 18px
}

.form-group-lg .form-line.focused .form-label {
    bottom: 35px;
    font-size: 12px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent
}

.colorpicker {
    z-index: 1
}

.colorpicker:after,
.colorpicker:before {
    display: none!important
}

.dropzone {
    border: 2px solid transparent!important;
    background-color: #eee!important
}

.dropzone .dz-message .drag-icon-cph .material-icons {
    font-size: 80px;
    color: #777
}

.dz-drag-hover {
    border: 2px dashed #888!important
}

.breadcrumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 13px;
    margin-bottom: 10px
}

.breadcrumb li a {
    color: #444;
    text-decoration: none
}

.breadcrumb li a .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px
}

.breadcrumb li .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px
}

.breadcrumb>li+li:before {
    content: '>\00a0'
}

.breadcrumb-col-red li a {
    color: #f44336!important;
    font-weight: 700
}

.breadcrumb-bg-red {
    background-color: #f44336!important
}

.breadcrumb-bg-red li {
    color: #fff!important
}

.breadcrumb-bg-red li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-red li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-red li+li:before {
    color: #fff
}

.breadcrumb-col-pink li a {
    color: #e91e63!important;
    font-weight: 700
}

.breadcrumb-bg-pink {
    background-color: #e91e63!important
}

.breadcrumb-bg-pink li {
    color: #fff!important
}

.breadcrumb-bg-pink li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-pink li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-pink li+li:before {
    color: #fff
}

.breadcrumb-col-purple li a {
    /* color: #904d97!important; */
    font-weight: 700
}

.breadcrumb-bg-purple {
    /* background-color: #904d97 !important*/
}

.breadcrumb-bg-purple li {
    color: #fff!important
}

.breadcrumb-bg-purple li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-purple li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-purple li+li:before {
    color: #fff
}

.breadcrumb-col-deep-purple li a {
    color: #673ab7!important;
    font-weight: 700
}

.breadcrumb-bg-deep-purple {
    background-color: #673ab7!important
}

.breadcrumb-bg-deep-purple li {
    color: #fff!important
}

.breadcrumb-bg-deep-purple li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-deep-purple li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-deep-purple li+li:before {
    color: #fff
}

.breadcrumb-col-indigo li a {
    color: #3f51b5!important;
    font-weight: 700
}

.breadcrumb-bg-indigo {
    background-color: #3f51b5!important
}

.breadcrumb-bg-indigo li {
    color: #fff!important
}

.breadcrumb-bg-indigo li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-indigo li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-indigo li+li:before {
    color: #fff
}

.breadcrumb-col-blue li a {
    color: #2196f3!important;
    font-weight: 700
}

.breadcrumb-bg-blue {
    background-color: #2196f3!important
}

.breadcrumb-bg-blue li {
    color: #fff!important
}

.breadcrumb-bg-blue li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-blue li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-blue li+li:before {
    color: #fff
}

.breadcrumb-col-light-blue li a {
    color: #03a9f4!important;
    font-weight: 700
}

.breadcrumb-bg-light-blue {
    background-color: #03a9f4!important
}

.breadcrumb-bg-light-blue li {
    color: #fff!important
}

.breadcrumb-bg-light-blue li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-light-blue li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-light-blue li+li:before {
    color: #fff
}

.breadcrumb-col-cyan li a {
    color: #00bcd4!important;
    font-weight: 700
}

.breadcrumb-bg-cyan {
    background-color: #00bcd4!important
}

.breadcrumb-bg-cyan li {
    color: #fff!important
}

.breadcrumb-bg-cyan li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-cyan li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-cyan li+li:before {
    color: #fff
}

.breadcrumb-col-teal li a {
    color: #009688!important;
    font-weight: 700
}

.breadcrumb-bg-teal {
    background-color: #009688!important
}

.breadcrumb-bg-teal li {
    color: #fff!important
}

.breadcrumb-bg-teal li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-teal li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-teal li+li:before {
    color: #fff
}

.breadcrumb-col-green li a {
    color: #4caf50!important;
    font-weight: 700
}

.breadcrumb-bg-green {
    background-color: #4caf50!important
}

.breadcrumb-bg-green li {
    color: #fff!important
}

.breadcrumb-bg-green li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-green li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-green li+li:before {
    color: #fff
}

.breadcrumb-col-light-green li a {
    color: #8bc34a!important;
    font-weight: 700
}

.breadcrumb-bg-light-green {
    background-color: #8bc34a!important
}

.breadcrumb-bg-light-green li {
    color: #fff!important
}

.breadcrumb-bg-light-green li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-light-green li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-light-green li+li:before {
    color: #fff
}

.breadcrumb-col-lime li a {
    color: #cddc39!important;
    font-weight: 700
}

.breadcrumb-bg-lime {
    background-color: #cddc39!important
}

.breadcrumb-bg-lime li {
    color: #fff!important
}

.breadcrumb-bg-lime li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-lime li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-lime li+li:before {
    color: #fff
}

.breadcrumb-col-yellow li a {
    color: #ffe821!important;
    font-weight: 700
}

.breadcrumb-bg-yellow {
    background-color: #ffe821!important
}

.breadcrumb-bg-yellow li {
    color: #fff!important
}

.breadcrumb-bg-yellow li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-yellow li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-yellow li+li:before {
    color: #fff
}

.breadcrumb-col-amber li a {
    color: #ffc107!important;
    font-weight: 700
}

.breadcrumb-bg-amber {
    background-color: #ffc107!important
}

.breadcrumb-bg-amber li {
    color: #fff!important
}

.breadcrumb-bg-amber li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-amber li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-amber li+li:before {
    color: #fff
}

.breadcrumb-col-orange li a {
    color: #ff9800!important;
    font-weight: 700
}

.breadcrumb-bg-orange {
    background-color: #ff9800!important
}

.breadcrumb-bg-orange li {
    color: #fff!important
}

.breadcrumb-bg-orange li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-orange li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-orange li+li:before {
    color: #fff
}

.breadcrumb-col-deep-orange li a {
    color: #ff5722!important;
    font-weight: 700
}

.breadcrumb-bg-deep-orange {
    background-color: #ff5722!important
}

.breadcrumb-bg-deep-orange li {
    color: #fff!important
}

.breadcrumb-bg-deep-orange li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-deep-orange li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-deep-orange li+li:before {
    color: #fff
}

.breadcrumb-col-brown li a {
    color: #795548!important;
    font-weight: 700
}

.breadcrumb-bg-brown {
    background-color: #795548!important
}

.breadcrumb-bg-brown li {
    color: #fff!important
}

.breadcrumb-bg-brown li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-brown li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-brown li+li:before {
    color: #fff
}

.breadcrumb-col-grey li a {
    color: #9e9e9e!important;
    font-weight: 700
}

.breadcrumb-bg-grey {
    background-color: #9e9e9e!important
}

.breadcrumb-bg-grey li {
    color: #fff!important
}

.breadcrumb-bg-grey li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-grey li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-grey li+li:before {
    color: #fff
}

.breadcrumb-col-blue-grey li a {
    color: #607d8b!important;
    font-weight: 700
}

.breadcrumb-bg-blue-grey {
    background-color: #607d8b!important
}

.breadcrumb-bg-blue-grey li {
    color: #fff!important
}

.breadcrumb-bg-blue-grey li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-blue-grey li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-blue-grey li+li:before {
    color: #fff
}

.breadcrumb-col-black li a {
    color: #000!important;
    font-weight: 700
}

.breadcrumb-bg-black {
    background-color: #000!important
}

.breadcrumb-bg-black li {
    color: #fff!important
}

.breadcrumb-bg-black li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-black li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-black li+li:before {
    color: #fff
}

.breadcrumb-col-white li a {
    color: #fff!important;
    font-weight: 700
}

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

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

.breadcrumb-bg-white li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-white li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-white li+li:before {
    color: #fff
}

.badge {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.list-group-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.list-group .active {
    background-color: #2196f3;
    border-color: #2196f3
}

.list-group .active:active,
.list-group .active:focus,
.list-group .active:hover {
    background-color: #2196f3;
    border-color: #2196f3
}

.list-group .active .list-group-item-text {
    color: #dfe9f1;
    font-size: 13px
}

.list-group .active .list-group-item-text:active,
.list-group .active .list-group-item-text:focus,
.list-group .active .list-group-item-text:hover {
    color: #dfe9f1
}

.list-group .list-group-item.active:active .list-group-item-text,
.list-group .list-group-item.active:focus .list-group-item-text,
.list-group .list-group-item.active:hover .list-group-item-text {
    color: #dfe9f1
}

.list-group .list-group-item:first-child,
.list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.list-group .list-group-item .list-group-item-heading {
    font-weight: 700;
    font-size: 17px
}

.list-group .list-group-item-success {
    background-color: #2b982b;
    border: none;
    color: #fff
}

.list-group .list-group-item-success:focus,
.list-group .list-group-item-success:hover {
    background-color: #2b982b;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-info {
    background-color: #00b0e4;
    border: none;
    color: #fff
}

.list-group .list-group-item-info:focus,
.list-group .list-group-item-info:hover {
    background-color: #00b0e4;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-warning {
    background-color: #ff9600;
    border: none;
    color: #fff
}

.list-group .list-group-item-warning:focus,
.list-group .list-group-item-warning:hover {
    background-color: #ff9600;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-danger {
    background-color: #fb483a;
    border: none;
    color: #fff
}

.list-group .list-group-item-danger:focus,
.list-group .list-group-item-danger:hover {
    background-color: #fb483a;
    color: #fff;
    opacity: .8
}

.list-group .pl-red {
    stroke: #f44336
}

.list-group .list-group-bg-red {
    background-color: #f44336;
    border: none;
    color: #fff
}

.list-group .list-group-bg-red:focus,
.list-group .list-group-bg-red:hover {
    background-color: #f44336;
    color: #fff;
    opacity: .8
}

.list-group .pl-pink {
    stroke: #e91e63
}

.list-group .list-group-bg-pink {
    background-color: #e91e63;
    border: none;
    color: #fff
}

.list-group .list-group-bg-pink:focus,
.list-group .list-group-bg-pink:hover {
    background-color: #e91e63;
    color: #fff;
    opacity: .8
}

.list-group .pl-purple {
    /* stroke: #904d97 */
}

.list-group .list-group-bg-purple {
    /* background-color: #904d97 */
    border: none;
    color: #fff
}

.list-group .list-group-bg-purple:focus,
.list-group .list-group-bg-purple:hover {
    /* background-color: #904d97 */
    color: #fff;
    opacity: .8
}

.list-group .pl-deep-purple {
    stroke: #673ab7
}

.list-group .list-group-bg-deep-purple {
    background-color: #673ab7;
    border: none;
    color: #fff
}

.list-group .list-group-bg-deep-purple:focus,
.list-group .list-group-bg-deep-purple:hover {
    background-color: #673ab7;
    color: #fff;
    opacity: .8
}

.list-group .pl-indigo {
    stroke: #3f51b5
}

.list-group .list-group-bg-indigo {
    background-color: #3f51b5;
    border: none;
    color: #fff
}

.list-group .list-group-bg-indigo:focus,
.list-group .list-group-bg-indigo:hover {
    background-color: #3f51b5;
    color: #fff;
    opacity: .8
}

.list-group .pl-blue {
    stroke: #2196f3
}

.list-group .list-group-bg-blue {
    background-color: #2196f3;
    border: none;
    color: #fff
}

.list-group .list-group-bg-blue:focus,
.list-group .list-group-bg-blue:hover {
    background-color: #2196f3;
    color: #fff;
    opacity: .8
}

.list-group .pl-light-blue {
    stroke: #03a9f4
}

.list-group .list-group-bg-light-blue {
    background-color: #03a9f4;
    border: none;
    color: #fff
}

.list-group .list-group-bg-light-blue:focus,
.list-group .list-group-bg-light-blue:hover {
    background-color: #03a9f4;
    color: #fff;
    opacity: .8
}

.list-group .pl-cyan {
    stroke: #00bcd4
}

.list-group .list-group-bg-cyan {
    background-color: #00bcd4;
    border: none;
    color: #fff
}

.list-group .list-group-bg-cyan:focus,
.list-group .list-group-bg-cyan:hover {
    background-color: #00bcd4;
    color: #fff;
    opacity: .8
}

.list-group .pl-teal {
    stroke: #009688
}

.list-group .list-group-bg-teal {
    background-color: #009688;
    border: none;
    color: #fff
}

.list-group .list-group-bg-teal:focus,
.list-group .list-group-bg-teal:hover {
    background-color: #009688;
    color: #fff;
    opacity: .8
}

.list-group .pl-green {
    stroke: #4caf50
}

.list-group .list-group-bg-green {
    background-color: #4caf50;
    border: none;
    color: #fff
}

.list-group .list-group-bg-green:focus,
.list-group .list-group-bg-green:hover {
    background-color: #4caf50;
    color: #fff;
    opacity: .8
}

.list-group .pl-light-green {
    stroke: #8bc34a
}

.list-group .list-group-bg-light-green {
    background-color: #8bc34a;
    border: none;
    color: #fff
}

.list-group .list-group-bg-light-green:focus,
.list-group .list-group-bg-light-green:hover {
    background-color: #8bc34a;
    color: #fff;
    opacity: .8
}

.list-group .pl-lime {
    stroke: #cddc39
}

.list-group .list-group-bg-lime {
    background-color: #cddc39;
    border: none;
    color: #fff
}

.list-group .list-group-bg-lime:focus,
.list-group .list-group-bg-lime:hover {
    background-color: #cddc39;
    color: #fff;
    opacity: .8
}

.list-group .pl-yellow {
    stroke: #ffe821
}

.list-group .list-group-bg-yellow {
    background-color: #ffe821;
    border: none;
    color: #fff
}

.list-group .list-group-bg-yellow:focus,
.list-group .list-group-bg-yellow:hover {
    background-color: #ffe821;
    color: #fff;
    opacity: .8
}

.list-group .pl-amber {
    stroke: #ffc107
}

.list-group .list-group-bg-amber {
    background-color: #ffc107;
    border: none;
    color: #fff
}

.list-group .list-group-bg-amber:focus,
.list-group .list-group-bg-amber:hover {
    background-color: #ffc107;
    color: #fff;
    opacity: .8
}

.list-group .pl-orange {
    stroke: #ff9800
}

.list-group .list-group-bg-orange {
    background-color: #ff9800;
    border: none;
    color: #fff
}

.list-group .list-group-bg-orange:focus,
.list-group .list-group-bg-orange:hover {
    background-color: #ff9800;
    color: #fff;
    opacity: .8
}

.list-group .pl-deep-orange {
    stroke: #ff5722
}

.list-group .list-group-bg-deep-orange {
    background-color: #ff5722;
    border: none;
    color: #fff
}

.list-group .list-group-bg-deep-orange:focus,
.list-group .list-group-bg-deep-orange:hover {
    background-color: #ff5722;
    color: #fff;
    opacity: .8
}

.list-group .pl-brown {
    stroke: #795548
}

.list-group .list-group-bg-brown {
    background-color: #795548;
    border: none;
    color: #fff
}

.list-group .list-group-bg-brown:focus,
.list-group .list-group-bg-brown:hover {
    background-color: #795548;
    color: #fff;
    opacity: .8
}

.list-group .pl-grey {
    stroke: #9e9e9e
}

.list-group .list-group-bg-grey {
    background-color: #9e9e9e;
    border: none;
    color: #fff
}

.list-group .list-group-bg-grey:focus,
.list-group .list-group-bg-grey:hover {
    background-color: #9e9e9e;
    color: #fff;
    opacity: .8
}

.list-group .pl-blue-grey {
    stroke: #607d8b
}

.list-group .list-group-bg-blue-grey {
    background-color: #607d8b;
    border: none;
    color: #fff
}

.list-group .list-group-bg-blue-grey:focus,
.list-group .list-group-bg-blue-grey:hover {
    background-color: #607d8b;
    color: #fff;
    opacity: .8
}

.list-group .pl-black {
    stroke: #000
}

.list-group .list-group-bg-black {
    background-color: #000;
    border: none;
    color: #fff
}

.list-group .list-group-bg-black:focus,
.list-group .list-group-bg-black:hover {
    background-color: #000;
    color: #fff;
    opacity: .8
}

.list-group .pl-white {
    stroke: #fff
}

.list-group .list-group-bg-white {
    background-color: #fff;
    border: none;
    color: #fff
}

.list-group .list-group-bg-white:focus,
.list-group .list-group-bg-white:hover {
    background-color: #fff;
    color: #fff;
    opacity: .8
}

.pager li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #222;
    font-weight: 700
}

.pager li a:active,
.pager li a:focus {
    background-color: transparent
}

.pagination .disabled a,
.pagination .disabled a:active,
.pagination .disabled a:focus,
.pagination .disabled a:hover {
    color: #bbb
}

.pagination li.active a {
    background-color: #2196f3
}

.pagination li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.pagination li a:active,
.pagination li a:focus {
    background-color: transparent;
    color: #555
}

.pagination>li>a {
    border: none;
    font-weight: 700;
    color: #555
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
    width: auto;
    height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.pagination>li:first-child>a .material-icons,
.pagination>li:last-child>a .material-icons {
    position: relative;
    bottom: 2px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:last-child>a {
    width: 28px;
    height: 28px
}

.pagination-sm>li:first-child>a .material-icons,
.pagination-sm>li:last-child>a .material-icons {
    position: relative;
    top: -1px;
    left: -6px;
    font-size: 20px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:last-child>a {
    width: 44px;
    height: 44px
}

.pagination-lg>li:first-child>a .material-icons,
.pagination-lg>li:last-child>a .material-icons {
    font-size: 30px;
    position: relative;
    top: -3px;
    left: -10px
}

.media {
    margin-bottom: 25px
}

.media .media-body {
    color: #777;
    font-size: 13px
}

.media .media-body .media-heading {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.tabcontrol,
.wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

.tabcontrol a,
.wizard a {
    outline: 0
}

.tabcontrol ul,
.wizard ul {
    list-style: none!important;
    padding: 0;
    margin: 0
}

.tabcontrol ul>li,
.wizard ul>li {
    display: block;
    padding: 0
}

.tabcontrol>.content>.title,
.tabcontrol>.steps .current-info,
.wizard>.content>.title,
.wizard>.steps .current-info {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard.vertical>.steps {
    float: left;
    width: 30%
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard.vertical>.content {
    float: left;
    margin: 0 0 .5em 0;
    width: 70%
}

.wizard.vertical>.actions {
    float: right;
    width: 100%
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

.wizard>.steps .number {
    font-size: 1.429em
}

.wizard>.steps>ul>li {
    width: 25%;
    float: left
}

.wizard>.actions>ul>li {
    float: left
}

.wizard>.steps a {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard>.steps a:active,
.wizard>.steps a:hover {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard>.steps .disabled a {
    background: #eee;
    color: #aaa;
    cursor: default
}

.wizard>.steps .disabled a:active,
.wizard>.steps .disabled a:hover {
    background: #eee;
    color: #aaa;
    cursor: default
}

.wizard>.steps .current a {
    background: #2184be;
    color: #fff;
    cursor: default
}

.wizard>.steps .current a:active,
.wizard>.steps .current a:hover {
    background: #2184be;
    color: #fff;
    cursor: default
}

.wizard>.steps .done a {
    background: #9dc8e2;
    color: #fff
}

.wizard>.steps .done a:active,
.wizard>.steps .done a:hover {
    background: #9dc8e2;
    color: #fff
}

.wizard>.steps .error a {
    background: #ff3111;
    color: #fff
}

.wizard>.steps .error a:active,
.wizard>.steps .error a:hover {
    background: #ff3111;
    color: #fff
}

.wizard>.content {
    border: 1px solid #ddd;
    display: block;
    margin: .5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}

.wizard>.actions>ul>li {
    margin: 0 .5em
}

.wizard>.actions a {
    background: #009688;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.wizard>.actions a:active,
.wizard>.actions a:hover {
    background: #009688;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.wizard>.actions .disabled a {
    background: #eee;
    color: #aaa
}

.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
    background: #eee;
    color: #aaa
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.tabcontrol>.content>.body ul {
    list-style: disc!important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

.wizard .content {
    min-height: 245px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    overflow-y: auto
}

.wizard .content .body {
    padding: 15px
}

.wizard .steps a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.wizard .steps a:active,
.wizard .steps a:focus,
.wizard .steps a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.wizard .steps .done a {
    background-color: rgba(0, 150, 136, .6)
}

.wizard .steps .done a:active,
.wizard .steps .done a:focus,
.wizard .steps .done a:hover {
    background-color: rgba(0, 150, 136, .5)
}

.wizard .steps .error a {
    background-color: #f44336!important
}

.wizard .steps .current a {
    background-color: #009688
}

.wizard .steps .current a:active,
.wizard .steps .current a:focus,
.wizard .steps .current a:hover {
    background-color: #009688
}

.waves-effect.waves-red .waves-ripple {
    background: rgba(244, 67, 54, .5)
}

.waves-effect.waves-pink .waves-ripple {
    background: rgba(233, 30, 99, .5)
}

.waves-effect.waves-purple .waves-ripple {
    background: #b377ba
}

.waves-effect.waves-deep-purple .waves-ripple {
    background: rgba(103, 58, 183, .5)
}

.waves-effect.waves-indigo .waves-ripple {
    background: rgba(63, 81, 181, .5)
}

.waves-effect.waves-blue .waves-ripple {
    background: rgba(33, 150, 243, .5)
}

.waves-effect.waves-light-blue .waves-ripple {
    background: rgba(3, 169, 244, .5)
}

.waves-effect.waves-cyan .waves-ripple {
    background: rgba(0, 188, 212, .5)
}

.waves-effect.waves-teal .waves-ripple {
    background: rgba(0, 150, 136, .5)
}

.waves-effect.waves-green .waves-ripple {
    background: rgba(76, 175, 80, .5)
}

.waves-effect.waves-light-green .waves-ripple {
    background: rgba(139, 195, 74, .5)
}

.waves-effect.waves-lime .waves-ripple {
    background: rgba(205, 220, 57, .5)
}

.waves-effect.waves-yellow .waves-ripple {
    background: rgba(255, 232, 33, .5)
}

.waves-effect.waves-amber .waves-ripple {
    background: rgba(255, 193, 7, .5)
}

.waves-effect.waves-orange .waves-ripple {
    background: rgba(255, 152, 0, .5)
}

.waves-effect.waves-deep-orange .waves-ripple {
    background: rgba(255, 87, 34, .5)
}

.waves-effect.waves-brown .waves-ripple {
    background: rgba(121, 85, 72, .5)
}

.waves-effect.waves-grey .waves-ripple {
    background: rgba(158, 158, 158, .5)
}

.waves-effect.waves-blue-grey .waves-ripple {
    background: rgba(96, 125, 139, .5)
}

.waves-effect.waves-black .waves-ripple {
    background: rgba(0, 0, 0, .5)
}

.waves-effect.waves-white .waves-ripple {
    background: rgba(255, 255, 255, .5)
}

.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-align: center
}

.page-loader-wrapper p {
    font-size: 13px;
    margin-top: 10px;
    font-weight: 700;
    color: #444
}

.page-loader-wrapper .loader {
    position: relative;
    top: calc(50% - 30px)
}

.md-preloader .pl-red {
    stroke: #f44336
}

.md-preloader .pl-pink {
    stroke: #e91e63
}

.md-preloader .pl-purple {
    /* stroke: #904d97 */
}

.md-preloader .pl-deep-purple {
    stroke: #673ab7
}

.md-preloader .pl-indigo {
    stroke: #3f51b5
}

.md-preloader .pl-blue {
    stroke: #2196f3
}

.md-preloader .pl-light-blue {
    stroke: #03a9f4
}

.md-preloader .pl-cyan {
    stroke: #00bcd4
}

.md-preloader .pl-teal {
    stroke: #009688
}

.md-preloader .pl-green {
    stroke: #4caf50
}

.md-preloader .pl-light-green {
    stroke: #8bc34a
}

.md-preloader .pl-lime {
    stroke: #cddc39
}

.md-preloader .pl-yellow {
    stroke: #ffe821
}

.md-preloader .pl-amber {
    stroke: #ffc107
}

.md-preloader .pl-orange {
    stroke: #ff9800
}

.md-preloader .pl-deep-orange {
    stroke: #ff5722
}

.md-preloader .pl-brown {
    stroke: #795548
}

.md-preloader .pl-grey {
    stroke: #9e9e9e
}

.md-preloader .pl-blue-grey {
    stroke: #607d8b
}

.md-preloader .pl-black {
    stroke: #000
}

.md-preloader .pl-white {
    stroke: #fff
}

.preloader {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-animation: container-rotate 1568ms linear infinite;
    -moz-animation: container-rotate 1568ms linear infinite;
    -o-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite
}

.preloader.pl-size-xl {
    width: 75px;
    height: 75px
}

.preloader.pl-size-l {
    width: 60px;
    height: 60px
}

.preloader.pl-size-md {
    width: 50px;
    height: 50px
}

.preloader.pl-size-sm {
    width: 40px;
    height: 40px
}

.preloader.pl-size-xs {
    width: 25px;
    height: 25px
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: #f44336;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.spinner-layer.pl-red {
    border-color: #f44336
}

.spinner-layer.pl-pink {
    border-color: #e91e63
}

.spinner-layer.pl-purple {
    /* border-color: #904d97 */
}

.spinner-layer.pl-deep-purple {
    border-color: #673ab7
}

.spinner-layer.pl-indigo {
    border-color: #3f51b5
}

.spinner-layer.pl-blue {
    border-color: #2196f3
}

.spinner-layer.pl-light-blue {
    border-color: #03a9f4
}

.spinner-layer.pl-cyan {
    border-color: #00bcd4
}

.spinner-layer.pl-teal {
    border-color: #009688
}

.spinner-layer.pl-green {
    border-color: #4caf50
}

.spinner-layer.pl-light-green {
    border-color: #8bc34a
}

.spinner-layer.pl-lime {
    border-color: #cddc39
}

.spinner-layer.pl-yellow {
    border-color: #ffe821
}

.spinner-layer.pl-amber {
    border-color: #ffc107
}

.spinner-layer.pl-orange {
    border-color: #ff9800
}

.spinner-layer.pl-deep-orange {
    border-color: #ff5722
}

.spinner-layer.pl-brown {
    border-color: #795548
}

.spinner-layer.pl-grey {
    border-color: #9e9e9e
}

.spinner-layer.pl-blue-grey {
    border-color: #607d8b
}

.spinner-layer.pl-black {
    border-color: #000
}

.spinner-layer.pl-white {
    border-color: #fff
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.gap-patch.circle {
    width: 1000%;
    left: -450%
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent!important;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent!important;
    -webkit-transform: rotate(129deg);
    -moz-transform: rotate(129deg);
    -ms-transform: rotate(129deg);
    -o-transform: rotate(129deg);
    transform: rotate(129deg);
    -webkit-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -moz-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -o-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent!important;
    -webkit-transform: rotate(-129deg);
    -moz-transform: rotate(-129deg);
    -ms-transform: rotate(-129deg);
    -o-transform: rotate(-129deg);
    transform: rotate(-129deg);
    -webkit-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -moz-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -o-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes container-rotate {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }
    25% {
        transform: rotate(270deg)
    }
    37.5% {
        transform: rotate(405deg)
    }
    50% {
        transform: rotate(540deg)
    }
    62.5% {
        transform: rotate(675deg)
    }
    75% {
        transform: rotate(810deg)
    }
    87.5% {
        transform: rotate(945deg)
    }
    to {
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@keyframes left-spin {
    from {
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@-moz-keyframes right-spin {
    from {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@keyframes right-spin {
    from {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%
}

.navbar .navbar-brand {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.navbar .navbar-custom-right-menu {
    float: right
}

.navbar .navbar-toggle {
    text-decoration: none;
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 17px
}

.navbar .navbar-toggle:before {
    content: '\E8D5';
    font-family: 'Material Icons';
    font-size: 26px
}

.navbar .navbar-collapse.in {
    overflow: visible
}

.ls-closed .sidebar {
    margin-left: -300px
}

.ls-closed section.content {
    margin-left: 15px
}

.ls-closed .bars:after,
.ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ls-closed .navbar-brand {
    margin-left: 30px
}

.overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.navbar-header {
    padding: 10px 7px
}

.navbar-header .bars {
    float: left;
    text-decoration: none
}

.navbar-nav>li>a {
    padding: 7px 7px 2px 7px;
    margin-top: 17px;
    margin-left: 5px
}

.navbar-nav .dropdown-menu {
    margin-top: -40px!important
}

.label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus,
.col-red .navbar .navbar-brand:hover {
    color: #fff
}

.col-red .navbar .nav .open>a,
.col-red .navbar .nav .open>a:focus,
.col-red .navbar .nav .open>a:hover,
.col-red .navbar .nav>li>a:focus,
.col-red .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-red .navbar .nav>li>a {
    color: #fff
}

.col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-red .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus,
.col-pink .navbar .navbar-brand:hover {
    color: #fff
}

.col-pink .navbar .nav .open>a,
.col-pink .navbar .nav .open>a:focus,
.col-pink .navbar .nav .open>a:hover,
.col-pink .navbar .nav>li>a:focus,
.col-pink .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-pink .navbar .nav>li>a {
    color: #fff
}

.col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-pink .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus,
.col-purple .navbar .navbar-brand:hover {
    color: #fff
}

.col-purple .navbar .nav .open>a,
.col-purple .navbar .nav .open>a:focus,
.col-purple .navbar .nav .open>a:hover,
.col-purple .navbar .nav>li>a:focus,
.col-purple .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-purple .navbar .nav>li>a {
    color: #fff
}

.col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus,
.col-deep-purple .navbar .navbar-brand:hover {
    color: #fff
}

.col-deep-purple .navbar .nav .open>a,
.col-deep-purple .navbar .nav .open>a:focus,
.col-deep-purple .navbar .nav .open>a:hover,
.col-deep-purple .navbar .nav>li>a:focus,
.col-deep-purple .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-deep-purple .navbar .nav>li>a {
    color: #fff
}

.col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-deep-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus,
.col-indigo .navbar .navbar-brand:hover {
    color: #fff
}

.col-indigo .navbar .nav .open>a,
.col-indigo .navbar .nav .open>a:focus,
.col-indigo .navbar .nav .open>a:hover,
.col-indigo .navbar .nav>li>a:focus,
.col-indigo .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-indigo .navbar .nav>li>a {
    color: #fff
}

.col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-indigo .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus,
.col-blue .navbar .navbar-brand:hover {
    color: #fff
}

.col-blue .navbar .nav .open>a,
.col-blue .navbar .nav .open>a:focus,
.col-blue .navbar .nav .open>a:hover,
.col-blue .navbar .nav>li>a:focus,
.col-blue .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-blue .navbar .nav>li>a {
    color: #fff
}

.col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus,
.col-light-blue .navbar .navbar-brand:hover {
    color: #fff
}

.col-light-blue .navbar .nav .open>a,
.col-light-blue .navbar .nav .open>a:focus,
.col-light-blue .navbar .nav .open>a:hover,
.col-light-blue .navbar .nav>li>a:focus,
.col-light-blue .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-light-blue .navbar .nav>li>a {
    color: #fff
}

.col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-light-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus,
.col-cyan .navbar .navbar-brand:hover {
    color: #fff
}

.col-cyan .navbar .nav .open>a,
.col-cyan .navbar .nav .open>a:focus,
.col-cyan .navbar .nav .open>a:hover,
.col-cyan .navbar .nav>li>a:focus,
.col-cyan .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-cyan .navbar .nav>li>a {
    color: #fff
}

.col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-cyan .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus,
.col-teal .navbar .navbar-brand:hover {
    color: #fff
}

.col-teal .navbar .nav .open>a,
.col-teal .navbar .nav .open>a:focus,
.col-teal .navbar .nav .open>a:hover,
.col-teal .navbar .nav>li>a:focus,
.col-teal .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-teal .navbar .nav>li>a {
    color: #fff
}

.col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-teal .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus,
.col-green .navbar .navbar-brand:hover {
    color: #fff
}

.col-green .navbar .nav .open>a,
.col-green .navbar .nav .open>a:focus,
.col-green .navbar .nav .open>a:hover,
.col-green .navbar .nav>li>a:focus,
.col-green .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-green .navbar .nav>li>a {
    color: #fff
}

.col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus,
.col-light-green .navbar .navbar-brand:hover {
    color: #fff
}

.col-light-green .navbar .nav .open>a,
.col-light-green .navbar .nav .open>a:focus,
.col-light-green .navbar .nav .open>a:hover,
.col-light-green .navbar .nav>li>a:focus,
.col-light-green .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-light-green .navbar .nav>li>a {
    color: #fff
}

.col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-light-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus,
.col-lime .navbar .navbar-brand:hover {
    color: #fff
}

.col-lime .navbar .nav .open>a,
.col-lime .navbar .nav .open>a:focus,
.col-lime .navbar .nav .open>a:hover,
.col-lime .navbar .nav>li>a:focus,
.col-lime .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-lime .navbar .nav>li>a {
    color: #fff
}

.col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-lime .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus,
.col-yellow .navbar .navbar-brand:hover {
    color: #fff
}

.col-yellow .navbar .nav .open>a,
.col-yellow .navbar .nav .open>a:focus,
.col-yellow .navbar .nav .open>a:hover,
.col-yellow .navbar .nav>li>a:focus,
.col-yellow .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-yellow .navbar .nav>li>a {
    color: #fff
}

.col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-yellow .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus,
.col-amber .navbar .navbar-brand:hover {
    color: #fff
}

.col-amber .navbar .nav .open>a,
.col-amber .navbar .nav .open>a:focus,
.col-amber .navbar .nav .open>a:hover,
.col-amber .navbar .nav>li>a:focus,
.col-amber .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-amber .navbar .nav>li>a {
    color: #fff
}

.col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-amber .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus,
.col-orange .navbar .navbar-brand:hover {
    color: #fff
}

.col-orange .navbar .nav .open>a,
.col-orange .navbar .nav .open>a:focus,
.col-orange .navbar .nav .open>a:hover,
.col-orange .navbar .nav>li>a:focus,
.col-orange .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-orange .navbar .nav>li>a {
    color: #fff
}

.col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus,
.col-deep-orange .navbar .navbar-brand:hover {
    color: #fff
}

.col-deep-orange .navbar .nav .open>a,
.col-deep-orange .navbar .nav .open>a:focus,
.col-deep-orange .navbar .nav .open>a:hover,
.col-deep-orange .navbar .nav>li>a:focus,
.col-deep-orange .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-deep-orange .navbar .nav>li>a {
    color: #fff
}

.col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-deep-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus,
.col-brown .navbar .navbar-brand:hover {
    color: #fff
}

.col-brown .navbar .nav .open>a,
.col-brown .navbar .nav .open>a:focus,
.col-brown .navbar .nav .open>a:hover,
.col-brown .navbar .nav>li>a:focus,
.col-brown .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-brown .navbar .nav>li>a {
    color: #fff
}

.col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-brown .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus,
.col-grey .navbar .navbar-brand:hover {
    color: #fff
}

.col-grey .navbar .nav .open>a,
.col-grey .navbar .nav .open>a:focus,
.col-grey .navbar .nav .open>a:hover,
.col-grey .navbar .nav>li>a:focus,
.col-grey .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-grey .navbar .nav>li>a {
    color: #fff
}

.col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus,
.col-blue-grey .navbar .navbar-brand:hover {
    color: #fff
}

.col-blue-grey .navbar .nav .open>a,
.col-blue-grey .navbar .nav .open>a:focus,
.col-blue-grey .navbar .nav .open>a:hover,
.col-blue-grey .navbar .nav>li>a:focus,
.col-blue-grey .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-blue-grey .navbar .nav>li>a {
    color: #fff
}

.col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-blue-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus,
.col-black .navbar .navbar-brand:hover {
    color: #fff
}

.col-black .navbar .nav .open>a,
.col-black .navbar .nav .open>a:focus,
.col-black .navbar .nav .open>a:hover,
.col-black .navbar .nav>li>a:focus,
.col-black .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-black .navbar .nav>li>a {
    color: #fff
}

.col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-black .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus,
.col-white .navbar .navbar-brand:hover {
    color: #fff
}

.col-white .navbar .nav .open>a,
.col-white .navbar .nav .open>a:focus,
.col-white .navbar .nav .open>a:hover,
.col-white .navbar .nav>li>a:focus,
.col-white .navbar .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.col-white .navbar .nav>li>a {
    color: #fff
}

.col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-white .navbar .bars:hover {
    background-color: rgba(0, 0, 0, .08)
}

.open>.social-right {
    display: block;
    right: 0!important;
    top: 25px;
    z-index: 1;
    right: 0!important;
    left: unset!important;
    z-index: 999!important;
    margin-top: -35px!important
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    border: none
}

.dropdown-menu .divider {
    margin: 5px 0
}

.dropdown-menu .header {
    font-size: 13px;
    font-weight: 700;
    min-width: 270px;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 4px 0 6px 0
}

.dropdown-menu ul.menu {
    padding-left: 0
}

.dropdown-menu ul.menu.tasks h4 {
    color: #333;
    font-size: 13px;
    margin: 0 0 8px 0
}

.dropdown-menu ul.menu.tasks h4 small {
    float: right;
    margin-top: 6px
}

.dropdown-menu ul.menu.tasks .progress {
    height: 7px;
    margin-bottom: 7px
}

.dropdown-menu ul.menu .icon-circle {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: inline-block
}

.dropdown-menu ul.menu .icon-circle i {
    font-size: 18px;
    line-height: 36px
}

.dropdown-menu ul.menu li {
    border-bottom: 1px solid #eee
}

.dropdown-menu ul.menu li:last-child {
    border-bottom: none
}

.dropdown-menu ul.menu li a {
    padding: 7px 11px;
    text-decoration: none;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.dropdown-menu ul.menu li a:hover {
    background-color: #e9e9e9
}

.dropdown-menu ul.menu .menu-info {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 5px
}

.dropdown-menu ul.menu .menu-info h4 {
    margin: 0;
    font-size: 13px;
    color: #333
}

.dropdown-menu ul.menu .menu-info p {
    margin: 0;
    font-size: 11px;
    color: #aaa
}

.dropdown-menu ul.menu .menu-info p .material-icons {
    font-size: 13px;
    color: #aaa;
    position: relative;
    top: 2px
}

.dropdown-menu .footer a {
    text-align: center;
    border-top: 1px solid #eee;
    padding: 5px 0 5px 0;
    font-size: 12px;
    margin-bottom: -5px
}

.dropdown-menu .footer a:hover {
    background-color: transparent
}

.dropdown-menu>li>a {
    padding: 7px 18px;
    color: #666;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 14px;
    line-height: 25px
}

.dropdown-menu>li>a:hover {
    background-color: rgba(0, 0, 0, .075)
}

.dropdown-menu>li>a i.material-icons {
    float: left;
    margin-right: 7px;
    margin-top: 2px;
    font-size: 20px
}

.dropdown-animated {
    -webkit-animation-duration: .3s!important;
    -moz-animation-duration: .3s!important;
    -o-animation-duration: .3s!important;
    animation-duration: .3s!important
}

.overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 10
}

.overlay-open .sidebar {
    margin-left: 0;
    z-index: 99999999
}

.sidebar .user-info {
    padding: 13px 15px 12px 15px;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    background: url(../images/user-img-background.jpg) no-repeat no-repeat;
    height: 135px
}

.sidebar .user-info .image {
    margin-right: 12px;
    display: inline-block
}

.sidebar .user-info .image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    vertical-align: bottom!important
}

.sidebar .user-info .info-container {
    cursor: default;
    display: block;
    position: relative;
    top: 25px
}

.sidebar .user-info .info-container .name {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    max-width: 200px;
    color: #fff
}

.sidebar .user-info .info-container .email {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    max-width: 200px;
    color: #fff
}

.sidebar .user-info .info-container .user-helper-dropdown {
    position: absolute;
    right: -3px;
    bottom: -12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    color: #fff
}

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

.sidebar .menu .list li.active>:first-child span {
    font-weight: 700
}

.sidebar .menu .list .header {
    background: #eee;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px
}

.sidebar .menu .list i.material-icons {
    margin-top: 4px
}

.sidebar .menu .list .menu-toggle:after,
.sidebar .menu .list .menu-toggle:before {
    position: absolute;
    top: calc(50% - 14px);
    right: 17px;
    font-size: 19px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar .menu .list .menu-toggle:before {
    content: '+';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sidebar .menu .list .menu-toggle:after {
    content: '\2013';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.sidebar .menu .list .menu-toggle.toggled:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.sidebar .menu .list .menu-toggle.toggled:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sidebar .menu .list a {
    color: #747474;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    padding: 10px 13px
}

.sidebar .menu .list a:active,
.sidebar .menu .list a:focus,
.sidebar .menu .list a:hover {
    text-decoration: none!important
}

.sidebar .menu .list a small {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px
}

.sidebar .menu .list a span {
    margin: 7px 0 7px 12px;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden
}

.sidebar .menu .list .ml-menu {
    list-style: none;
    display: none;
    padding-left: 0
}

.sidebar .menu .list .ml-menu span {
    font-weight: 400;
    font-size: 14px;
    margin: 3px 0 1px 6px
}

.sidebar .menu .list .ml-menu li a {
    padding-left: 55px;
    padding-top: 7px;
    padding-bottom: 7px
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
    font-weight: 600;
    margin-left: 5px
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
    content: '\E315';
    font-family: 'Material Icons';
    position: relative;
    font-size: 21px;
    height: 20px;
    top: -5px;
    right: 0
}

.sidebar .menu .list .ml-menu li .ml-menu li a {
    padding-left: 80px
}

.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
    padding-left: 95px
}

.right-sidebar {
    width: 280px;
    height: calc(100vh - 70px);
    position: fixed;
    right: -300px;
    top: 70px;
    background: #fdfdfd;
    z-index: 11!important;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, .1);
    -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, .1);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .1);
    overflow: hidden;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.right-sidebar.open {
    right: 0
}

.right-sidebar .nav-tabs {
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    margin-left: 2px
}

.right-sidebar .nav-tabs li {
    text-align: center
}

.right-sidebar .nav-tabs li>a {
    margin-right: 0
}

.right-sidebar .nav-tabs li:first-child {
    width: 45%
}

.right-sidebar .nav-tabs li:last-child {
    width: 55%
}

.bootstrap-notify-container {
    max-width: 320px;
    text-align: center
}

.dd-handle {
    background-color: #f9f9f9!important
}

.dd-handle:hover {
    color: #2196f3
}

.nestable-dark-theme .dd-handle {
    background: #ccc!important;
    border: 1px solid #999!important
}

.dd3-handle {
    background: #999!important
}

.dd3-content:hover {
    color: #2196f3
}

.login-page {
    background-color: #00bcd4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden
}

.login-page .login-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center
}

.login-page .login-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00bcd4
}

.login-page .login-box .logo {
    margin-bottom: 20px
}

.login-page .login-box .logo a {
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff
}

.login-page .login-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px
}

.signup-page {
    background-color: #00bcd4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden
}

.signup-page .signup-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center
}

.signup-page .signup-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00bcd4
}

.signup-page .signup-box .logo {
    margin-bottom: 20px
}

.signup-page .signup-box .logo a {
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff
}

.signup-page .signup-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px
}

.fp-page {
    background-color: #00bcd4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden
}

.fp-page .fp-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center
}

.fp-page .fp-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00bcd4
}

.fp-page .fp-box .logo {
    margin-bottom: 20px
}

.fp-page .fp-box .logo a {
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff
}

.fp-page .fp-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px
}

.four-zero-four {
    width: 100%;
    text-align: center;
    margin: 5% auto
}

.four-zero-four .four-zero-four-container .error-code {
    font-size: 160px
}

.four-zero-four .four-zero-four-container .error-message {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    margin-top: -40px
}

.four-zero-four .four-zero-four-container .button-place {
    margin-top: 32px
}

.five-zero-zero {
    width: 100%;
    text-align: center;
    margin: 5% auto
}

.five-zero-zero .five-zero-zero-container .error-code {
    font-size: 160px
}

.five-zero-zero .five-zero-zero-container .error-message {
    font-size: 27px;
    color: #333;
    font-weight: 700;
    margin-top: -40px
}

.five-zero-zero .five-zero-zero-container .button-place {
    margin-top: 32px
}

.gmap {
    width: 100%;
    height: 400px
}

.jvector-map {
    width: 100%;
    height: 600px
}

.morris-hover.morris-default-style {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.flot-chart {
    width: 100%;
    height: 320px
}

.panel-switch-btn {
    position: relative;
    right: 20px;
    z-index: 9
}

.panel-switch-btn label {
    font-weight: 700!important
}

.legendLabel {
    width: 85px!important;
    position: relative;
    left: 3px
}

#multiple_axis_chart .legendLabel {
    width: 160px!important
}

.sparkline {
    text-align: center
}

.search-bar {
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 9999999;
    width: 100%;
    -moz-transition: .25s;
    -o-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s
}

.search-bar.open {
    top: 0
}

.search-bar .search-icon {
    position: absolute;
    top: 20px;
    left: 14px
}

.search-bar .search-icon .material-icons {
    font-size: 32px;
    color: #999
}

.search-bar .close-search {
    position: absolute;
    cursor: pointer;
    font-size: 30px;
    top: 16px;
    right: 18px
}

.search-bar .close-search .material-icons {
    color: #999;
    opacity: 1;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.search-bar .close-search .material-icons:hover {
    opacity: .5
}

.search-bar input[type=text] {
    width: 100%;
    font-size: 16px;
    padding: 25px 60px 23px 56px;
    border: none
}

.dataTables_wrapper {
    position: relative
}

.dataTables_wrapper select {
    border: none;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.dataTables_wrapper select:active,
.dataTables_wrapper select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.dataTables_wrapper input[type=search] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 12px;
    border-bottom: 1px solid #ddd
}

.dataTables_wrapper input[type=search]:active,
.dataTables_wrapper input[type=search]:focus {
    border-bottom: 2px solid #1f91f3
}

.dataTables_wrapper .dt-buttons {
    float: left
}

.dataTables_wrapper .dt-buttons a.dt-button {
    background-color: #607d8b;
    color: #fff;
    padding: 7px 12px;
    margin-right: 5px;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    font-size: 13px;
    outline: 0
}

.dataTables_wrapper .dt-buttons a.dt-button:active {
    opacity: .8
}

.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 400px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-top: -100px;
    margin-left: -200px;
    z-index: 21
}

.dt-button-info h2 {
    color: #777
}

.dt-button-info div {
    color: #777;
    margin-bottom: 20px
}

.lg-outer .lg-thumb-item,
.lg-outer .lg-toogle-thumb {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important
}

html.ie10 .sidebar .menu .list li {
    line-height: 30px
}

html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px!important;
    line-height: 20px!important
}

html.ie10 .sidebar .user-info .info-container {
    top: 15px
}

html.ie10 .search-bar input[type=text] {
    padding: 26px 60px 26px 56px
}

html.ie10 .dropdown-menu ul.menu li a {
    margin-top: -22px
}

html.ie10 .bs-searchbox .form-control {
    width: 90%
}

html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px!important;
    line-height: 20px!important
}

html.ie11 .sidebar .user-info .info-container {
    top: 15px
}

html.ie11 .search-bar input[type=text] {
    padding: 26px 60px 26px 56px
}

html.ie11 .dropdown-menu ul.menu li a {
    margin-top: -22px
}

html.ie11 .bs-searchbox .form-control {
    width: 90%
}

#search_modal .modal-content>div {
    height: 50vh
}

.table-responsive table th {
    text-transform: capitalize
}

.theme-red .navbar {
    background-color: #f44336
}

.theme-red .navbar-brand {
    color: #fff
}

.theme-red .navbar-brand:active,
.theme-red .navbar-brand:focus,
.theme-red .navbar-brand:hover {
    color: #fff
}

.theme-red .nav>li>a {
    color: #fff
}

.theme-red .nav>li>a:focus,
.theme-red .nav>li>a:hover {
    background-color: transparent
}

.theme-red .nav .open>a {
    background-color: transparent
}

.theme-red .nav .open>a:focus,
.theme-red .nav .open>a:hover {
    background-color: transparent
}

.theme-red .bars {
    color: #fff
}

.theme-red .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-red .sidebar .menu .list li.active>:first-child i,
.theme-red .sidebar .menu .list li.active>:first-child span {
    color: #f44336
}

.theme-red .sidebar .menu .list .ml-menu,
.theme-red .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-red .sidebar .legal {
    background-color: #fff
}

.theme-red .sidebar .legal .copyright a {
    color: #f44336!important
}

.theme-pink .navbar {
    background-color: #e91e63
}

.theme-pink .navbar-brand {
    color: #fff
}

.theme-pink .navbar-brand:active,
.theme-pink .navbar-brand:focus,
.theme-pink .navbar-brand:hover {
    color: #fff
}

.theme-pink .nav>li>a {
    color: #fff
}

.theme-pink .nav>li>a:focus,
.theme-pink .nav>li>a:hover {
    background-color: transparent
}

.theme-pink .nav .open>a {
    background-color: transparent
}

.theme-pink .nav .open>a:focus,
.theme-pink .nav .open>a:hover {
    background-color: transparent
}

.theme-pink .bars {
    color: #fff
}

.theme-pink .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-pink .sidebar .menu .list li.active>:first-child i,
.theme-pink .sidebar .menu .list li.active>:first-child span {
    color: #e91e63
}

.theme-pink .sidebar .menu .list .ml-menu,
.theme-pink .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-pink .sidebar .legal {
    background-color: #fff
}

.theme-pink .sidebar .legal .copyright a {
    color: #e91e63!important
}

.theme-purple .navbar {
    /* background-color: #904d97 */
}

.theme-purple .navbar-brand {
    color: #fff
}

.theme-purple .navbar-brand:active,
.theme-purple .navbar-brand:focus,
.theme-purple .navbar-brand:hover {
    color: #fff
}

.theme-purple .nav>li>a {
    color: #fff
}

.theme-purple .nav>li>a:focus,
.theme-purple .nav>li>a:hover {
    background-color: transparent
}

.theme-purple .nav .open>a {
    background-color: transparent
}

.theme-purple .nav .open>a:focus,
.theme-purple .nav .open>a:hover {
    background-color: transparent
}

.theme-purple .bars {
    color: #fff
}

.theme-purple .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-purple .sidebar .menu .list li.active>:first-child i,
.theme-purple .sidebar .menu .list li.active>:first-child span {
    /* color: #904d97 */
}

.theme-purple .sidebar .menu .list .ml-menu,
.theme-purple .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-purple .sidebar .legal {
    background-color: #fff
}

.theme-purple .sidebar .legal .copyright a {
    /* color: #904d97 !important*/
}

.theme-deep-purple .navbar {
    background-color: #673ab7
}

.theme-deep-purple .navbar-brand {
    color: #fff
}

.theme-deep-purple .navbar-brand:active,
.theme-deep-purple .navbar-brand:focus,
.theme-deep-purple .navbar-brand:hover {
    color: #fff
}

.theme-deep-purple .nav>li>a {
    color: #fff
}

.theme-deep-purple .nav>li>a:focus,
.theme-deep-purple .nav>li>a:hover {
    background-color: transparent
}

.theme-deep-purple .nav .open>a {
    background-color: transparent
}

.theme-deep-purple .nav .open>a:focus,
.theme-deep-purple .nav .open>a:hover {
    background-color: transparent
}

.theme-deep-purple .bars {
    color: #fff
}

.theme-deep-purple .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-deep-purple .sidebar .menu .list li.active>:first-child i,
.theme-deep-purple .sidebar .menu .list li.active>:first-child span {
    color: #673ab7
}

.theme-deep-purple .sidebar .menu .list .ml-menu,
.theme-deep-purple .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-deep-purple .sidebar .legal {
    background-color: #fff
}

.theme-deep-purple .sidebar .legal .copyright a {
    color: #673ab7!important
}

.theme-indigo .navbar {
    background-color: #3f51b5
}

.theme-indigo .navbar-brand {
    color: #fff
}

.theme-indigo .navbar-brand:active,
.theme-indigo .navbar-brand:focus,
.theme-indigo .navbar-brand:hover {
    color: #fff
}

.theme-indigo .nav>li>a {
    color: #fff
}

.theme-indigo .nav>li>a:focus,
.theme-indigo .nav>li>a:hover {
    background-color: transparent
}

.theme-indigo .nav .open>a {
    background-color: transparent
}

.theme-indigo .nav .open>a:focus,
.theme-indigo .nav .open>a:hover {
    background-color: transparent
}

.theme-indigo .bars {
    color: #fff
}

.theme-indigo .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-indigo .sidebar .menu .list li.active>:first-child i,
.theme-indigo .sidebar .menu .list li.active>:first-child span {
    color: #3f51b5
}

.theme-indigo .sidebar .menu .list .ml-menu,
.theme-indigo .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-indigo .sidebar .legal {
    background-color: #fff
}

.theme-indigo .sidebar .legal .copyright a {
    color: #3f51b5!important
}

.theme-blue .navbar {
    background-color: #2196f3
}

.theme-blue .navbar-brand {
    color: #fff
}

.theme-blue .navbar-brand:active,
.theme-blue .navbar-brand:focus,
.theme-blue .navbar-brand:hover {
    color: #fff
}

.theme-blue .nav>li>a {
    color: #fff
}

.theme-blue .nav>li>a:focus,
.theme-blue .nav>li>a:hover {
    background-color: transparent
}

.theme-blue .nav .open>a {
    background-color: transparent
}

.theme-blue .nav .open>a:focus,
.theme-blue .nav .open>a:hover {
    background-color: transparent
}

.theme-blue .bars {
    color: #fff
}

.theme-blue .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-blue .sidebar .menu .list li.active>:first-child i,
.theme-blue .sidebar .menu .list li.active>:first-child span {
    color: #2196f3
}

.theme-blue .sidebar .menu .list .ml-menu,
.theme-blue .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-blue .sidebar .legal {
    background-color: #fff
}

.theme-blue .sidebar .legal .copyright a {
    color: #2196f3!important
}

.theme-light-blue .navbar {
    background-color: #03a9f4
}

.theme-light-blue .navbar-brand {
    color: #fff
}

.theme-light-blue .navbar-brand:active,
.theme-light-blue .navbar-brand:focus,
.theme-light-blue .navbar-brand:hover {
    color: #fff
}

.theme-light-blue .nav>li>a {
    color: #fff
}

.theme-light-blue .nav>li>a:focus,
.theme-light-blue .nav>li>a:hover {
    background-color: transparent
}

.theme-light-blue .nav .open>a {
    background-color: transparent
}

.theme-light-blue .nav .open>a:focus,
.theme-light-blue .nav .open>a:hover {
    background-color: transparent
}

.theme-light-blue .bars {
    color: #fff
}

.theme-light-blue .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-light-blue .sidebar .menu .list li.active>:first-child i,
.theme-light-blue .sidebar .menu .list li.active>:first-child span {
    color: #03a9f4
}

.theme-light-blue .sidebar .menu .list .ml-menu,
.theme-light-blue .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-light-blue .sidebar .legal {
    background-color: #fff
}

.theme-light-blue .sidebar .legal .copyright a {
    color: #03a9f4!important
}

.theme-cyan .navbar {
    background-color: #00bcd4
}

.theme-cyan .navbar-brand {
    color: #fff
}

.theme-cyan .navbar-brand:active,
.theme-cyan .navbar-brand:focus,
.theme-cyan .navbar-brand:hover {
    color: #fff
}

.theme-cyan .nav>li>a {
    color: #fff
}

.theme-cyan .nav>li>a:focus,
.theme-cyan .nav>li>a:hover {
    background-color: transparent
}

.theme-cyan .nav .open>a {
    background-color: transparent
}

.theme-cyan .nav .open>a:focus,
.theme-cyan .nav .open>a:hover {
    background-color: transparent
}

.theme-cyan .bars {
    color: #fff
}

.theme-cyan .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-cyan .sidebar .menu .list li.active>:first-child i,
.theme-cyan .sidebar .menu .list li.active>:first-child span {
    color: #00bcd4
}

.theme-cyan .sidebar .menu .list .ml-menu,
.theme-cyan .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-cyan .sidebar .legal {
    background-color: #fff
}

.theme-cyan .sidebar .legal .copyright a {
    color: #00bcd4!important
}

.theme-teal .navbar {
    background-color: #009688
}

.theme-teal .navbar-brand {
    color: #fff
}

.theme-teal .navbar-brand:active,
.theme-teal .navbar-brand:focus,
.theme-teal .navbar-brand:hover {
    color: #fff
}

.theme-teal .nav>li>a {
    color: #fff
}

.theme-teal .nav>li>a:focus,
.theme-teal .nav>li>a:hover {
    background-color: transparent
}

.theme-teal .nav .open>a {
    background-color: transparent
}

.theme-teal .nav .open>a:focus,
.theme-teal .nav .open>a:hover {
    background-color: transparent
}

.theme-teal .bars {
    color: #fff
}

.theme-teal .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-teal .sidebar .menu .list li.active>:first-child i,
.theme-teal .sidebar .menu .list li.active>:first-child span {
    color: #009688
}

.theme-teal .sidebar .menu .list .ml-menu,
.theme-teal .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-teal .sidebar .legal {
    background-color: #fff
}

.theme-teal .sidebar .legal .copyright a {
    color: #009688!important
}

.theme-green .navbar {
    background-color: #4caf50
}

.theme-green .navbar-brand {
    color: #fff
}

.theme-green .navbar-brand:active,
.theme-green .navbar-brand:focus,
.theme-green .navbar-brand:hover {
    color: #fff
}

.theme-green .nav>li>a {
    color: #fff
}

.theme-green .nav>li>a:focus,
.theme-green .nav>li>a:hover {
    background-color: transparent
}

.theme-green .nav .open>a {
    background-color: transparent
}

.theme-green .nav .open>a:focus,
.theme-green .nav .open>a:hover {
    background-color: transparent
}

.theme-green .bars {
    color: #fff
}

.theme-green .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-green .sidebar .menu .list li.active>:first-child i,
.theme-green .sidebar .menu .list li.active>:first-child span {
    color: #4caf50
}

.theme-green .sidebar .menu .list .ml-menu,
.theme-green .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-green .sidebar .legal {
    background-color: #fff
}

.theme-green .sidebar .legal .copyright a {
    color: #4caf50!important
}

.theme-light-green .navbar {
    background-color: #8bc34a
}

.theme-light-green .navbar-brand {
    color: #fff
}

.theme-light-green .navbar-brand:active,
.theme-light-green .navbar-brand:focus,
.theme-light-green .navbar-brand:hover {
    color: #fff
}

.theme-light-green .nav>li>a {
    color: #fff
}

.theme-light-green .nav>li>a:focus,
.theme-light-green .nav>li>a:hover {
    background-color: transparent
}

.theme-light-green .nav .open>a {
    background-color: transparent
}

.theme-light-green .nav .open>a:focus,
.theme-light-green .nav .open>a:hover {
    background-color: transparent
}

.theme-light-green .bars {
    color: #fff
}

.theme-light-green .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-light-green .sidebar .menu .list li.active>:first-child i,
.theme-light-green .sidebar .menu .list li.active>:first-child span {
    color: #8bc34a
}

.theme-light-green .sidebar .menu .list .ml-menu,
.theme-light-green .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-light-green .sidebar .legal {
    background-color: #fff
}

.theme-light-green .sidebar .legal .copyright a {
    color: #8bc34a!important
}

.theme-lime .navbar {
    background-color: #cddc39
}

.theme-lime .navbar-brand {
    color: #fff
}

.theme-lime .navbar-brand:active,
.theme-lime .navbar-brand:focus,
.theme-lime .navbar-brand:hover {
    color: #fff
}

.theme-lime .nav>li>a {
    color: #fff
}

.theme-lime .nav>li>a:focus,
.theme-lime .nav>li>a:hover {
    background-color: transparent
}

.theme-lime .nav .open>a {
    background-color: transparent
}

.theme-lime .nav .open>a:focus,
.theme-lime .nav .open>a:hover {
    background-color: transparent
}

.theme-lime .bars {
    color: #fff
}

.theme-lime .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-lime .sidebar .menu .list li.active>:first-child i,
.theme-lime .sidebar .menu .list li.active>:first-child span {
    color: #cddc39
}

.theme-lime .sidebar .menu .list .ml-menu,
.theme-lime .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-lime .sidebar .legal {
    background-color: #fff
}

.theme-lime .sidebar .legal .copyright a {
    color: #cddc39!important
}

.theme-yellow .navbar {
    background-color: #ffeb3b
}

.theme-yellow .navbar-brand {
    color: #fff
}

.theme-yellow .navbar-brand:active,
.theme-yellow .navbar-brand:focus,
.theme-yellow .navbar-brand:hover {
    color: #fff
}

.theme-yellow .nav>li>a {
    color: #fff
}

.theme-yellow .nav>li>a:focus,
.theme-yellow .nav>li>a:hover {
    background-color: transparent
}

.theme-yellow .nav .open>a {
    background-color: transparent
}

.theme-yellow .nav .open>a:focus,
.theme-yellow .nav .open>a:hover {
    background-color: transparent
}

.theme-yellow .bars {
    color: #fff
}

.theme-yellow .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-yellow .sidebar .menu .list li.active>:first-child i,
.theme-yellow .sidebar .menu .list li.active>:first-child span {
    color: #ffeb3b
}

.theme-yellow .sidebar .menu .list .ml-menu,
.theme-yellow .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-yellow .sidebar .legal {
    background-color: #fff
}

.theme-yellow .sidebar .legal .copyright a {
    color: #ffeb3b!important
}

.theme-amber .navbar {
    background-color: #ffc107
}

.theme-amber .navbar-brand {
    color: #fff
}

.theme-amber .navbar-brand:active,
.theme-amber .navbar-brand:focus,
.theme-amber .navbar-brand:hover {
    color: #fff
}

.theme-amber .nav>li>a {
    color: #fff
}

.theme-amber .nav>li>a:focus,
.theme-amber .nav>li>a:hover {
    background-color: transparent
}

.theme-amber .nav .open>a {
    background-color: transparent
}

.theme-amber .nav .open>a:focus,
.theme-amber .nav .open>a:hover {
    background-color: transparent
}

.theme-amber .bars {
    color: #fff
}

.theme-amber .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-amber .sidebar .menu .list li.active>:first-child i,
.theme-amber .sidebar .menu .list li.active>:first-child span {
    color: #ffc107
}

.theme-amber .sidebar .menu .list .ml-menu,
.theme-amber .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-amber .sidebar .legal {
    background-color: #fff
}

.theme-amber .sidebar .legal .copyright a {
    color: #ffc107!important
}

.theme-orange .navbar {
    background-color: #ff9800
}

.theme-orange .navbar-brand {
    color: #fff
}

.theme-orange .navbar-brand:active,
.theme-orange .navbar-brand:focus,
.theme-orange .navbar-brand:hover {
    color: #fff
}

.theme-orange .nav>li>a {
    color: #fff
}

.theme-orange .nav>li>a:focus,
.theme-orange .nav>li>a:hover {
    background-color: transparent
}

.theme-orange .nav .open>a {
    background-color: transparent
}

.theme-orange .nav .open>a:focus,
.theme-orange .nav .open>a:hover {
    background-color: transparent
}

.theme-orange .bars {
    color: #fff
}

.theme-orange .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-orange .sidebar .menu .list li.active>:first-child i,
.theme-orange .sidebar .menu .list li.active>:first-child span {
    color: #ff9800
}

.theme-orange .sidebar .menu .list .ml-menu,
.theme-orange .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-orange .sidebar .legal {
    background-color: #fff
}

.theme-orange .sidebar .legal .copyright a {
    color: #ff9800!important
}

.theme-deep-orange .navbar {
    background-color: #ff5722
}

.theme-deep-orange .navbar-brand {
    color: #fff
}

.theme-deep-orange .navbar-brand:active,
.theme-deep-orange .navbar-brand:focus,
.theme-deep-orange .navbar-brand:hover {
    color: #fff
}

.theme-deep-orange .nav>li>a {
    color: #fff
}

.theme-deep-orange .nav>li>a:focus,
.theme-deep-orange .nav>li>a:hover {
    background-color: transparent
}

.theme-deep-orange .nav .open>a {
    background-color: transparent
}

.theme-deep-orange .nav .open>a:focus,
.theme-deep-orange .nav .open>a:hover {
    background-color: transparent
}

.theme-deep-orange .bars {
    color: #fff
}

.theme-deep-orange .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-deep-orange .sidebar .menu .list li.active>:first-child i,
.theme-deep-orange .sidebar .menu .list li.active>:first-child span {
    color: #ff5722
}

.theme-deep-orange .sidebar .menu .list .ml-menu,
.theme-deep-orange .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-deep-orange .sidebar .legal {
    background-color: #fff
}

.theme-deep-orange .sidebar .legal .copyright a {
    color: #ff5722!important
}

.theme-brown .navbar {
    background-color: #795548
}

.theme-brown .navbar-brand {
    color: #fff
}

.theme-brown .navbar-brand:active,
.theme-brown .navbar-brand:focus,
.theme-brown .navbar-brand:hover {
    color: #fff
}

.theme-brown .nav>li>a {
    color: #fff
}

.theme-brown .nav>li>a:focus,
.theme-brown .nav>li>a:hover {
    background-color: transparent
}

.theme-brown .nav .open>a {
    background-color: transparent
}

.theme-brown .nav .open>a:focus,
.theme-brown .nav .open>a:hover {
    background-color: transparent
}

.theme-brown .bars {
    color: #fff
}

.theme-brown .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-brown .sidebar .menu .list li.active>:first-child i,
.theme-brown .sidebar .menu .list li.active>:first-child span {
    color: #795548
}

.theme-brown .sidebar .menu .list .ml-menu,
.theme-brown .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-brown .sidebar .legal {
    background-color: #fff
}

.theme-brown .sidebar .legal .copyright a {
    color: #795548!important
}

.theme-grey .navbar {
    background-color: #9e9e9e
}

.theme-grey .navbar-brand {
    color: #fff
}

.theme-grey .navbar-brand:active,
.theme-grey .navbar-brand:focus,
.theme-grey .navbar-brand:hover {
    color: #fff
}

.theme-grey .nav>li>a {
    color: #fff
}

.theme-grey .nav>li>a:focus,
.theme-grey .nav>li>a:hover {
    background-color: transparent
}

.theme-grey .nav .open>a {
    background-color: transparent
}

.theme-grey .nav .open>a:focus,
.theme-grey .nav .open>a:hover {
    background-color: transparent
}

.theme-grey .bars {
    color: #fff
}

.theme-grey .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-grey .sidebar .menu .list li.active>:first-child i,
.theme-grey .sidebar .menu .list li.active>:first-child span {
    color: #9e9e9e
}

.theme-grey .sidebar .menu .list .ml-menu,
.theme-grey .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-grey .sidebar .legal {
    background-color: #fff
}

.theme-grey .sidebar .legal .copyright a {
    color: #9e9e9e!important
}

.theme-blue-grey .navbar {
    background-color: #607d8b
}

.theme-blue-grey .navbar-brand {
    color: #fff
}

.theme-blue-grey .navbar-brand:active,
.theme-blue-grey .navbar-brand:focus,
.theme-blue-grey .navbar-brand:hover {
    color: #fff
}

.theme-blue-grey .nav>li>a {
    color: #fff
}

.theme-blue-grey .nav>li>a:focus,
.theme-blue-grey .nav>li>a:hover {
    background-color: transparent
}

.theme-blue-grey .nav .open>a {
    background-color: transparent
}

.theme-blue-grey .nav .open>a:focus,
.theme-blue-grey .nav .open>a:hover {
    background-color: transparent
}

.theme-blue-grey .bars {
    color: #fff
}

.theme-blue-grey .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-blue-grey .sidebar .menu .list li.active>:first-child i,
.theme-blue-grey .sidebar .menu .list li.active>:first-child span {
    color: #607d8b
}

.theme-blue-grey .sidebar .menu .list .ml-menu,
.theme-blue-grey .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-blue-grey .sidebar .legal {
    background-color: #fff
}

.theme-blue-grey .sidebar .legal .copyright a {
    color: #607d8b!important
}

.theme-black .navbar {
    background-color: #000
}

.theme-black .navbar-brand {
    color: #fff
}

.theme-black .navbar-brand:active,
.theme-black .navbar-brand:focus,
.theme-black .navbar-brand:hover {
    color: #fff
}

.theme-black .nav>li>a {
    color: #fff
}

.theme-black .nav>li>a:focus,
.theme-black .nav>li>a:hover {
    background-color: transparent
}

.theme-black .nav .open>a {
    background-color: transparent
}

.theme-black .nav .open>a:focus,
.theme-black .nav .open>a:hover {
    background-color: transparent
}

.theme-black .bars {
    color: #fff
}

.theme-black .sidebar .menu .list li.active {
    background-color: transparent
}

.theme-black .sidebar .menu .list li.active>:first-child i,
.theme-black .sidebar .menu .list li.active>:first-child span {
    color: #000
}

.theme-black .sidebar .menu .list .ml-menu,
.theme-black .sidebar .menu .list .toggled {
    background-color: transparent
}

.theme-black .sidebar .legal {
    background-color: #fff
}

.theme-black .sidebar .legal .copyright a {
    color: #000!important
}

body {
    font-family: Lato;
    color: #333;
    /*letter-spacing: .5px;*/
    background-color: #f1ebeb !important;
}

.open>.social-right {
    display: block;
    right: 0!important;
    top: 25px;
    z-index: 1;
    right: 0!important;
    left: unset!important;
    z-index: 999!important;
    margin-top: -35px!important
}

.placeholder::-webkit-input-placeholder {
    text-align: center;
    vertical-align: middle
}

.placeholder::-moz-placeholder {
    text-align: center;
    vertical-align: middle
}

.placeholder:-moz-placeholder {
    text-align: center;
    vertical-align: middle
}

.placeholder:-ms-input-placeholder {
    text-align: center;
    vertical-align: middle
}

a {
    color: #333
}

a:focus,
a:hover {
    color: #111;
    text-decoration: none
}

.store-img {
    width: 120px!important
}

.email-logo-container {
    width: 275px!important
}

p {
    line-height: 20px;
    margin: 0 0 10px
}

img.max {
    width: 100%
}

.line-height-10 {
    line-height: 10px!important
}

.line-height-15 {
    line-height: 15px!important
}

.line-height-20 {
    line-height: 20px!important
}

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

.border-t-1 {
    border-top: 1px solid #ddd!important
}

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

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

.clr-black {
    color: #333!important
}

.clr-grey {
    color: grey!important
}

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

.clr-red {
    color: red!important
}

.clr-green {
    color: #59c35d!important
}

.clr-blue {
    color: #00bcd4!important
}

.clr-orange {
    color: #ff5722!important
}

.clr-yellow {
    color: #ffc107!important
}

.absolute-hidden {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

.form-col {
    margin-bottom: 0!important
}

.font-weight-normal {
    font-weight: 400!important
}

.float-none {
    float: none!important
}

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

.margin-0 {
    margin: 0!important
}

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

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

.bold {
    font-weight: 700!important
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.position-r {
    position: relative!important
}

.position-a {
    position: absolute!important
}

.form-group .form-line:after {
    border-bottom: 2px solid #4caf50
}

.form-line.custom-error:after,
.redborder:after {
    border-bottom: 2px solid #f44336!important
}

.redborder {
    border-bottom-color: #f44336!important
}

.right-bottom {
    position: absolute;
    right: 15px;
    bottom: 15px
}

.icon-right {
    position: absolute;
    right: 0;
    bottom: 2px;
    z-index: 99;
    font-size: 20px
}

.cursor-pointer {
    cursor: pointer
}

.spin {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear
}

.desc-height {
    height: 37px;
    overflow: hidden
}

.title-height {
    height: 33px;
    overflow: hidden;
    display: block
}

.fa {
    font-size: 20px
}

.black-clr {
    color: #555
}

.back-icon {
    font-size: 17px
}

.bg-purple {
    /* background-color: #904d97 !important;*/
    color: #fff;
}
/*.bg-purple {
   
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 20px!important;
}*/

.btn-success {
    background-color: #01ab45;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
    color: #fff !important;
}

.btn.bg-purple.focus,
.btn.bg-purple:focus,
.btn.bg-purple:hover {
    color: #fff
}

.btn-icon {
    padding: 6px
}

.btn-icon i {
    font-size: 15px!important;
    font-weight: 700
}

.bg-facebook {
    background-color: #3b5998;
    color: #fff
}

.bg-linkedin {
    background-color: #0077b5;
    color: #fff
}

.bg-google-plus {
    background-color: #db4437;
    color: #fff
}

.bg-instagram {
    background: #d6249f;
    color: #fff
}

.btn-circle i.fa-instagram {
    font-size: 22px;
    font-weight: 600
}

.bg-twitter {
    background-color: #1c94e0;
    color: #fff
}

.hover-white.focus,
.hover-white:focus,
.hover-white:hover {
    color: #fff
}

.modal-footer {
    padding-top: 0
}

.form-group p.text {
    margin-bottom: 5px;
    font-weight: 700
}

.disable-filters .dataTables_wrapper .row:first-child,
.disable-filters .dataTables_wrapper .row:last-child {
    display: none
}

.dataTables_wrapper .row:first-child {
    display: none
}

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

.absolute-figure img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto!important;
    width: auto!important;
    height: auto!important
}

.info-box {
    cursor: initial
}

.btn-text {
    padding: 0
}

.btn-text:hover {
    background-color: transparent
}

.font-normal {
    font-weight: 400
}

div[data-notify=container] {
    display: none!important
}

div[data-notify=container]:last-child {
    display: block!important
}

.media-b-0 .media {
    margin-bottom: 0!important
}

.card .header h2 {
    font-size: 18px;
    text-transform: capitalize
}

.card .header h1 {
    font-size: 19px;
    margin: 0
}

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

.rowcc {
    margin-left: -8px;
    margin-right: -8px
}

.input-date .fa,
.input-date .glyphicon {
    position: absolute;
    right: 19px;
    top: 7px;
    font-size: 22px;
    z-index: 0;
    color: #8c8787;
    cursor: pointer
}

.bootstrap-select .bs-actionsbox .form-control,
.bootstrap-select .bs-donebutton .form-control,
.bootstrap-select .bs-searchbox .form-control {
    margin-left: 40px
}

.radious-0 {
    border-radius: 0!important
}

.company-logo {
    max-width: 100%!important;
    width: auto!important;
    /* padding: 10px; */
    min-height: auto!important
}

.box-shadow {
    box-shadow: 0 0 10px #e0dede
}

li {
    list-style-type: none
}

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none!important
}

@keyframes rotate360 {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

.spinner-wrap {
    height: 225px;
    position: relative;
    clear: both
}

.spinner {
    left: 46%;
    font-size: 10px;
    border: .4em solid #dadbdf;
    /* border-left: .4em solid #904d97; */
    animation: spin 1.1s infinite linear;
    margin: 20px 0
}

.spinner,
.spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    display: block;
    position: absolute;
    top: 52%;
    margin-top: -4.05em
}

@keyframes spin {
    0% {
        transform: rotate(360deg)
    }
    100% {
        transform: rotate(0)
    }
}

.height-50 {
    height: 50px
}

.height-300 {
    height: 300px
}

.blockquote {
    padding: 10px 15px;
    font-size: 14px;
    /* border-left: 5px solid #904d97; */
    background-color: #f1ebeb
}

.applied-btn {
    opacity: .5;
    cursor: default
}

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

.padding-20 {
    padding: 20px
}

.radio-normal {
    position: static!important;
    opacity: 1!important
}

tags-input .tags .tag-item.selected {
    /* background: #904d97!important; */
    color: #fff!important
}



tags-input .tags {
    box-shadow: none!important;
    border: none!important
}

tags-input .tags.focused {
    border: none!important
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    /*background: #904d97; */
}

.dtp div.dtp-date,
.dtp div.dtp-time {
    /*background: #904d97; */
}

.dtp table.dtp-picker-days tr td a.selected {
    /*background: #904d97; */
}

.min-width-100 {
    min-width: 100px
}

.min-width-75 {
    min-width: 75px
}

.form-control {
    color: #333
}

.disabledtag {
    opacity: .3;
    pointer-events: none
}

.hover-purple:hover {
    /* color: #904d97 */
}

.border-none {
    border: none!important
}

.clr-purple {
    /* color: #904d97 */
}

.clr-white {
    color: #fff
}

.cursor-auto {
    cursor: auto!important
}

.absolute-tag {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: auto
}

.text-uppecase {
    text-transform: uppercase
}

.radius-50 {
    border-radius: 50%
}

.radius-5 {
    border-radius: 5px!important
}

.padding-5 {
    padding: 5px!important
}

.text-normal {
    text-transform: none!important
}

.disabled {
    cursor: not-allowed!important;
    opacity: .25!important
}

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

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

.purple {
    /* background-color: #904d97 */
}

.bg-light-green,
.bg-light-green:hover {
    background-color: #cbfbc8!important
}

.bg-light-blue,
.bg-light-blue:hover {
    background-color: #cbf7f5!important
}

.bg-light-yellow,
.bg-light-yellow:hover {
    background-color: #f3eb93!important
}

.bg-light-red,
.bg-light-red:hover {
    background-color: #efc2bb!important
}

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

.edit-remove {
    min-width: 135px
}

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

.min-width-55 {
    min-width: 55px
}

.no-hover:hover {
    background-color: inherit
}

.min-width-50 {
    min-width: 50px!important
}

.min-width-60 {
    min-width: 60px!important
}

.min-width-70 {
    min-width: 70px!important
}

.min-width-80 {
    min-width: 80px!important
}

.min-width-85 {
    min-width: 85px!important
}

.min-width-90 {
    min-width: 90px!important
}

.min-width-100 {
    min-width: 100px!important
}

.min-width-110 {
    min-width: 110px!important
}

.min-width-120 {
    min-width: 120px!important
}

.min-width-130 {
    min-width: 130px!important
}

.min-width-140 {
    min-width: 140px!important
}

.min-width-150 {
    min-width: 150px!important
}

.width-105 {
    width: 105px!important
}

.width-100 {
    width: 100px
}

.width-200 {
    width: 200px
}

.max-height-245 {
    max-height: 245px
}

.min-width-105 {
    min-width: 105px!important
}

.width-100p {
    width: 100%!important
}

.margin-0-auto {
    margin: 0 auto
}

.margin-auto {
    margin: auto!important
}

.btn-circle-sm {
    width: 33px;
    height: 33px;
    line-height: 24px;
    padding: 6px 6px 6px 7px;
    margin-right: 4px
}

.btn-circle-sm i {
    font-size: 15px
}

.min-width-125 {
    min-width: 125px!important
}

.break-all {
    word-break: break-all!important
}

.italic {
    font-style: italic
}

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

.font-15 {
    font-size: 15px!important
}

.pull-right-xs {
    float: right!important
}

.top-75 {
    top: 75px!important
}

.width-80 {
    width: 80px!important
}

.width-auto {
    width: auto!important
}

.width-135 {
    width: 135px!important
}

.width-120 {
    width: 120px!important
}

.width-140 {
    width: 140px!important
}

.p-t-22 {
    padding-top: 22px!important
}

.width-170 {
    width: 170px!important
}

.btn-input {
    margin-bottom: 7px!important;
    margin-right: 10px!important;
    display: inline-block
}

.btn-input-m-0 {
    margin: 0!important
}

.btn-input-m-0 label {
    margin: 0!important
}

.btn-input [type=checkbox]+label:before,
.btn-input [type=radio].with-gap:checked+label:after,
.btn-input [type=radio].with-gap:checked+label:before,
.btn-input [type=radio]:checked+label:after,
.btn-input [type=radio]:not(:checked)+label:after,
.btn-input [type=radio]:not(:checked)+label:before,
[type=checkbox]:not(.filled-in)+label:after {
    width: 0!important;
    height: 0!important;
    border: 0!important
}

.btn-input label {
    padding: 5px 12px!important;
    line-height: 21px!important;
    background-color: #fff!important;
    height: auto!important;
    border-radius: 15px!important;
    border: 1px solid #00bcd4!important;
    color: #00bcd4!important;
    text-transform: capitalize!important
}

.btn-input [type=checkbox]:checked+label,
.btn-input [type=radio]:checked+label {
    background-color: #00bcd4!important;
    color: #fff!important
}

.btn-input-icon {
    width: 100%;
    text-align: center
}

.btn-input-icon label {
    border-radius: 7px!important;
    width: 100%;
    font-weight: 700;
    min-height: 97px
}

.btn-input label svg {
    fill: #00bcd4
}

.btn-input [type=checkbox]:checked+label,
.btn-input [type=radio]:checked+label svg {
    fill: #fff!important
}

.btn-beginner label {
    background-color: #fff!important;
    border: 1px solid #ffc107!important;
    color: #ffc107!important
}

.btn-beginner [type=checkbox]:checked+label,
.btn-beginner [type=radio]:checked+label {
    background-color: #ffc107!important
}

.btn-violet label {
    background-color: #fff!important;
    border: 1px solid #40e0d0cd4!important;
    color: #40e0d0!important
}

.btn-intermediate label {
    background-color: #fff!important;
    border: 1px solid #00bcd4!important;
    color: #00bcd4!important
}

.btn-intermediate [type=checkbox]:checked+label,
.btn-intermediate [type=radio]:checked+label {
    background-color: #00bcd4!important
}

.btn-expert label {
    background-color: #fff!important;
    border: 1px solid #59c35d!important;
    color: #59c35d!important
}

.btn-expert [type=checkbox]:checked+label,
.btn-expert [type=radio]:checked+label {
    background-color: #59c35d!important
}

.btn-orange label {
    background-color: #fff!important;
    border: 1px solid #ff5722!important;
    color: #ff5722!important
}

.btn-orange [type=checkbox]:checked+label,
.btn-orange [type=radio]:checked+label {
    background-color: #ff5722!important
}

.btn-main label, .file-style {
    background-color: #fff!important;
    /* border: 1px solid #904d97!important; */
    /*color: #904d97!important*/
}

.btn-main label svg {
    fill: #904d97
}

.btn-main [type=checkbox]:checked+label,
.btn-main [type=radio]:checked+label {
    /* background-color: #904d97 !important */
}

.hide {
    display: none!important
}

.p-r-40 {
    padding-right: 40px
}

.md-card {
    background: #fff;
    min-height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.md-card .header {
    color: #555;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, .35);
    padding: 20px 20px 10px;
    font-size: 19px
}

.md-card .header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #111
}

.md-card .body {
    padding: 15px 20px 20px
}

.visibility-hidden {
    visibility: hidden
}

.btn-with-icon i {
    color: #fff!important;
    margin-right: 4px;
    line-height: 12px;
    font-size: 23px!important
}

.bg-yellow {
    background-color: #ffc107 !important
}

.bg-blue {
    background-color: #00bcd4 !important;
}

.bg-green {
    background-color: #59c35d !important;
}

.bg-red {
    background-color: #fb483a!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.rating-level-0 .progress-bar,
.rating-level-0 .rating-span {
    background-color: #fb483a!important
}

.rating-level-1 .progress-bar,
.rating-level-1 .rating-span {
    background-color: #ffe821!important
}

.rating-level-2 .progress-bar,
.rating-level-2 .rating-span {
    background-color: #2196f3!important
}

.rating-level-3 .progress-bar,
.rating-level-3 .rating-span {
    background-color: #4caf50!important
}

.fixed-pull-right {
    float: right
}

.arrow_box {
    position: relative;
    /* background: #904d97; */
    z-index: 9999;
    padding: 4px 2px 4px 5px;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    border: 3px solid #fff;
    border-left: none
}

.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow_box:before {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 19px;
    margin-top: -19px;
    left: 102%
}

.arrow_box:after {
    border-color: rgba(194, 225, 245, 0);
    /* border-left-color: #904d97; */
    border-width: 16px;
    margin-top: -16px
}

.sticky-half {
    position: fixed;
    top: 70%;
    z-index: 999
}

.min-width-150 {
    min-width: 150px!important
}

.primary-color {
    /* color: #904d97 */
}

.btn-grey,
.btn-grey:focus,
.btn-grey:hover {
    background-color: #606065;
    color: #fff!important
}

.row-5 {
    margin-left: -5px;
    margin-right: -5px
}

.col-5 {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.instant-edit {
    position: relative
}

.instant-edit .instant-edit-btn {
    position: absolute;
    right: 0;
    top: 0
}

.instant-edit .instant-edit-btn .fa {
    color: #fff;
    top: 0!important
}

.instant-edit .instant-edit-save {
    right: 47px
}

.instant-edit .form-control {
    padding-right: 100px
}

.non-instant-edit {
    height: 35px;
    cursor: pointer
}

p:focus {
    outline: 0
}

.new-card {
    background: #fff;
    min-height: 50px;
    position: relative;
    margin-bottom: 20px
}

.new-card .new-header {
    padding: 10px 15px;
    border-bottom: 1px solid #f1f0f0
}

.new-card .new-header h4 {
    font-size: 16px;
    margin: 0;
    min-height: 32px;
    padding-top: 6px;
    font-weight: 400
}

.new-card .new-body {
    padding: 15px
}

.new-card:focus {
    outline: 0
}

.fill-grey {
    fill: #9c9a9a
}

.svgMidCircle {
    height: 35px;
    display: block;
    width: 100%;
    text-align: center
}

.svgMidCircle img.svg {
    height: 35px;
    width: 35px;
    padding: 5px;
    color: #fff;
    /* background: #904d97; */
    border-radius: 15%
}

.icon-top {
    display: block;
    padding: 10px
}

li:focus {
    outline: 0
}

.switch-on-head label {
    margin: 0
}

.opacity-6 {
    opacity: .6
}

.radio-disabled-yellow .md-off {
    background-color: #ffc107
}

.full-center {
    width: 100%;
    text-align: center
}

.m-t-65 {
    margin-top: 101px!important
}

.background-green {
    background-color: #59c35d!important
}

.background-blue {
    background-color: #00bcd4!important
}

.background-yellow {
    background-color: #ffc107!important
}

.background-orange {
    background-color: #ff5722!important
}

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

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

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

.nav-top .container {
    position: relative
}

.dropdown-menu ul.menu li {
    list-style-type: none
}

.right-sidebar .nav-tabs li:first-child {
    width: 100%
}

.navbar-header {
    width: 25%;
    width: -webkit-calc(300px - 0px);
    width: -moz-calc(300px - 0px);
    width: calc(300px - 0px)
}

.global-search-wrap {
    width: 60%;
    width: -webkit-calc(100% - 430px);
    width: -moz-calc(100% - 430px);
    width: calc(100% - 430px);
    float: left;
    margin-top: 7px
}

.log {
    width: 15%;
    width: -webkit-calc(130px - 0px);
    width: -moz-calc(130px - 0px);
    width: calc(130px - 0px)
}

#navbar-collapse {
    width: 100%;
    float: right;
    padding-left: 0
}

.global-search-left .dropdown-toggle {
    border: 1px solid #ccc!important
}

.global-search-input {
    float: left;
    height: 38px;
    border-radius: 0;
    padding: 6px 15px;
    color: #000;
    border: 1px solid #ccc;
    border-left: none
}

.global-search-input:focus {
    box-shadow: 0 0 6px #ccc!important;
    outline: 0;
    border: 1px solid #ccc;
    border-left: none
}

.global-search-icon {
    padding: 8px 10px;
    /* background-color: #904d97 */
    color: #fff;
    font-size: 22px;
    top: 0;
    right: 0;
    font-weight: 400;
    border: none
}

.auto-results {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    width: 100%;
    border-top: 0
}

.navbar {
    /* background: linear-gradient(to bottom, #5d1769, #904d97); */
    background: #2196f3!important
}

.navbar-header {
    padding: 0
}

.navbar-nav>li>a {
    margin-top: 6px
}

.navbar-nav li a {
    padding-bottom: 9px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 12px;
    letter-spacing: .5px;
    font-weight: 700
}

.right-sidebar {
    top: 85px
}

.block-header h2 {
    color: #4a4848!important;
    font-size: 20px
}

.card-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff!important;
    height: 250px
}

.overlay-grey {
    background: rgba(21, 20, 19, .7)
}

.overlay-linear {
    background: #391f3c;
    background: -webkit-linear-gradient(to bottom, rgba(7, 3, 8, .8), #391f3c);
    background: -o-linear-gradient(to bottom, rgba(7, 3, 8, .8), #391f3c);
    background: -moz-linear-gradient(to bottom, rgba(7, 3, 8, .8), #391f3c);
    background: linear-gradient(to bottom, rgba(7, 3, 8, .8), #391f3c)
}

.card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.g-card {
    margin-bottom: 0!important
}

.card-content {
    position: relative
}

.card-title {
    font-weight: 700;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 20px;
    line-height: 18px
}

.stars {
    display: block;
    width: 80px;
    background-position: 0 -16px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.stars,
.stars:after {
    height: 16px;
    background-image: url(../images/star.png)
}

.stars:after {
    content: "";
    background-position: 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.s-0:after {
    width: 0
}

.s-0\.5:after {
    width: 8px
}

.s-1:after {
    width: 16px
}

.s-1\.5:after {
    width: 24px
}

.s-2:after {
    width: 32px
}

.s-2\.5:after {
    width: 40px
}

.s-3:after {
    width: 48px
}

.s-3\.5:after {
    width: 56px
}

.s-4:after {
    width: 64px
}

.s-4\.5:after {
    width: 72px
}

.s-5:after {
    width: 80px
}

.like,
.share {
    bottom: 10px;
    right: 10px;
    font-weight: 700;
    height: 35px;
    width: 35px;
    line-height: 10px;
    text-align: center;
    padding: 2px 2px 2px;
    font-size: 12px;
    z-index: 1000
}

.like {
    left: 10px;
    bottom: 10px
}

.like-share {
    position: relative
}

.like .fa-thumbs-up {
    display: none
}

.liked .fa-thumbs-up {
    display: inline-block
}

.liked .fa-thumbs-o-up {
    display: none
}

.liked {
    color: #fff;
    /* background-color: #904d97 !important */
}

.liked:active:focus,
.liked:active:hover,
.liked:focus,
.liked:hover {
    color: #fff!important;
    background-color: #f44336!important
}

.card-details {
    min-height: 120px
}

.card-details .body {
    padding: 15px;
    padding-top: 12px;
    padding-bottom: 6px
}

.stars {
    margin: 1px 0 10px;
    float: left
}

.card-date {
    margin-bottom: 4px;
    min-height: 20px
}

.card-price {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 15px
}

.original-price {
    float: right;
    color: #b9b5b5;
    font-weight: 400;
    font-size: 14px;
    margin-top: 1px
}

.original-price span {
    text-decoration: line-through
}

.card-apply {
    position: absolute;
    left: 25%;
    bottom: 15px;
    width: 50%;
    color: #fff
}

.card-img a {
    color: #fff
}

.card-photo {
    height: 130px;
    background-color: #f5dff5;
    overflow: hidden;
    margin-bottom: 0;
    text-align: center
}

.card-photo img {
    max-height: 130px;
    width: auto;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transform: scale(.9)
}

.card-list:hover .card-photo img,
.colc:hover .card-photo img {
    transform: scale(1)
}

.round-profile img {
    width: 110px!important;
    height: 110px;
    border-radius: 100%;
    border: 1px solid #eee;
    margin-top: 15px;
    min-height: 0!important
}

.card-profile .line::after {
    background: #716e6e;
    left: 25%
}

.card-image {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 7px
}

.card-image img {
    width: 100px!important;
    height: 100px;
    border-radius: 100%;
    padding: 0
}

.card-image img {
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.card-profile .card-title {
    font-size: 16px;
    text-align: center
}

.card-profile .stars {
    margin: 6px auto 10px;
    float: none
}

.profile-box {
    height: auto;
    display: block;
    width: 100%;
    float: left;
    padding: 5px
}

.profile-box .icon {
    padding: 15px 0 0 15px;
    background-color: #fff;
    position: absolute;
    width: 87px
}

.profile-box .title {
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 4px
}

.profile-box.hover-expand-effect:after {
    left: 0
}

.profile-box .stars {
    margin: 4px 0 7px 0
}

.profile-box .text {
    margin: 0!important;
    line-height: 16px;
    overflow: hidden;
    font-size: 13px!important;
    height: 32px
}

.profile-box .content {
    margin-left: 90px;
    padding: 12px 10px;
    width: calc(100% - 90px);
    height: 96px;
    overflow: hidden
}

.profile-location {
    height: 17px;
    overflow: hidden;
    line-height: 20px;
    margin-top: 3px
}

.profile-skills {
    padding: 10px 15px 0;
    border-top: 1px solid #eee;
    height: 49px;
    margin-bottom: 13px;
    overflow: hidden
}

.card-category .body {
    height: 125px
}

.card-category .header h2 {
    height: 58px
}

section.content {
    margin-top: 105px
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    border-right: 19px solid #fff
}

.logs-modal .card {
    margin-bottom: 0
}

.logs-modal .modal-dialog {
    width: 360px
}

.logs-modal .logo img {
    padding: 20px 20px 10px;
    width: 80%
}

.login-page {
    /* background-color: #904d97 */
    margin-top: 130px
}

.login-page .card {
    margin-bottom: 0
}

.dataTables_wrapper .dt-buttons a.dt-button {
    float: left
}

.alert-dismissible .close {
    top: 27%!important
}

.line-tab.wizard .steps a {
    margin: 0 0 10px;
    color: #333;
    background-color: #fff;
    padding: 10px;
    border-bottom: 2px solid #eee
}

.line-tab.wizard .steps li:first-child a {
    margin-left: .5em
}

.line-tab.wizard .steps li:last-child a {
    margin-right: .5em
}

.line-tab.wizard .steps .current a {
    background-color: #fff;
    color: #333;
    border-bottom-color: #2196f3
}

.line-tab.wizard .steps .current a:active,
.line-tab.wizard .steps .current a:focus,
.line-tab.wizard .steps .current a:hover {
    background-color: #fff;
    color: #333
}

.line-tab.wizard>.steps .disabled a {
    background-color: #fff;
    color: #333;
    opacity: .7
}

.line-tab.wizard>.steps .number {
    display: none
}

.line-tab.wizard .steps .done a:active,
.line-tab.wizard .steps .done a:focus,
.line-tab.wizard .steps .done a:hover {
    background-color: #fff;
    font-weight: 700;
    color: #333
}

.line-tab.wizard .steps .error a {
    color: #fff!important;
    border-color: #f44336!important
}

.line-tab.wizard .steps .done a {
    font-weight: 700
}

.line-tab.wizard>.actions a {
    background: #2196f3
}

.line-tab.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: #0d6bb5
}

.line-tab.wizard>.actions .disabled a {
    opacity: .5;
    color: #fff;
    cursor: default
}

.dropdown-menu li:first-child a[tabindex="0"] .check-mark {
    display: none!important
}

.demo-choose-skin li:after {
    display: none
}

.card .header h2 small span.bold {
    color: #777
}

.detail-title {
    font-weight: 700;
    font-size: 30px
}

.detail-title {
    font-weight: 700!important;
    font-size: 20px!important;
    margin-bottom: 10px!important;
    color: #333!important
}

.info-box .content .number {
    font-size: 21px!important
}

.info-box .content .text {
    text-transform: uppercase
}

.show-pass {
    background-color: transparent;
    padding-right: 30px
}

.login-page .login-box .msg {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px
}

.login-page .login-box a {
    color: #333
}

.terms,
.terms a {
    font-size: 11px!important
}

footer.nb-footer {
    background: #222;
    margin-top: 30px
}

footer.nb-footer .about {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 1170px;
    text-align: center
}

footer.nb-footer .about p {
    font-size: 13px;
    color: #999;
    margin-top: 10px
}

footer.nb-footer .about .social-media {
    margin-top: 15px
}

footer.nb-footer .about .social-media ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    font-size: 16px;
    /* color */
    border: 1px solid rgba(255, 255, 255, .3)
}

footer.nb-footer .about .social-media ul li a:hover {
    /* background: #904d97; */
    color: #fff;
    /* border-color: #904d97 */
}

footer.nb-footer .footer-info-single {
    margin-top: 30px
}

footer.nb-footer .footer-info-single .title {
    color: #aaa;
    text-transform: uppercase;
    font-size: 16px;
    /* border-left: 4px solid #904d97; */
    padding-left: 5px
}

footer.nb-footer .footer-info-single ul li a {
    display: block;
    color: #aaa;
    padding: 2px 0
}

footer.nb-footer .footer-info-single ul li a:hover {
    /* color: #904d97 */
}

footer.nb-footer .footer-info-single p {
    font-size: 13px;
    line-height: 20px;
    color: #aaa
}

footer.nb-footer .copyright {
    margin-top: 15px;
    background: #111;
    padding: 7px 0;
    color: #999
}

footer.nb-footer .copyright p {
    margin: 0;
    padding: 0
}

.about img {
    width: 258px
}

.log li a {
    padding-top: 11px;
    padding-bottom: 6px
}

.theme-purple .log .nav li a {
    padding-top: 7px;
    color: #000
}

.log .nav li a.active,
.log .nav li a:hover {
    /* color: #904d97 */
}

.log .dropdown-menu li a {
    color: #333;
    text-align: left;
    padding-left: 5px!important
}

.log .dropdown-menu li {
    border-bottom: 1px solid #efeaea
}

.log .dropdown-menu li:last-child {
    border-bottom: none
}

.logo-text {
    display: none
}

.sidebar {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fdfdfd;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    width: 100%
}

.sidebar .menu .list a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 12px 12px
}

.sidebar .menu .list .ml-menu li a {
    border: none;
    padding-left: 30px
}

.bars:after,
.bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.dashboard-content {
    padding: 0 15px;
    margin-top: 95px!important
}

.profile-dp {
    width: 100px;
    border-radius: 100%;
    border: 3px solid #fbfbfb;
    margin-top: 5px
}

.profile-top {
    background-size: cover;
    background-position: 44%;
    background-color: #f1ebeb!important;
    background-image: none!important;
    border: 15px solid #fff
}

.profile-left {
    width: 16.66666667%;
    float: left;
    text-align: center
}

.profile-right {
    width: 78.33333333%;
    float: right;
    text-align: left
}

.profile-title {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 17px;
    word-break: break-all
}

.profile-code {
    margin: 0 0 3px
}

.profile-right-1 {
    padding-top: 13px
}

.profile-right-2 {
    text-align: right
}

.media-heading {
    font-size: 14px!important
}

.profile-right-2 .btn {
    width: 150px
}

/*.profile-bottom .media-heading {
    font-size: 14px!important;
    margin-bottom: 5px
}*/

.video-wrap {
    position: relative
}

.video-wrap video {
    width: 100%
}

.profile-bottom .video-wrap {
    width: 50%
}

.play-pause {
    background-color: transparent;
    border: none;
    position: absolute;
    color: #fff;
    font-size: 54px;
    width: 100%;
    right: 0;
    top: 0;
    left: 0;
    bottom: 32px
}

.play-pause .fa {
    background-color: rgba(0, 0, 0, .5);
    padding: 10px 14px;
    border-radius: 5px
}

.video-wrap.played .video-buttons {
    visibility: hidden
}

.video-wrap.played:hover .video-buttons {
    visibility: visible
}

.show-pass-icon {
    opacity: .5;
    font-size: 19px;
    top: 11px;
    color: #fff;
    right: 10px
}

.show-pass-icon.active {
    opacity: 1
}

.modal .modal-header {
    padding: 15px 32px 13px 15px;
    border-bottom: 1px solid #eee
}

.modal .modal-content .modal-body {
    color: #777
}

.modal-header .close {
    position: absolute;
    right: 4px;
    top: 15px;
    padding: 2px 7px;
    opacity: .5
}

.add-skills .form-group {
    margin-bottom: 10px;
    border-bottom: 1px solid #fbf7f7;
    padding: 12px 15px 6px 15px
}

.add-skills .form-group p {
    margin-bottom: 5px;
    font-weight: 700;
    position: relative;
    padding: 0 22px 0 0;
    text-transform: capitalize
}

.add-skills .form-group p i {
    position: absolute;
    right: -2px;
    font-size: 18px;
    cursor: pointer
}

.add-skills-wrap .form-group {
    position: relative
}

.skills-result {
    position: absolute;
    width: 100%;
    z-index: 1
}

.get-skills .form-line {
    position: relative
}

.get-skills .fa {
    position: absolute;
    right: 7px;
    top: 13px;
    font-size: 17px;
    cursor: pointer
}

.get-skills .fa:hover {
    color: #9c9898
}

.add-skills .form-group p i:hover {
    color: #9c9898
}

.global-search-left .dropdown-toggle {
    padding: 11px 9px 7px!important;
    border-right: 1px solid #dcdada!important;
    border-radius: 0!important
}

.vacancy-list .card-img {
    height: 265px
}

.rowc {
    margin-left: -10px;
    margin-right: -10px
}

.colc {
    padding-left: 10px;
    padding-right: 10px
}

.sidebar .menu .list li a .fa {
    margin-top: 2px
}

.info-box-3 .content .text {
    margin-top: 3px;
    font-weight: 700
}

.dashboard-stat-list li {
    padding: 16px 14px 0 0
}

.dashboard-stat-list span:last-child {
    position: absolute;
    right: 15px
}

.dashboard-stat-list {
    margin-top: 34px;
    min-height: 180px
}

.dashboard-task-infos-wrap .body {
    padding-top: 2px
}

.nav-bottom {
    /* background-color: #904d97 */
    padding: 0
}

.nav-top {
    background-color: #fff;
    padding: 2px 0
}

.navbar-brand {
    padding-top: 4px
}

.navbar .navbar-toggle {
    color: #fff
}

.slick-next,
.slick-prev {
    width: 35px;
    height: 35px
}

.slick-next:before,
.slick-prev:before {
    font-size: 35px!important
}

.slick-next {
    right: -15px
}

.slick-prev {
    left: -15px
}

.banner-slider {
    margin-top: -17px;
    padding: 0
}

.banner {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.banner-content {
    margin: 80px 0;
    color: #fff;
    text-align: center
}

.welcome-text {
    margin: 20px 0 5px;
    font-size: 28px
}

.wellcome-slogan {
    margin: 0 0 20px;
    font-size: 20px
}

.logo-slider-wrap {
    margin-bottom: 16px
}

.logo-slider {
    height: 97px;
    overflow: hidden;
    margin: 10px 0 20px
}

.logo-item {
    padding: 9px;
    text-align: center;
    border: 1px solid #eae6e6;
    margin: 10px
}

.logo-item figure {
    min-height: 66px;
    max-height: 66px
}

.pagination li.active a {
    /* background-color: #904d97 */
}

.my-account img {
    width: 30px;
    height: 30px;
    border-radius: 100%
}

.celebrity-list {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.celebrity-list .media-body {
    color: #333!important
}

.celebrity-list .media-heading {
    font-size: 18px!important;
    color: #464343!important
}

.celebrity-list .social-wrap {
    margin: 0
}

.nav-tabs>li>a:before {
    /* border-bottom: 2px solid #904d97 */
}

.nav-tabs>li {
    left: auto
}

.modal-login .nav-tabs>li {
    text-transform: uppercase;
    text-align: center
}

.modal-login .modal-header {
    padding: 0;
    border-bottom: none
}

.modal-dialog.modal-login {
    width: 420px
}

.modal-login .modal-body {
    padding-top: 20px!important
}

.loading.common {
    margin-top: 117px
}

.global-search-left select.form-control {
    height: 38px;
    border-radius: 0
}

.confirm-mail {
    padding: 20px 20px 35px 20px;
    text-align: center
}

.register-title {
    text-align: center;
    margin: 5px 0 25px;
    /* color: #904d97 */
    font-weight: 400
}

.confirm-mail .register-title {
    font-size: 25px
}

.register-title span::after {
    content: '';
    /* background: #904d97; */
    width: 50%;
    height: 2px;
    position: absolute;
    bottom: -9px;
    z-index: 1;
    left: 25%;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
    color: #fff;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.mail-fig {
    width: 40%;
    text-align: center;
    margin: 0 auto 15px
}

.confirm-text {
    margin-bottom: 3px
}

.show-mail {
    margin-bottom: 3px
}

.resend-btn {
    font-weight: 700!important;
    padding: 6px 43px;
    margin-top: 13px
}

.sort-header {
    padding-bottom: 0!important;
    padding-left: 0!important;
    min-height: 57px
}

.sort-header h2 {
    padding-left: 15px
}

.filter-results .g-card .card {
    margin-bottom: 20px
}

.bg-slide {
    height: 250px;
    overflow: hidden
}

.bg-img-wrap {
    height: 100%;
    position: relative;
    background-color: #fff;
    width: 100%
}

.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover
}

.search-feilds-wrap {
    margin-top: -250px;
    position: relative;
    margin-bottom: 14px;
    height: 180px;
    padding-top: 35px
}

.search-fields-title {
    margin: 16px 0;
    color: #fff;
    font-weight: 700;
    font-size: 24px
}

.search-fields {
    padding-left: 15px;
    padding-right: 15px
}

.search-feilds-10 .search-field {
    width: 20%
}

.search-feilds-8 .search-field {
    width: 25%
}

.search-feilds-6 {
    padding-top: 80px
}

.search-feilds-7 {
    padding-top: 75px
}

.search-feilds-7 .search-field {
    width: 14.285%
}

.search-feilds-2 {
    padding-top: 77px
}

.search-feilds-2 .search-field {
    width: 40%;
    margin-left: 20%
}

.search-feilds-2 .search-btn-wrap {
    width: 30%!important;
    margin-left: 0!important
}

.search-feilds-3 {
    padding-top: 77px
}

.search-feilds-3 .search-field {
    width: 30%
}

.search-feilds-3 .search-btn-wrap {
    width: 30%!important;
    margin-left: 0!important
}

.search-feilds-3 .search-field:first-child {
    margin-left: 5%!important
}

.search-field {
    padding-left: 8px;
    padding-right: 8px;
    position: relative
}

.search-fields .form-control {
    color: #fff;
    margin-bottom: 15px;
    padding-left: 6px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0
}

.search-btn {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 34px;
    margin-bottom: 15px;
    border-radius: 0
}

.search-field .dropdown-toggle {
    background-color: transparent!important;
    color: #fff!important;
    padding: 9px 8px 6px 1px!important
}

.search-field .dropdown-toggle .filter-option {
    border-right-color: transparent!important
}

.search-fields .form-control:focus {
    box-shadow: none
}

.search-fields .form-control::-webkit-input-placeholder {
    color: #fff
}

.search-fields .form-control::-moz-placeholder {
    color: #fff
}

.search-fields .form-control:-ms-input-placeholder {
    color: #fff
}

.search-fields .form-control:-moz-placeholder {
    color: #fff
}

.search-fields .fa-calendar {
    color: #fff
}

.search-fields .bs-searchbox .form-control {
    padding: 6px 12px;
    color: #555;
    margin-bottom: inherit;
    padding-left: inherit;
    background-color: inherit;
    border: none;
    border-radius: inherit;
    padding-left: 40px;
    margin-left: 0
}

.search-fields .bs-searchbox,
.search-fields .no-results {
    color: #555
}

.sort-tabs {
    border-bottom-color: transparent!important
}

.sort-tabs li a {
    color: #313030!important
}

.sort-tabs li.active a {
    /* color: #904d97!important; */
    font-weight: 700
}

.bg-search-wrap {
    margin-top: -17px;
    float: left;
    width: 100%
}

.navbar .navbar-toggle {
    width: 44px;
    height: 45px;
    margin: 0!important;
    padding: 6px
}

.global-search .list-group {
    position: absolute;
    width: 100%;
    top: 38px;
    background-color: #fff;
    z-index: 1
}

.dataTable thead tr th {
    pointer-events: none
}

.right-list {
    float: right
}

.left-list {
    float: right
}

.univercities-wrap {
    width: 100%;
    float: left
}

.univercities {
    padding: 30px 15px 30px 15px;
    width: 100%;
    float: left
}

.univercities li {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #f1e8e8!important;
    position: relative
}

.uni-log {
    position: relative;
    height: 80px;
    overflow: hidden
}

.univercities figcaption {
    font-weight: 700;
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    display: none
}

.uni-log {
    position: relative;
    height: 80px;
    overflow: hidden
}

.uni-log img {
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    text-align: center;
    margin: auto
}

.univercities .slick-arrow {
    line-height: 1;
    position: absolute;
    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    left: 42%
}

.univercities .slick-arrow:before {
    background: 0 0;
    /* color: #904d97 */
}

.univercities-wrap {
    position: relative
}

.univercities li.active {
    background-color: #c0bbc1
}

.bottom-arrow,
.left-arrow,
.right-arrow,
.top-arrow {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    padding: 4px 8px
}

.bottom-arrow i,
.left-arrow i,
.right-arrow i,
.top-arrow i {
    font-weight: 700;
    font-size: 25px
}

.top-arrow {
    left: 40%;
    top: -19px
}

.bottom-arrow {
    left: 40%;
    bottom: -19px
}

.left-arrow {
    top: 51%;
    left: -13px
}

.right-arrow {
    top: 51%;
    right: -13px
}

.clear-wrap .btn {
    float: right
}

.clear-wrap i {
    font-size: 15px
}

.newsletter .form-control {
    padding: 2px 5px!important;
    border-radius: 0
}

.newsletter .btn {
    padding: 6px 8px;
    /* background-color: #904d97 */
    color: #fff;
    font-size: 16px!important;
    border-radius: 0!important
}

.home-icon i {
    font-size: 16px
}

.v-wrap video {
    max-width: 100%
}

.view-direction {
    margin-bottom: 15px
}

.view-direction .btn {
    box-shadow: none!important;
    border-radius: 0!important
}

.checkout-infos {
    margin-bottom: 20px
}

.checkout-infos .row {
    margin: 0 0 10px
}

.checkout-infos .row .col-xs-12:first-child {
    padding-left: 0
}

.checkout-infos .row .col-xs-12:last-child {
    padding-right: 0
}

.checkout-title {
    margin-bottom: 5px;
    text-transform: uppercase
}

.checkout-info {
    margin-top: 0
}

.modal-form .form-group {
    margin-bottom: 15px
}

.modal-form {
    padding-bottom: 10px
}

.checkout-infos .title {
    font-size: 15px
}

.no-results-text {
    text-transform: none;
    font-size: 15px
}

.compare-row h5 {
    margin-bottom: 5px;
    font-size: 15px
}

.compare-row p {
    margin-bottom: 5px
}

.compare-wrap .col-xs-12 {
    margin-bottom: 0!important
}

.compare-title {
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(204, 204, 204, .35);
    padding: 12px 0;
    font-size: 16px
}

.compare-wrap {
    padding-top: 0!important
}

.compare-title.button .btn {
    float: right
}

.compare-title.button {
    padding-bottom: 0
}

.single-list {
    margin: 10px 0
}

.log.out .dropdown {
    display: none
}

.provider-info {
    text-align: center;
    margin-bottom: 15px
}

.provider-info .full-logo {
    padding-top: 15px;
    padding-bottom: 4px
}

.provider-info .stars {
    margin: 8px auto 10px;
    float: none
}

.provider-info .card-title {
    margin-bottom: 0
}

.provider-info .header {
    padding: 10px
}

.full-logo {
    position: relative;
    text-align: center
}

.full-logo img {
    border: 0;
    border-radius: 0!important;
    width: auto;
    max-width: 50%;
    height: auto
}

.thanks-msg {
    margin: 25px 0;
    text-align: center;
    font-size: 16px
}

.tc-table thead th {
    background-color: #fff;
    color: #737171;
    text-transform: capitalize;
    padding: 10px 12px!important;
    border-top: 2px solid #737171;
    border-bottom: 2px solid #737171;
    font-size: 15px
}

.tc-table td {
    padding: 10px 12px!important
}

.name-checkout {
    font-weight: 700
}

.course-time {
    margin: 0 0 10px;
    color: #777
}

.list-course-time {
    color: #777
}

.course-time {
    margin: 0 0 10px;
    color: #777
}

.rating-block {
    border: 1px solid #efefef;
    padding: 15px 15px 20px 15px;
    border-radius: 3px
}

.padding-bottom-7 {
    padding-bottom: 7px
}

.review-block {
    margin-bottom: 15px
}

.review-block-name {
    font-size: 12px;
    margin: 10px 0
}

.review-block-date {
    font-size: 13px;
    color: #807b7b;
    font-style: italic
}

.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px
}

.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 2px
}

.review-block-description {
    font-size: 13px
}

.review-block .img-rounded {
    border-radius: 50%
}

.review-block-right {
    padding-left: 5px;
    margin-bottom: 0!important
}

.review-block-left {
    margin-bottom: 0!important
}

.review-block {
    margin-bottom: 15px
}

.review-block .stars {
    margin: 1px 0 6px
}

.media-object {
    width: auto
}

.specializations.col-xs-12 {
    margin-bottom: 15px!important;
    min-height: 115px
}

.specializations .media {
    margin-bottom: 0!important
}

.dashboard-right .info-box-3 .icon {
    display: none
}

.input-number {
    padding: 10px 15px 0 15px
}

.input-1 {
    padding-left: 0
}

.input-icon {
    padding-left: 0;
    padding-top: 9px
}

.input-icon .btn {
    width: 30px;
    height: 29px;
    padding: 0;
    padding-left: 3px
}

.vertical-img {
    border-bottom: 1px solid #eee!important;
    padding: 20px
}

.vertical-slider .bottom-arrow {
    bottom: -19px
}

.vertical-img figure {
    position: relative;
    height: 80px;
    overflow: hidden
}

.vertical-img figure img {
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    text-align: center;
    margin: auto
}

.global-search-right [uib-typeahead-popup].dropdown-menu {
    top: 73px!important;
    padding-top: 0;
    width: calc(100% - 15px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    margin: 0
}

.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.global-search-right .dropdown-menu>.active>a {
    background-color: #eeebef;
    color: #333
}

#addressMap {
    height: 300px;
    width: 100%;
    margin: 0;
    padding: 10px;
    margin-bottom: 15px
}

.my-account i {
    /* border: 1px solid #904d97; */
    border-radius: 50%;
    font-size: 20px
}

.original-cost {
    color: #afaaaa;
    font-size: 16px;
    text-decoration: line-through;
    margin: 0;
    font-weight: 400
}

.logged-as a {
    white-space: inherit!important;
    line-height: 21px!important;
    text-transform: none!important;
    color: #827b7b!important;
    padding-top: 4px!important
}

.vertical-img.active {
    background-color: #f1ebeb
}

.dashboard-right .info-box-3 {
    cursor: pointer
}

.login-page {
    max-width: 30%;
    min-width: 250px
}

.slick-disabled {
    cursor: auto;
    opacity: .4
}

.fc-toolbar h2 {
    margin: 0;
    font-size: 20px
}

.html-content li {
    list-style-type: inherit;
    margin-bottom: 5px
}

.filter-option+.bs-caret {
    position: absolute!important;
    top: 18px!important
}

.login-page .fa-user {
    font-size: 20px
}

.specializations .media-body {
    overflow: initial
}

.specializations .media-heading {
    min-height: 36px
}

.s_o_f label.error {
    display: none!important
}

.dashboard-right .info-box-3:hover {
    /* background-color: #904d97 */
}

.dashboard-right .info-box-3:hover .content,
.dashboard-right .info-box-3:hover .content .number,
.dashboard-right .info-box-3:hover .content .text {
    color: #fff!important
}

.select2-container {
    width: 100%
}

.select2-container .select2-choice {
    width: 100%;
    border: none;
    height: 34px;
    background: 0 0;
    border-radius: 0
}

.select2-drop {
    padding-top: 4px;
    border: 1px solid #bbb
}

.select2-drop-active {
    border-color: #bbb
}

.select2-container-active .select2-choice {
    border: none!important;
    box-shadow: none
}

.select2-dropdown-open .select2-choice {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #bbb!important
}

.select2-arrow {
    border: none!important;
    background: 0 0!important
}

.select2-container-multi .select2-choices {
    margin: 0;
    border: none;
    background: 0 0
}

.select2-container-multi .select2-choices .select2-search-field input,
.select2-container-multi .select2-choices .select2-search-field input:focus {
    box-shadow: none;
    border: none;
    min-height: 34px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #ccc
}

.search-fields .selectize-input {
    border-color: #fff!important;
    box-shadow: none!important;
    color: #fff!important;
    padding-right: 33px;
    background: 0 0!important;
    height: 34px;
    word-break: break-all;
    border-radius: 0
}

.search-fields .ui-select-match {
    height: 20px;
    overflow: hidden
}

.search-fields .selectize-dropdown .active {
    color: #15191b;
    background-color: rgba(54, 55, 57, .36)
}

.search-fields .ui-select-search {
    color: #fff!important
}

.search-fields .ui-select-search:focus {
    box-shadow: none
}

.search-fields .ui-select-search::-webkit-input-placeholder {
    color: #fff
}

.search-fields .ui-select-search::-moz-placeholder {
    color: #fff
}

.search-fields .ui-select-search:-ms-input-placeholder {
    color: #fff
}

.search-fields .ui-select-search:-moz-placeholder {
    color: #fff
}

.search-fields .selectize-control.single .selectize-input:after {
    border-color: #fff transparent transparent transparent!important;
    right: 10px!important
}

.search-fields .selectize-focus {
    border-color: inherit!important
}

.search-fields .select2-drop-active {
    border-color: #fff
}

.search-fields .select2-container {
    width: 100%;
    height: 34px;
    margin-bottom: 15px
}

.search-fields .select2-container .select2-choice {
    height: 34px;
    background: 0 0!important;
    border-color: #fff!important;
    border-radius: 0;
    color: #fff!important;
    padding-top: 3px
}

.search-fields .select2-container .select2-choice .select2-arrow {
    background: 0 0;
    border: none;
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-color: #efebeb transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    content: ' '
}

.search-fields .select2-drop {
    padding-top: 4px
}

.search-fields .select2-search .ui-select-search {
    color: #000!important
}

.search-fields .select2-container .select2-choice {
    border: 1px solid #fff!important
}

.global-search .select2-container .select2-choice {
    border: 1px solid #ccc!important;
    height: 38px
}

.global-search .select2-container .select2-choice {
    color: #333!important;
    padding-top: 5px
}

.global-search .select2-container .select2-choice .select2-arrow {
    top: 4px
}

.no-html-content ul {
    margin: 0;
    padding: 0
}

.my-clients h3 {
    height: 36px;
    overflow: hidden
}

.search-fields select.form-control option {
    color: #000;
    background-color: #fff
}

.navbar-nav>li>.dropdown-menu a {
    text-align: left;
    border-bottom: 1px solid #eee
}

.navbar-nav>li>.dropdown-menu li:last-child a {
    border: none
}

.btn-group {
    box-shadow: none
}

.active-deactive {
    width: 150px
}

.btn-actions {
    min-width: 87px
}

.btn-common {
    width: 100px
}

.sub-trainer h3 {
    font-size: 15px
}

.sub-trainer img {
    padding: 30px;
    padding-bottom: 0
}

.trainer-thumbnail {
    min-height: 312px!important
}

.btn-clear {
    position: absolute;
    right: 0;
    top: 0
}

.get-skills a {
    cursor: pointer;
    background-color: #f5f5f5;
    border-bottom: 0
}

.alert-msg {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999
}

.edit-img-wrap {
    width: 100%;
    float: left
}

.edit-img {
    width: 100px;
    float: left
}

.edit-img-btn {
    margin-left: 15px;
    margin-top: 19px
}

.switch-wrap {
    margin-top: 10px
}

.add-list {
    position: relative;
    padding: 7px 30px 10px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px
}

.language-name {
    font-weight: 700;
    padding-right: 11px;
    text-transform: uppercase
}

.language-level {
    display: inline-block
}

.remove-icon {
    position: absolute;
    top: 4px;
    right: 6px;
    cursor: pointer
}

.nav-tabs>li>a {
    color: #333!important
}

.nav-tabs>li.active>a {
    font-weight: 700;
    /* color: #904d97!important */
}

.log-header p {
    margin: 5px 0
}

tags-input .tags .input {
    padding: 0!important;
    margin: 1px 0 0!important
}

tags-input .tags .tag-item:first-child {
    margin-left: 0
}

tags-input .tags .tag-item:last-child {
    margin-right: 8px
}

.post-filter tags-input .tags .tag-item {
    height: inherit
}

.multiple-wrap {
    border: 1px solid #aaa;
    margin-bottom: 20px
}

.multiple-inner {
    padding: 13px
}

.multiple-wrap .row .col-sm-12,
.multiple-wrap .row .col-xs-12 {
    margin-bottom: 0
}

.multiple-title {
    border-bottom: 1px solid #aaa;
    padding: 10px 36px 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    position: relative
}

.multiple-title .remove-input {
    width: 25px;
    height: 25px;
    line-height: 11px!important;
    text-align: center;
    position: absolute;
    right: 4px;
    top: 5px
}

.multiple-title .remove-input i {
    font-size: 15px;
    left: -7px
}

.modal .check-box label {
    margin: 0;
    height: 15px
}

.nw-editor li {
    list-style-type: inherit
}

.btn-in-card {
    margin: 15px 15px 0;
    padding-bottom: 17px;
    text-align: center
}

.navbar-toggle[data-target="#navbar-collapse"] {
    padding: 8px 8px 6px 10px;
    width: 40px;
    display: none;
    z-index: 9999
}

.navbar-toggle[data-target="#navbar-collapse"]:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c9"!important;
    font-size: 18px
}

.share .material-icons {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}

.share .material-icons:before {
    content: "\f1e0";
    padding: 7px 9px 7px
}

.like,
.share {
    transition: all .3s ease;
    /* color: #904d97 */
}

.like-share.open .share,
.share:active:hover,
.share:focus,
.share:hover {
    /* background-color: #904d97 !important;*/
    color: #fff!important
}

.bars {
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bars:after,
.bars:before {
    font-size: 22px;
    padding: 5px;
    border-radius: 50%;
    margin-left: 5px;
    /* background: #904d97; */
    width: 37px;
    text-align: center;
    color: #fff;
    margin: 0;
    height: 37px
}

.newsletter {
    margin-bottom: 8px
}

.newsletter+.help-block,
.newsletter+.help-block+.help-block {
    margin-bottom: 7px
}

textarea {
    resize: vertical
}

.uib-typeahead-match {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis
}

.tc_related_lists {
    padding: 0;
    background: #fff;
    margin-bottom: 0
}

.related-title {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 15px
}

.tc_related_lists .card {
    margin-bottom: 15px
}

.tc_related_lists .body {
    padding: 10px
}

#calendar {
    margin-bottom: 20px
}

.colors-wrap {
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

.color-wrap {
    margin: 0 12px 12px 0;
    display: inline-block
}

.color-round {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 2px 0;
    float: left;
    margin-right: 10px
}

.yellow-bg {
    background-color: #ffc107
}

.blue-bg {
    background-color: #00bcd4
}

.green-bg {
    background-color: #00af50
}

.dark-blue-bg {
    background-color: #00f
}
.indicator-blue{
    background-color: #1a1551
}
.indicator-purple {
    /* background-color: #904d97 */
}
.dark-purple-bg {
    /* background-color: #904d97 */
}

.dark-green-bg {
    background-color: green
}

.loading-overlay {
    position: fixed;
    z-index: 999999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none
}

.loading-overlay:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(249, 243, 243, .5)
}

.loading-overlay:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.four-zero-four {
    margin: 0
}

.four-zero-four .four-zero-four-container .error-code {
    font-size: 58px;
    line-height: 85px
}

.four-zero-four .four-zero-four-container .button-place {
    margin-top: 16px
}

.bg-hover:hover {
    /* background-color: #904d97 !important;*/
    color: #fff
}

.four-zero-four .four-zero-four-container .error-message {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    margin: 0
}

.help-error {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px;
    font-size: .8em;
    color: #f44336
}

.bootstrap-select .dropdown-menu .active a {
    background-color: #eeebef
}

.loader {
    left: 46%;
    font-size: 10px;
    border: .4em solid #dadbdf;
    /* border-left: .4em solid #904d97; */
    animation: loaderspin 1.1s infinite linear;
    margin: 20px 0;
    z-index: 9999
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    display: block;
    position: absolute;
    top: 52%;
}

@keyframes loaderspin {
    0% {
        transform: rotate(360deg)
    }
    100% {
        transform: rotate(0)
    }
}

.bootstrap-select .bs-actionsbox .form-control,
.bootstrap-select .bs-donebutton .form-control,
.bootstrap-select .bs-searchbox .form-control {
    padding-left: 40px;
    margin-left: 0
}

.linkedin-url {
    position: absolute;
    left: 0;
    bottom: -6px !important;
    padding: 6px 3px;
    font-weight: 700
}

.linkedin-url-wrap .form-control {
    text-indent: 183px;
    padding-top: 7px
}

.ng-wig {
    word-break: break-all
}

.bootstrap-select .dropdown-toggle {
    padding-left: 0
}

.alert-noty {
    z-index: 999;
    position: absolute;
    width: 100%;
    top: 98px;
    display: none
}

.alert-noty a {
    color: #fff
}

.margin-border {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

.toggle-plus {
    min-width: 90px
}

.toggle-plus .material-icons {
    font-size: 16px;
    margin-top: 0
}

.top-clients .dropdown-menu li {
    border-bottom: 1px solid #ccc
}

.client-loop img {
    max-width: 100%;
    width: 77px
}

.top-clients .dropdown-menu {
    min-width: 90px
}

.demo-switch {
    margin-top: 15px
}

.red-border {
    border: 1px solid red
}

.ql-toolbar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    display: none
}

table [type=checkbox]+label {
    margin-bottom: 0;
    height: 15px
}

.ql-editor {
    min-height: 125px
}

.profile-details .html-content p {
    background-color: transparent;
    padding: 0
}

.html-content .ql-container {
    border: none!important
}

.html-content .ql-editor {
    min-height: 0
}

.html-content .ql-editor.ql-blank {
    display: none
}

.table .tags .remove-button {
    display: none
}

.table .tags .tag-item {
    background: #fff!important;
    font-size: 13px;
    font-weight: 700
}

.browser-warn-info td {
    width: 25%;
    text-align: center;
    padding: 20px
}

.browser-warn-info {
    width: 100%
}

.browser-warn-info a {
    color: #337ab7
}

#agree_modal .modal-body {
    height: 225px;
    overflow: auto
}

.hide-default-option li[data-original-index="0"] {
    pointer-events: none
}

.cropArea {
    background: #e4e4e4;
    overflow: hidden;
    height: 300px
}

.ui-cropper {
    height: 300px!important
}

.ng-image-crop .slider {
    display: none
}

.ngdialog.ngdialog-theme-default {
    padding: 0!important
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 100%!important;
    background: 0 0!important
}

.ngdialog-wrapper {
    width: 30%;
    margin: 0 auto;
    min-width: 300px
}

.profile-dp-rect {
    padding-right: 20px
}

.profile-pic-wrapper {
    position: relative
}

.company-logged {
    border-radius: 0!important;
    width: auto;
    height: auto!important
}

.ngdialog label {
    font-weight: 400
}

.key-color-container:first-child {
    padding-left: 0
}

.modal-80 {
    width: 80%;
    margin: 0 auto
}

#upload-chart {
    height: 400px;
    overflow: auto
}

.disable {
    pointer-events: none
}

.btn-fa {
    font-size: 16px!important;
    padding-right: 3px
}

.table .tags .input {
    width: auto!important;
    padding-left: 7px!important
}

.deleted-skills {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-bottom: 10px
}

.overflow-500 {
    max-height: 550px;
    overflow: auto
}

.jd-titles {
    margin-bottom: 8px;
    padding-right: 10px
}

.jd-titles:last-child {
    margin-bottom: 0
}

.auto-search .dropdown-menu {
    position: absolute;
    width: 100%;
    left: 0
}

.auto-search .uib-typeahead-match {
    white-space: inherit!important;
    overflow: unset!important;
    text-overflow: inherit!important;
    border-bottom: 1px solid #f1ebeb
}

.auto-search .dropdown-menu>li>a {
    white-space: inherit!important;
    line-height: 19px!important
}

.search-skills {
    width: 40%!important
}

.purple-btn1 i {
    font-size: 12px;
    /* color: #904d97 */;
    cursor: pointer;
    margin-left: 5px
}
.btn-purple1 i {
    font-size: 12px;
    /* color: #904d97 */;
    cursor: pointer;
    margin-left: 5px
}


.input-height {
    height: 34px!important
}

.aleady-reg {
    border: 2px solid #228b22;
    padding: 6px 10px;
    text-align: center;
    color: #228b22
}

.aleady-reg i {
    margin-right: 8px;
    font-size: 15px
}

.cannot-appy {
    border: 2px solid red;
    padding: 6px 10px;
    text-align: center;
    color: red
}

.cannot-appy i {
    margin-right: 8px;
    font-size: 15px
}

.closed {
    border: 2px solid #000;
    padding: 6px 10px;
    text-align: center;
    color: #000
}

.closed i {
    margin-right: 8px;
    font-size: 15px
}

.ql-disabled .ql-editor {
    padding: 0 0 10px
}

.sidebar .menu .list {
    margin-bottom: 0
}

oi-select .select-dropdown {
    border-color: #ccc!important;
    box-shadow: none;
    max-height: 145px
}

oi-select .select-search,
oi-select.focused .select-search {
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    border-radius: 0
}

oi-select:not(.multiple) .select-search-list-item_selection:not(:active) {
    box-shadow: none
}

oi-select.multiple .select-search-list-item_selection {
    box-shadow: none;
    padding-left: 0;
    margin-left: 7px
}

oi-select.multiple .select-search-list-item_selection .select-search-list-item_selection-remove {
    opacity: .5
}

oi-select .select-search-list-item_input {
    margin-left: 0!important
}

oi-select select-search-list {
    padding-left: 0!important
}

oi-select .select-dropdown-optgroup-option {
    padding: 7px 10px
}

.select-search-list-item {
    padding-left: 0
}

oi-select .select-search-list {
    padding-left: 0
}

.select-search-list-item_loader {
    display: none
}

.get-skills .list-group {
    margin: 0
}

.search-titles .form-group {
    margin-bottom: 15px
}

.course-dates h5 {
    margin-bottom: 8px!important
}

.course-dates p {
    padding-bottom: 10px;
    border-bottom: 1px solid #f1ecec
}

.course-dates p:last-child {
    border: none
}

.left-logo {
    min-height: 100px;
    max-height: 100px
}

.left-logo .absolute-tag {
    padding: 10px
}

.signup-popup .help-error {
    margin-top: 0
}

.pre-value {
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 5px;
    font-size: 14px
}

.mobile-verify {
    padding-left: 44px!important
}

#place-icon {
    display: none
}

#address-map {
    height: 200px;
    width: 100%;
    display: none
}

#description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300
}

#infowindow-content .title {
    font-weight: 700;
    font-size: 15px
}

#address-map #infowindow-content {
    display: inline
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    background-color: #fff;
    font-family: Roboto
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px
}

.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300
}

.append-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    /* color: #904d97 */
}

.verified {
    color: green;
    font-size: 12px;
    text-align: right;
    margin-top: -5px
}

.otp-verified {
    color: green;
    font-size: 13px
}

.position-right {
    position: absolute;
    right: 0;
    bottom: 9px
}

.right-space {
    padding-right: 85px
}

.pac-container:after {
    display: none
}

.c-logo figure {
    height: 145px;
    overflow: initial
}

.max-height-400 {
    max-height: 400px
}

.color-title {
    /* color: #904d97 */
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.eco_back_logged .tooltiptext ul li,
.ecosystem_mob_logged ul li {
    margin: 0 auto!important;
    float: none!important
}

.eco_back_logged .tooltiptext {
    padding-left: 8px!important
}

.section-head {
    margin-bottom: 30px
}

.process-wrapper {
    padding-bottom: 130px!important
}

.dashboard-bars {
    position: fixed;
    width: 37px;
    height: 37px;
    right: 42px;
    bottom: 109px;
    top: auto;
    z-index: 23
}

.video-background {
    width: 100%
}

.mabt15 {
    margin-bottom: 15px
}

.add-skills .inline-radio-group {
    margin-bottom: 0
}

.signin a.active {
    pointer-events: none;
    color: #cdb2d0
}

.signin a.active {
    pointer-events: none;
    color: #cdb2d0
}

.update-skills .nav li a {
    color: #333
}

.dih-text {
    top: 30px!important
}

.open-search {
    width: 100%;
    float: left;
    height: 34px;
    border-bottom: 2px solid #ccc;
    z-index: 9;
    cursor: pointer;
    padding: 6px 5px 5px 30px;
    color: #aaa
}

.matrix-chart-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin: 0 auto
}

.avail-chart,
.avail-chart>div,
.req-chart>div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.req-chart {
    width: 100px;
    height: 100px;
    position: relative
}

.skills-back {
    width: 80%;
    height: 80%;
    background: #fff;
    border: 1px dashed #999;
    border-radius: 50%
}

.skills-level {
    width: 85%;
    height: 85%;
    border-radius: 100%;
    transition: background .5s linear;
    overflow: hidden
}

/* .skill-B {
    background: conic-gradient(#904d97 24%, rgba(0, 0, 0, 0) 0 100%)
}

.skill-I {
    background: conic-gradient(#904d97 24%, rgba(0, 0, 0, 0) 0 26%, #904d97 0 66%, rgba(0, 0, 0, 0) 0 26%)
}

.skill-E {
    background: conic-gradient(#904d97 24%, rgba(0, 0, 0, 0) 0 26%, #904d97 0 66%, rgba(0, 0, 0, 0) 0 52%, #904d97 0 98%, rgba(0, 0, 0, 0) 0 26%)
}
.skill-A {
    background: conic-gradient(#904d97 24%, rgba(0, 0, 0, 0) 0 26%, #904d97 0 66%, rgba(0, 0, 0, 0) 0 78%, #904d97 0 98%, rgba(0, 0, 0, 0) 0 26%)
} */

.pie3 {
    width: 65%;
    height: 65%;
    background: #fff;
    border: 1px dashed #999;
    border-radius: 50%
}

.pie2 {
    width: 76%;
    height: 76%;
    background: #fff;
    border-radius: 50%
}

.avail-chart {
    width: 55px;
    height: 55px
}

.pie-small {
    width: 95%;
    height: 95%;
    border-radius: 100%;
    transition: background .5s linear;
    overflow: hidden
}

.req-chart-wrap,
.req-chart-wrap .req-chart {
    width: 150px!important;
    height: 150px!important
}

.skill-level-text {
    top: 44%!important
}

.skills-wraps {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto
}

.circle-abs {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    display: none
}

.emp-cir-big {
    background: #fff;
    width: 88%;
    height: 88%;
    border-radius: 50%
}

.part1 {
    -webkit-clip-path: polygon(50% 0, 50% 50%, 100% 66%, 100% 0);
    clip-path: polygon(50% 0, 50% 50%, 100% 74%, 100% 0)
}

.part2 {
    -webkit-clip-path: polygon(50% 51%, 0 80%, 100% 150%, 100% 76%);
    clip-path: polygon(50% 51%, 0 80%, 100% 150%, 100% 76%)
}

.part3 {
    -webkit-clip-path: polygon(52% 0, 52% 50%, 0 73%, 0 0);
    clip-path: polygon(48% 0, 49% 50%, 0 77%, 0 0)
}



.skill2>div {
    /*background: #904d97; */
}

.skill2>div:last-child {
    background: #fff
}

.abs {
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.pie-bor {
    position: absolute;
    background: 0 0;
    border: 1px dashed #999;
    border-radius: 50%
}

.big-size {
    width: 93%;
    height: 93%
}

.med-size {
    width: 78%;
    height: 78%
}

.sm-size {
    width: 59%;
    height: 59%
}

.skill2 {
    width: 65%;
    height: 65%;
    margin: auto;
    overflow: hidden;
    border-radius: 50%
}

.emp-cir-sm {
    background: #fff;
    width: 85%;
    height: 85%;
    border-radius: 50%
}

.skill-bg-red {
    background-color: #ce4443;
    display: block
}

.skill-B-B,
.skill-bg-green {
    background-color: #3eae8a;
    display: block
}

.skill-bg-blue {
    background-color: #1a9bd6;
    display: block
}

.skill-bg-yellow {
    background-color: #f39c00;
    display: block
}

.skill-bg-violet {
    /* background-color: #904d97 */
    display: block
}

.skill-bg-turquoise {
    background-color: #00868b;
    display: block
}

.skills-B- .big-part,
.skills-E- .big-part,
.skills-I- .big-part,
.skills-A- .big-part,
.skills-B-N .big-part, 
.skills-I-N .big-part, 
.skills-E-N .big-part, 
.skills-A-N .big-part {
    background-color: #ce4443;
    display: block
}

.skills-N-N .big-part1, 
.skills-N-N .big-part2, 
.skills-N-N .big-part3, 
.skills-N-N .big-part4 {
    background-color: #ce4443;
    display: block
}

.skills-B-B .big-part1,
.skills-I-I .big-part1, 
.skills-I-I .big-part2,
.skills-E-E .big-part1,
.skills-E-E .big-part2,
.skills-E-E .big-part3,
.skills-A-A .big-part1,
.skills-A-A .big-part2,
.skills-A-A .big-part3,
.skills-A-A .big-part4
 {
    background-color: #3eae8a;
    display: block
}

.skills-B-B .big-part2,
.skills-B-B .big-part3,
.skills-I-I .big-part3 {
    display: none
}

.skills-B-I .big-part1 {
    background-color: #3eae8a;
    display: block
}

.skills-B-I .big-part2 {
    background-color: #1a9bd6;
    display: block
}

.skills-B-I .big-part3, .skills-B-I .big-part4 {
    display: none
} 

.skills-B-E .big-part1 {
    background-color: #3eae8a;
    display: block
}

.skills-B-E .big-part2,
.skills-B-E .big-part3
 {
    background-color: #1a9bd6;
    display: block
}


.skills-B-E .big-part4 {
    display: none;
}

.skills-B-A .big-part1 {
    background-color: #3eae8a;
    display: block
}

.skills-B-A .big-part2,
.skills-B-A .big-part3,
.skills-B-A .big-part4,
.skills-E-A .big-part4

 {
    background-color: #1a9bd6;
    display: block
}

.skills-I-B .big-part1 {
    background-color: #3eae8a;
    display: block
}

.skills-I-B .big-part2 {
    background-color: #f39c00;
    display: block
}

.skills-I-B .big-part3, 
.skills-I-B .big-part4,
.skills-E-B .big-part4,
.skills-E-I .big-part4  {
    display: none
}

.skills-I-A .big-part1,
.skills-I-A .big-part2,
.skills-I-E .big-part1,
.skills-I-E .big-part2 {
    background-color: #3eae8a;
    display: block
}

.skills-I-A .big-part3,
.skills-I-A .big-part4,
.skills-I-E .big-part3,
.skills-I-E .big-part4 {
    background-color: #1a9bd6;
    display: block
}

.skills-E-B .big-part1 {
    background-color: #3eae8a;
    display: block
}

.skills-E-B .big-part2,
.skills-E-B .big-part3 {
    background-color: #f39c00;
    display: block
}

.skills-E-I .big-part1,
.skills-E-I .big-part2 {
    background-color: #3eae8a;
    display: block
}
.skills-E-A .big-part1,
.skills-E-A .big-part2 ,
.skills-E-A .big-part3 
{
    background-color: #3eae8a;
    display: block
}

.skills-E-I .big-part3 {
    background-color: #f39c00;
    display: block
}

.skills-A-B .big-part1 {
    background-color: #3eae8a;
    display: block
}
.skills-A-B .big-part2,
.skills-A-B .big-part3,
.skills-A-B .big-part4 {
    background-color: #f39c00;
    display: block
}
.skills-A-I .big-part1, 
.skills-A-I .big-part2 {
    background-color: #3eae8a;
    display: block
}


.skills-A-I .big-part3,
.skills-A-I .big-part4 {
    background-color: #f39c00;
    display: block
}
.skills-A-E .big-part1, 
.skills-A-E .big-part2,
.skills-A-E .big-part3 {
    background-color: #3eae8a;
    display: block
}

.skills-A-E .big-part4 {
    background-color: #f39c00;
    display: block
}

.jd-required-skills .skills-wraps {
    margin: 0 auto;
    width: 105px;
    height: 105px
}

.sweet-alert h2 {
    line-height: 24px
}

mwl-calendar .cal-month-box .events-list {
    z-index: 0!important
}

.signup-wrap .input-group-addon .fa {
    width: 20px
}

.budget-wrap {
    margin-top: 5px
}

.budget-wrap b {
    display: block
}

.like-share>.dropdown-menu {
    left: inherit;
    right: 0
}

.table-responsive {
    width: 100%
}

.text-box-icon-wrap input {
    color: red;
    padding-left: 18px
}

.text-box-icon {
    display: none;
    left: 13px;
    bottom: 5px;
    font-size: 20px
}

.text-box-icon-wrap .text-box-icon {
    display: block
}

.employee-pic {
    box-shadow: 0 1px 1px 1px #ccc;
    border-radius: 15px;
    margin-right: 15px;
    width: 110px
}

.width-170 {
    width: 170px!important
}

.loading-text {
    font-size: 18px;
    color: green;
    text-align: center;
    margin-top: 14px;
    display: none
}

.loading-overlay {
    width: 100%
}

.new-editor .btn-toolbar {
    border: 1px solid #ddd;
    margin-left: 0
}

.new-editor .ta-scroll-window {
    border: 1px solid #ddd;
    padding-left: 0
}

.new-editor .ta-scroll-window ul li {
    list-style-type: initial
}

.new-editor .ta-scroll-window ol li {
    list-style-type: decimal
}

.pointer-disabled {
    pointer-events: none!important
}

.search-feilds-tags {
    padding-top: 40px!important
}

.proj-btn-icon[disabled] {
    cursor: not-allowed;
    opacity: .3
}

.tags-design .tag-item {
    background: #bfaac1!important
}

.tags-design .remove-button {
    display: inline!important
}

.get-skills .list-group {
    max-height: 211px;
    overflow: auto
}

.get-skills a:hover {
    background-color: #dedede
}

.btn-calendar {
    height: auto!important;
    padding: 6px 7px 3px 7px!important;
    line-height: 21px!important;
    font-size: 13px!important;
    color: #fff!important;
    font-weight: 400!important;
    border: none!important
}

.btn-calendar span {
    padding: 0!important
}

.btn-calendar .atc-dropdown li {
    text-align: left!important;
    padding: 4px 10px!important;
    border-bottom: 1px solid #ccc!important
}

.btn-radius {
    color: #fff;
    font-weight: 700;
    position: relative;
    border-radius: 15px!important;
    margin: 0 10px 10px 0!important
}

.btn-radius:focus,
.btn-radius:hover {
    color: #fff
}

.btn-closer {
    padding-right: 27px
}

.btn-closer i {
    position: absolute!important;
    right: 11px!important;
    top: 18%!important;
    font-size: 15px!important;
    color: #000
}

.btn-yellow,
.btn-yellow:focus,
.btn-yellow:hover {
    background-color: #ffc107!important
}

.btn-blue,
.btn-blue:focus,
.btn-blue:hover {
    background-color: #00bcd4!important
}

.btn-green,
.btn-green:focus,
.btn-green:hover {
    background-color: #59c35d!important
}

.btn-input input[disabled]+label {
    cursor: not-allowed!important;
    opacity: .4
}

.md-card .header .btn {
    float: right
}

.brn-circle-sm {
    height: 35px;
    width: 35px
}

.right-0 {
    right: 0!important
}

.top--3 {
    top: -3px!important
}

md-checkbox[type=checkbox],
md-switch[type=checkbox] {
    position: relative!important;
    opacity: 1!important;
    left: 0!important
}

md-content,
md-content.md-default-theme {
    background-color: #fff
}

#aniimated-thumbnials img {
    background-color: #ecdced
}

.events-list .event:nth-child(n+27) {
    display: none
}

.events-list .event:nth-child(28) {
    color: red;
    display: block;
    background-color: #9e9e9e!important;
    pointer-events: none
}

.titler {
    font-weight: 400;
    text-align: center;
    margin-bottom: 2em
}

.cards {
    margin-bottom: 5rem
}

.usercard {
    box-sizing: border-box;
    display: flex
}

.usercard__body {
    flex-grow: 2
}

.usercard__icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.usercard__title {
    margin: 0
}

.usercard__name {
    margin: 0
}

.usercard__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start
}

.usercard__stats-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.usercard__social {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.usercard__social-icon {
    display: inline-block
}

.usercard__social-name {
    position: absolute;
    left: -9999px
}

.usercard_skin-material {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    font-weight: 300
}

.usercard_skin-material .usercard__body {
    padding-bottom: 4rem
}

.usercard_skin-material .usercard__title {
    margin-bottom: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 150%
}

.usercard_skin-material .usercard__header {
    margin-bottom: 4rem;
    padding: 3rem 4%
}

.usercard_skin-material .usercard__avatar {
    border-radius: 50%;
    border: 5px solid;
    box-sizing: border-box
}

.usercard_skin-material .usercard__name {
    line-height: 1;
    font-weight: 700
}

.usercard_skin-material .usercard__name-label {
    font-weight: 300
}

.usercard_skin-material .usercard__content {
    padding-right: 4%;
    padding-left: 4%
}

.usercard_skin-material .usercard__stats-name {
    font-size: 110%;
    font-weight: 700;
    display: block
}

.usercard_skin-material .usercard__stats-value {
    display: block;
    margin-top: .2em;
    text-decoration: none
}

.usercard_skin-material .usercard__footer {
    padding: 2rem 4%
}

.usercard_skin-material_mod-detailed {
    flex-direction: column;
    text-align: center
}

.usercard_skin-material_mod-detailed .usercard__name {
    margin-top: .3em;
    font-size: 250%
}

.usercard_skin-material_mod-detailed .usercard__post {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 110%
}

.usercard_skin-material_mod-detailed .usercard__social {
    margin-right: 1.5rem
}

.usercard_skin-material_mod-detailed .usercard__social:last-child {
    margin-right: 0
}

.usercard_skin-material_mod-simple {
    padding: 3rem 2rem;
    align-items: center
}

.usercard_skin-material_mod-simple .usercard__name {
    font-size: 200%;
    margin-bottom: .2em
}

.usercard_skin-material_mod-simple .usercard__post {
    margin-bottom: .5em;
    font-size: 100%
}

.usercard_skin-material_mod-simple .usercard__info {
    margin-left: 5%;
    width: 70%
}

.usercard_skin-material_mod-simple .usercard__social {
    margin-right: 1rem
}

.usercard_skin-material_mod-simple .usercard__social:last-child {
    margin-right: 0
}

.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.usercard {
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    margin-bottom: 5rem
}

@media screen and (min-width:981px) {
    .usercard {
        width: 30%
    }
}

@media screen and (min-width:641px) and (max-width:980px) {
    .usercard {
        width: 48%
    }
}

@media screen and (max-width:640px) {
    .usercard {
        width: 100%
    }
}

.usercard_skin-material_mod-detailed .usercard__avatar {
    width: 13rem;
    height: 13rem
}

.usercard_skin-material_mod-simple .usercard__avatar {
    width: 10rem;
    height: 10rem
}

.usercard__footer,
.usercard_skin-material_mod-simple {
    background-color: #512da8;
    color: #fff
}

.usercard_blue .usercard__footer,
.usercard_blue.usercard_skin-material_mod-simple {
    background-color: #303f9f
}

.usercard_blue .usercard__header {
    background: linear-gradient(to top, #303f9f, #3f51b5)
}

.usercard_blue .usercard__title {
    color: #3f51b5
}

.usercard_blue .icon-earth {
    background-image: url(https://stas-melnikov.ru/usercards/earth_blue.svg)
}

.usercard_blue .icon-location {
    background-image: url(https://stas-melnikov.ru/usercards/location_blue.svg)
}

.usercard_blue .icon-calendar {
    background-image: url(https://stas-melnikov.ru/usercards/calendar_blue.svg)
}

.usercard_blue .icon-man-woman {
    background-image: url(https://stas-melnikov.ru/usercards/man-woman_blue.svg)
}

.usercard_blue .icon-html {
    background-image: url(https://stas-melnikov.ru/usercards/html_blue.svg)
}

.usercard_blue .icon-css {
    background-image: url(https://stas-melnikov.ru/usercards/css_blue.svg)
}

.usercard_blue .icon-email {
    background-image: url(https://stas-melnikov.ru/usercards/email_blue.svg)
}

.usercard_blue .icon-phone {
    background-image: url(https://stas-melnikov.ru/usercards/phone_blue.svg)
}

.usercard_blue .icon-whatsapp {
    background-image: url(https://stas-melnikov.ru/usercards/whatsapp_blue.svg)
}

.usercard_blue .icon-skype {
    background-image: url(https://stas-melnikov.ru/usercards/skype_blue.svg)
}

.usercard__body {
    background-color: #fff;
    color: #000
}

.usercard__header {
    background: linear-gradient(to top, #512da8, #673ab7);
    color: #fff
}

.usercard__title {
    color: #673ab7
}

.usercard__avatar {
    border-color: #fff
}

.usercard__stats-item {
    width: 48%;
    margin-top: 3rem
}

.usercard__stats-item:first-child,
.usercard__stats-item:nth-child(2) {
    margin-top: 0
}

.usercard__stats-icon {
    width: 3.6rem;
    height: 3.6rem;
    margin-bottom: 1rem
}

.usercard__stats-value {
    color: #000
}

.usercard__social-icon {
    width: 2rem;
    height: 2rem
}

.icon-earth {
    background-image: url(https://stas-melnikov.ru/usercards/earth.svg)
}

.icon-location {
    background-image: url(https://stas-melnikov.ru/usercards/location.svg)
}

.icon-calendar {
    background-image: url(https://stas-melnikov.ru/usercards/calendar.svg)
}

.icon-man-woman {
    background-image: url(https://stas-melnikov.ru/usercards/man-woman.svg)
}

.icon-twitter {
    background-image: url(https://stas-melnikov.ru/usercards/twitter.svg)
}

.icon-linkedin {
    background-image: url(https://stas-melnikov.ru/usercards/linkedin.svg)
}

.icon-codepen {
    background-image: url(https://stas-melnikov.ru/usercards/codepen.svg)
}

.icon-html {
    background-image: url(https://stas-melnikov.ru/usercards/html.svg)
}

.icon-angular {
    background-image: url(https://stas-melnikov.ru/usercards/angular.svg)
}

.icon-css {
    background-image: url(https://stas-melnikov.ru/usercards/css.svg)
}

.icon-js {
    background-image: url(https://stas-melnikov.ru/usercards/server-js.svg)
}

.icon-email {
    background-image: url(https://stas-melnikov.ru/usercards/email.svg)
}

.icon-phone {
    background-image: url(https://stas-melnikov.ru/usercards/phone.svg)
}

.icon-whatsapp {
    background-image: url(https://stas-melnikov.ru/usercards/whatsapp.svg)
}

.icon-skype {
    background-image: url(https://stas-melnikov.ru/usercards/skype.svg)
}

.card-button {
    margin-top: -30px
}

.card-button .btn {
    margin: 0
}

.add-certficate-btn .fa-angle-up {
    display: none
}

.add-certficate-btn[aria-expanded=true] .fa-angle-down {
    display: none
}

.add-certficate-btn[aria-expanded=true] .fa-angle-up {
    display: inline
}

.feedback-dashboard .col-sm-6 {
    min-height: 100px;
    background-color: #eee;
    border: 5px solid #fff
}

.theme-wrap {
    text-align: center
}

.theme-wrap i {
    color: #fff
}

.competency-purple {
    /* background-color: #904d97 */
}

.curve-btn,
.curve-btn:focus,
.curve-btn:hover {
    /* background-color: #904d97;  */
    border: none;
    color: #fff;
    border-radius: 21px;
    padding: 5px 23px;
    font-weight: 700;
    float: right;
    margin-top: 7px;
    cursor: pointer
}

.innowork-body .demo-request,
.innowork-body .subcribe_bg {
    z-index: 2!important;
    position: relative!important
}

.innowork-body .my-account-list li a {
    padding: 5px 12px!important;
    width: 100%!important;
    float: left!important
}

.innowork-body .btn-outline {
    background-color: #fff!important; 
    /* border: 1px solid #904d97!important;
    color: #904d97   */
}

.innowork-body #header {
    height: auto!important;
    z-index: 999!important;
    padding-bottom: 5px!important;
    padding-top: 3px!important
}

.logo-responsive {
    max-height: 65px
}

.innowork-body .f16 .eg {
    background-position: 0 -1455px!important
}

.innowork-body .f16 .flag {
    line-height: 15px;
    margin-bottom: 0!important
}

.innowork-body .my-account-list li a {
    text-align: right!important
}

.bg-competency {
    /* background-color: #904d97 */
    display: block
}

.profile-logo {
    width: 100px;
    max-height: 65px;
    min-height: 65px
}

.signup-popup .modal-title {
    padding-right: 13px
}

.innowork-body #header #logo img {
    max-height: 65px
}

.innowork-body .notification-view {
    padding-top: 10px
}

.innowork-body.dirRight .notification-view {
    padding-right: 3px !important;
}

.md-pagination .results-info-2 {
    padding-top: 10px!important
}

.md-pagination .results-info-1 {
    padding-top: 15px!important;
    padding-left: 10px!important
}

.md-select-menu-container {
    z-index: 7777777
}

.menu .list span {
    text-transform: capitalize
}

.gift-logo-2 {
    display: none
}

.innowork-body .gift-logo-2 {
    display: block!important
}

.innowork-body .gift-logo-1 {
    display: none
}

.td-relative {
    position: relative;
    padding-right: 20px
}

.icon-in-td-right {
    position: absolute;
    right: 5px;
    top: 40%
}

#common_chart_modal {
    z-index: 99999
}
#common_chart{
    display: flex;
    align-items: center;
    justify-content: center;
    direction: initial;
}
.tna-jds {
    position: relative;
    padding-left: 15px
}

.tna-jds-icon {
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 2px;
    font-weight: 700
}

button[back-button=''] {
    border-radius: 0!important
}

.collase-btn .fa {
    font-size: 16px!important;
    color: #fff!important;
    top: 0!important
}

.collase-btn .collase-text-show {
    display: inline
}

.collase-btn .fa-chevron-down {
    display: inline-block
}

.collase-btn .fa-chevron-up {
    display: none
}

.collase-btn .collase-text-hide {
    display: none
}

.collase-btn[aria-expanded=true] {
    background-color: #fff!important
}

.collase-btn[aria-expanded=true] .fa {
    /* color: #904d97!important */
}

.collase-btn[aria-expanded=true] .collase-text-show {
    display: none
}

.collase-btn[aria-expanded=true] .fa-chevron-down {
    display: none
}

.collase-btn[aria-expanded=true] .collase-text-hide {
    display: inline
}

.collase-btn[aria-expanded=true] .fa-chevron-up {
    display: inline-block
}

.btn-md-input {
    position: absolute;
    right: 0;
    top: 1px
}

.dashboard-components {
    background: #fff
}

.sub-dash-head {
    background-color: #f1ebeb;
    font-size: 17px;
    padding: 0 0 12px 0;
    font-weight: 600;
    margin: 0
}

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

.drag-drop-list li {
    padding: 10px 25px 10px;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #f1f0f0;
    cursor: pointer;
    position: relative
}

.drag-drop-list li .svgLeft {
    fill: #9c9a9a;
    cursor: move;
    position: absolute;
    left: 4px
}

.drag-drop-list li.active {
    /* color: #904d97 */
    font-weight: 700;
    /* border-right: 4px solid #904d97;
    border-color: #904d97 */
}

.drag-drop-list li.active .svgLeft {
    fill: #904d97
}

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

.btn-transparent i {
    /* color: #904d97!important */
}

.chart-list {
    padding: 10px;
    border: 1px solid #4c2150;
    background-color: #e2bae6;
    text-align: center;
    border-radius: 5px;
    font-weight: 700
}

.theme-switcher {
    padding: 0;
    margin: 0;
    display: block
}

.theme-switcher li:first-child {
    margin-left: 0!important
}

.theme-switcher li.theme-text {
    border: none;
    margin: 10px!important;
    color: #aaa
}

.theme-switcher li {
    float: left;
    margin: 0 3px!important;
    list-style: none;
    display: inline-block;
    border-radius: 19px;
    border: 2px solid transparent
}

.theme-switcher li a {
    display: block;
    cursor: pointer;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    border-radius: 19px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 2px 10px -5px #000;
    box-shadow: 0 2px 10px -5px #000;
    background-size: 38px 38px
}

.theme-button-none a {
    background-image: linear-gradient(45deg, #67b7dc 0, #67b7dc 50%, #c767dc 50%, #c767dc 100%)
}

.theme-button-dataviz a {
    background-image: linear-gradient(45deg, #283250 0, #283250 50%, #902c2d 50%, #902c2d 100%)
}

.theme-button-material a {
    background-image: linear-gradient(45deg, #e91e63 0, #e91e63 50%, #9c27b0 50%, #9c27b0 100%)
}

.theme-button-kelly a {
    background-image: linear-gradient(45deg, #f3c300 0, #f3c300 50%, #875692 50%, #875692 100%)
}

.theme-button-dark a {
    background-image: linear-gradient(45deg, #67b7dc 0, #67b7dc 50%, #c767dc 50%, #c767dc 100%);
    border-color: #000!important
}

.theme-button-frozen a {
    background-image: linear-gradient(45deg, #bec4f8 0, #bec4f8 50%, #a5abee 50%, #a5abee 100%)
}

.theme-button-moonrisekingdom a {
    background-image: linear-gradient(45deg, #3a1302 0, #3a1302 50%, #c79f59 50%, #c79f59 100%)
}

.theme-button-spiritedaway a {
    background-image: linear-gradient(45deg, #65738e 0, #65738e 50%, #523b58 50%, #523b58 100%)
}

.theme-switcher li label {
    display: block!important;
    width: 32px;
    height: 34px!important;
    text-indent: -9999px;
    border-radius: 19px!important;
    border: 5px solid #fff!important;
    -webkit-box-shadow: 0 2px 10px -5px #000;
    box-shadow: 0 2px 10px -5px #000;
    background-size: 38px 38px;
    margin: 0!important
}

.theme-button-none label {
    background-image: linear-gradient(45deg, #67b7dc 0, #67b7dc 50%, #c767dc 50%, #c767dc 100%)
}

.theme-button-none label {
    background-image: linear-gradient(45deg, #67b7dc 0, #67b7dc 50%, #c767dc 50%, #c767dc 100%)
}

.theme-button-dataviz label {
    background-image: linear-gradient(45deg, #283250 0, #283250 50%, #902c2d 50%, #902c2d 100%)
}

.theme-button-material label {
    background-image: linear-gradient(45deg, #e91e63 0, #e91e63 50%, #9c27b0 50%, #9c27b0 100%)
}

.theme-button-kelly label {
    background-image: linear-gradient(45deg, #f3c300 0, #f3c300 50%, #875692 50%, #875692 100%)
}

li.theme-button-dark label {
    background-image: linear-gradient(45deg, #67b7dc 0, #67b7dc 50%, #c767dc 50%, #c767dc 100%);
    border-color: #000!important
}

.theme-button-frozen label {
    background-image: linear-gradient(45deg, #bec4f8 0, #bec4f8 50%, #a5abee 50%, #a5abee 100%)
}

.theme-button-moonrisekingdom label {
    background-image: linear-gradient(45deg, #3a1302 0, #3a1302 50%, #c79f59 50%, #c79f59 100%)
}

.theme-button-spiritedaway label {
    background-image: linear-gradient(45deg, #65738e 0, #65738e 50%, #523b58 50%, #523b58 100%)
}

.theme-switcher .btn-input [type=checkbox]:checked+label,
.theme-switcher .btn-input [type=radio]:checked+label {
    /* box-shadow: 0 10px 12px -2px #904d97!important */
}

.chart-group-status {
    position: absolute;
    right: 8px;
    top: 11px
}

.drag-drop-list li.active .chart-group-status {
    right: 4px
}

.load-bar-wrap {
    position: relative;
    margin: 10px 0;
    width: 100%;
    height: 3px;
    background-color: #fdba2c
}

.load-bar-wrap .load-bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center
}

.load-bar-wrap .load-bar:nth-child(1) {
    background-color: #59c35d;
    animation: loading 3s linear infinite
}

.load-bar-wrap .load-bar:nth-child(2) {
    background-color: #00bcd4;
    animation: loading 3s linear 1s infinite
}

.load-bar-wrap .load-bar:nth-child(3) {
    background-color: #ffc107;
    animation: loading 3s linear 2s infinite
}

@keyframes loading {
    from {
        left: 50%;
        width: 0;
        z-index: 100
    }
    33.3333% {
        left: 0;
        width: 100%;
        z-index: 10
    }
    to {
        left: 0;
        width: 100%
    }
}

.md-radio-group md-radio-button {
    float: right;
    margin-left: 10px;
    margin-bottom: 9px
}

md-select {
    margin-top: 0
}

.new-card .new-header:focus {
    outline: 0
}

.chart-wrappers {
    width: 100%;
    min-height: 500px;
    direction: ltr
}

.dark-card .new-body {
    background-color: #333
}

.theme-5 {
    background-color: #333
}

.theme-purple .sidebar .menu .list li.active {
    background-color: #fff!important
}

.fa-input {
    font-size: 14px;
    margin-right: 5px
}

md-input-container .md-placeholder,
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    z-index: unset
}

.md-select-value.md-select-placeholder {
    z-index: unset!important
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
    height: 338px;
    overflow: auto
}

.btn-input-icon img.svg {
    display: none
}

.btn-input-icon label {
    padding-top: 36px!important;
    font-weight: 700
}

.btn-input input {
    width: 0
}

.half-header-btns h4 {
    margin-top: 5px!important
}

.half-header-btns .btn-input {
    margin-bottom: 0!important;
    margin-top: 5px!important
}

.sub-menu {
    margin: 0;
    font-size: 15px;
    margin-bottom: 11px
}

.bg-grey-card {
    background-color: #f1e9e9;
    padding: 10px;
    padding-bottom: 0
}

.sub-menu-name {
    margin: 0 0 9px;
    font-size: 14px;
    font-weight: 400
}

.svgMidCircle {
    display: none
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999998
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div>div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff
}

#toast-container>div>:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

#toast-container>div>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

#toast-container>div>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

#toast-container>div>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

#toast-container>div>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303;
    z-index: 999999
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406 !important;
}

@media all and (max-width:240px) {
    #toast-container>div>div {
        padding: 8px 8px 8px 50px;
        width: 108px
    }
}

@media all and (min-width:241px) and (max-width:320px) {
    #toast-container>div>div {
        padding: 8px 8px 8px 50px;
        width: 128px
    }
}

@media all and (min-width:321px) and (max-width:480px) {
    #toast-container>div>div {
        padding: 8px 8px 8px 50px;
        width: 192px
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div>div {
        padding: 15px 15px 15px 50px;
        width: 300px
    }
}

.animateToaster-enter,
.animateToaster-leave {
    -webkit-transition: 1s cubic-bezier(.25, .25, .75, .75) all;
    -moz-transition: 1s cubic-bezier(.25, .25, .75, .75) all;
    -ms-transition: 1s cubic-bezier(.25, .25, .75, .75) all;
    -o-transition: 1s cubic-bezier(.25, .25, .75, .75) all;
    transition: 1s cubic-bezier(.25, .25, .75, .75) all
}

.animateToaster-enter.animateToaster-enter-active,
.animateToaster-leave {
    opacity: .8
}

.animateToaster-enter,
.animateToaster-leave.animateToaster-leave-active {
    opacity: 0
}

#toast-container>div {
    display: none
}

#toast-container>div:first-child {
    display: block
}

.internal-card-customise .activity-icon {
    width: 136px!important;
    padding: 0!important
}

.sidebar-menu ul li .menu-toggle::before {
    right: 0!important;
    left: auto!important;
    border: none!important
}

.proj-btn-icon {
    width: 50px!important
}

.load-bar-abs {
    position: absolute;
    top: -11px;
    z-index: 99999;
    width: 100%
}

.table-responsive table tbody td:first-child {
    text-transform: none;
}

/*.table-responsive table {
    border: none
}*/

.table-responsive table tbody tr:hover {
    background-color: #f1ebeb!important;
   /* font-style: italic*/
}

.table-responsive table tbody tr:nth-of-type(odd) {
    background-color: #fff
}

.table-responsive table tbody td {
    border: none;
    border-bottom: 1px solid #f0e9e9;
    vertical-align: middle
}

.table-responsive table thead th {
    border: none;
    border-bottom: 1px solid #f0e9e9
}

.table-responsive tbody tr {
    background-color: inherit!important
}

.section-body {
    overflow: auto;
    height: 100vh
}

body {
    overflow: hidden
}

.m-help-error-wrap .help-error {
    color: #ff0;
    margin: 0
}

.input-select-height oi-select {
    height: 34px
}

.subtitle {
    font-weight: 400;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
    /* color: #904d97 */
}

.card-details .stars {
    display: none
}

.card-v2 {
    box-shadow: none;
    background-color: transparent
}

.card-v2 .header {
    background-color: #fff
}

.card-v2 .body {
    padding: 0
}

.card-v2 .card {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px
}

.card-v2 .card-content {
    height: 112px
}

.card-v2 .card-title {
    margin: 0 0 5px
}

.card-v2 .card-photo {
    background-color: transparent
}

.card-v2 .pagination-card {
    background: #fff;
    padding-top: 10px
}

.light-color {
    color: #aaa;
    font-weight: 700;
    font-style: italic
}

nav ul.nav.navbar-nav.navbar-left li a {
    -webkit-transition: background .5s;
    -webkit-transition-timing-function: linear;
    transition: background .5s;
    transition-timing-function: linear
}

nav ul.nav.navbar-nav.navbar-left li a:hover {
    /* background-color: #904d97 */
    color: #fff!important
}

.block-header a.pull-right,
footer.nb-footer .about .social-media ul li a {
    -webkit-transition: background .5s;
    -webkit-transition-timing-function: linear;
    transition: background .5s;
    transition: box-shadow .3s ease;
    transition-timing-function: linear;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .2)
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    /* background-color: #904d97 */;
    /* border-color: #904d97 */
}

.card-photo-footer {
    top: 50px;
    width: 100%;
    height: 50px;
    position: absolute
}

.slick-next:hover,
.slick-prev:hover {
    /* color: #904d97 */
}

.slick-next:before,
.slick-prev:before {
    color: #c1c1c1!important
}

.view-section {
    min-height: 450px
}

.video-parent {
    text-align: center
}

.filter-sidebar .menu .list .header {
    background: #fffdff;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #eee
}

.filter-sidebar .menu .list .header span {
    padding: 10px;
    font-size: 1.5em
}

.filter-sidebar {
    position: relative
}

.filter-sidebar .ml-menu {
    padding: 20px!important;
    border-bottom: 1px solid #eee
}

.filter-sidebar ul.ml-menu>li {
    margin-bottom: 10px
}

.courses-page {
    margin-left: 300px
}

.filter-sidebar>#side_bar>.menu>ul>li>a>span {
    font-size: 1em;
    font-weight: 400
}

.theme-purple .filter-sidebar .menu .list .ml-menu {
    background-color: #fff
}

.filter-sidebar>#side_bar>.menu>form>ul>li.header>a {
    width: 70px;
    float: right;
    padding: 5px 0;
    text-transform: uppercase;
    border: none;
    font-size: .9em
}

.block-header select.pull-right {
    width: 175px;
    margin: 10px 0;
    border-radius: 0;
    box-shadow: none
}

.thumbnail .caption .material-icons {
    font-size: 1em
}

.client-location {
    font-size: .9em
}

#clientUpdateModel .preview-image {
    width: 150px;
    height: 150px;
    margin: 20px auto;
    background-color: transparent;
    margin-top: 0
}

#clientUpdateModel .preview-image input {
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1
}

#clientUpdateModel .preview-image img {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.tc-row {
    margin-bottom: 15px
}

.tc-col {
    padding-top: 10px;
    margin-top: 10px
}

.profile-dp {
    width: 95px;
    border-radius: 100%;
    border: 3px solid #fbfbfb;
    height: 95px;
    margin-top: 0
}

.theme-purple .sidebar .menu .list .ml-menu {
    background-color: rgba(255, 255, 255, 0);
    /*border-bottom: 1px solid #eee!important*/
}

.tab-pane span.heading {
    font-weight: 500;
    color: #000
}

.tc-form-edit .form-col {
    padding-top: 10px
}

.hidden-pic {
    top: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    right: 0;
    height: 100%
}

tags-input .tags .tag-item.selected {
    background: #a467ab!important;
    color: #fff!important
}

tags-input .tags .tag-item {
    border: none !important;
    border-radius: 3px;
    /*background: #bfaac1 !important;*/
}
tags-input .tags {
    box-shadow: none!important;
    border: none!important
}

tags-input .tags.focused {
    border: none!important
}

.flag-dropdown {
    z-index: 11
}

.intl-tel-input {
    width: 100%
}

.input-group-addon {
    vertical-align: top;
    padding-top: 10px
}

.icon-right {
    z-index: 10
}

nav.navbar {
    z-index: 1001
}

.help-block {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .8em;
    color: #f44336!important;
    position: absolute;
    top: 40px
}

.input-group {
    width: 100%
}

.country-list {
    width: 305px
}

.login-page select.form-control.ng-pristine {
    display: none!important
}

.login-page .input-group {
    margin-bottom: 30px
}

.nav-top-user-dropdown {
    min-width: 250px;
    padding: 0
}

.nav-top-user-dropdown ul {
    padding-left: 0
}

.nav-top-user-dropdown ul li a {
    text-transform: initial
}

.nav-top-user-dropdown ul li {
    padding: 2px;
    border-bottom: none!important
}

.nav-top-user-dropdown .log-icon {
    border-radius: 50%;
    margin: 10px;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 1.5em;
    text-align: center
}

.nav-top-user-dropdown .log-icon span {
    vertical-align: middle;
    text-transform: uppercase
}

.nav-top-user-dropdown .log-icon img {
    border-radius: 50%;
    height: 50px;
    width: 50px
}

.nav-top-user-dropdown .row {
    margin: 0;
    border-bottom: 1px solid #efefef
}

.log-footer,
.log-header {
    text-align: center;
    background-color: #fafafa;
    padding: 5px
}

.navbar-nav .dropdown-menu.nav-top-user-dropdown li a {
    border-bottom: none
}

.log-header {
    /* color: #904d97; */
    padding: 5px
}

.edit-icon-pic {
    position: absolute;
    right: 23px;
    top: -3px;
    color: #716767;
    cursor: pointer
}

.leftmenu-avatar-ctr input {
    cursor: pointer;
    width: 100%
}

.log_user_type {
    text-transform: uppercase
}

.log .dropdown-menu {
    margin-top: 0!important
}

.log_top_arrow {
    float: right;
    right: 0;
    top: -31px;
    color: #fafafa;
    text-shadow: 0 -5px 0 #fafafa;
    position: absolute
}

.log_top_arrow .material-icons {
    font-size: 4em
}

.profile-details p {
    padding: 10px 10px 10px 0;
    border-radius: 2px;
    word-wrap: break-word
}

tags-input.hide-input .tags input.input {
    display: none
}

.create_course_form .help-block,
.profileUpdateForm .help-block,
.s_o_f .help-block {
    position: initial;
    top: 0
}

.create_course_form ul.dropdown-menu.inner {
    max-height: 250px!important
}

.no-details-found {
    text-align: center;
    margin: 0;
    padding: 50px
}

.create_course_form .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #555;
    background-color: #bfaac1;
    padding: 5px;
    border-radius: 3px;
    font-size: 1em;
    font-weight: 100
}

.s_o_f .dropdown-menu {
    z-index: 999
}

table tags-input .autocomplete {
    position: relative
}

.inline-radio-group {
    width: auto;
    margin-right: 15px;
    margin-bottom: 15px
}

#weightagePopup input[type=number] {
    border: 1px solid #f287ff;
    text-align: right
}

.w_l50,
.w_r50 {
    width: 50%;
    float: left
}

.job_title a {
    /* color: #904d97; */
    font-size: .8em;
    text-transform: uppercase
}

.card.card-description {
    box-shadow: none;
    border: 1px solid #eee;
    box-shadow: none;
    min-height: 320px;
    margin: 0
}

.card-button-right {
    position: absolute;
    right: 15px;
    list-style: none;
    margin-right: -5px
}

.card-button-right-top {
    position: absolute;
    top: 5px;
    right: 15px;
    list-style: none;
    margin-right: -5px
}

.jobs-card table {
    width: 100%
}

#allMapPopUp #map-canvas {
    height: 400px
}

.tc_tags a {
    font-weight: 300;
    background-color: #f7f7f7;
    padding: 5px 7px;
    margin: 3px 5px 0 0;
    float: left;
    font-size: 1em
}

.tc_tags a:last-child {
    margin-bottom: 10px
}

.tc_job_desc {
    width: 100%;
    float: left;
    margin-top: 20px
}

.user_is_applied_1 {
    background-color: #efdef0!important;
    font-weight: 700
}

#weightagePopup .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s
}

#weightagePopup .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    /* background: #904d97; */
    cursor: pointer
}

#weightagePopup .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    /* background: #904d97; */
    cursor: pointer
}

#map-canvas {
    width: 100%;
    height: 480px
}

.btn-center-align {
    margin-left: 0;
    margin-right: 0;
    margin: auto;
    width: 460px
}

.btn-center-align .btn {
    margin: 10px;
    width: 150px;
    height: 50px;
    background-color: #fff
}

.btn-center-align .btn.active {
    /* background-color: #904d97 */
    color: #fff
}

.tc_pop_up .row {
    margin-bottom: 20px
}

.tr_isApplied {
    /* color: #904d97; */
    font-weight: 700
}

.job_company_logo {
    max-height: 200px;
    max-width: 200px
}

#job_details_popup .media-heading {
    font-size: 12px!important;
    color: #bbb
}

#job_details_popup small {
    color: #b5b5b5
}

#job_details_popup small span {
    font-size: 1.3em
}

.jobs-card table tr td:first-child {
    width: 150px;
    vertical-align: top
}

.jobs-card table td p b {
    font-weight: 700;
    font-size: 13px
}

.jobs-card table td p {
    margin: 0 0 5px
}

.jobs-page .card .header .header-dropdown {
    right: 15px
}

.jobs-page .card .header .header-dropdown .btn {
    /* background-color: #904d97 !important;*/
    color: #fff
}

.tc_related_lists .title {
    /* color: #904d97; */
    margin: 5px 0;
    text-transform: initial;
    font-weight: 700;
    font-size: 15px
}

.map_link:hover {
    /* color: #904d97 */
}

.jobs-card .social-wrap {
    height: 35px;
    width: 100%;
    margin-top: 20px
}

.tc_no_details_found {
    /* color: #904d97; */
    font-style: italic;
    font-weight: 500
}

.search-fields .search-btn {
    transition: all .3s ease
}

.search-fields .search-btn:hover {
    /* background-color: #904d97 */
    color: #fff
}

.purple-btn
 {
    /* background-color: #904d97  !important;  */
    color: #fff!important;
    padding: 5px 8px!important;
    height: auto!important;
    border-radius: 20px!important;
}
.purple-btn:hover{
    color: #fff!important;
}
.purple-btn1
 {
    /* background-color: #904d97  !important; */
    color: #fff!important;
}
.purple-btn1:hover{
     color: #fff!important;
}

tags-input .tags.focused {
    border: none;
    outline: 0!important;
    box-shadow: none!important
}

.tc-date-review h5 {
    font-size: 1.2em
}

.tc-classtime h5 {
    font-size: 15px!important;
    font-weight: 900!important
}

.like_share_cont .detail-like {
    border-radius: 50px!important;
    width: 33px!important;
    /* background-color: #904d97 !important;*/
    color: #fff!important
}

.like_share_cont .detail-like:hover {
    color: #fff
}

.like_share_cont .detail-share a {
    float: left
}

.like_share_cont {
    padding-top: 25px
}

.no-results a {
    /* color: #904d97!important */
}

.no-results i.fa {
    font-size: 10em;
    color: #faedfb
}

.trainer-thumbnail {
    min-height: 420px
}

.chart_variations {
    width: 300px;
    height: 25px;
    margin-left: 0;
    margin-right: 0;
    margin: auto;
    font-weight: 700
}

.chart_color_variation {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 2px 0;
    float: left;
    margin-right: 10px
}

#tblSkillMatrix .fa {
    color: transparent
}

.bg_yellow {
    background-color: #ffc107
}

.bg_green {
    background-color: #00af50
}

.bg_purple {
    background-color: #7030a0
}

.bg_red {
    background-color: #fe0000
}

.bg_lblue {
    background-color: #2984e1
}

.bgeee {
    background-color: #eee;
    color: #000
}

.clr_yellow {
    color: #ffc107!important
}

.clr_green {
    color: #00af50!important
}

.clr_purple {
    /* color: #904d97!important */
}

.clr_red {
    color: #fe0000!important
}

.clr_lblue {
    color: #2984e1!important
}

.clr_green,
.clr_lblue,
.clr_purple,
.clr_red,
.clr_yellow {
    text-shadow: 2px 2px 1px #000;
    font-size: 2em
}

.clr_yellow:hover {
    text-shadow: none
}

.clr_green:hover {
    text-shadow: none
}

.clr_purple:hover {
    text-shadow: none
}

.clr_red:hover {
    text-shadow: none
}

.clr_lblue:hover {
    text-shadow: none
}

.chart_color_yellow {
    background-color: #ffc107
}

.chart_color_blue {
    background-color: #00bcd4
}

.chart_color_green {
    background-color: #00af50
}

.chart_color_purple {
    /* background-color: #904d97 */
}

.chart_color_red {
    background-color: #fe0000
}

.chart_color_lblue {
    background-color: #2984e1
}

.chart_value_container {
    float: left;
    margin-right: 15px;
    cursor: pointer;
    border: 1px solid #eee;
    padding: 5px
}

.ul-trainers-list li {
    border-bottom: 1px solid #eee
}

.description_container {
    word-wrap: break-word
}

.ngwigReadOnly .nw-editor-container {
    border: none
}

.ngwigReadOnly .nw-toolbar {
    display: none
}

.ngwigReadOnly .nw-editor__res {
    padding: 10px
}

.dashboard-right .ngwigReadOnly .nw-editor__res {
    background: #ecdced
}

.ngwigReadOnly .nw-editor {
    height: auto
}

.social-share-new li {
    float: left
}

.bg-pinterest {
    background: #bd081c
}

.detail-share a i {
    color: #fff
}

.detail-share .social-share-new .btn-circle {
    width: 35px;
    height: 35px
}

.detail-share .social-share-new a {
    width: 17.5px
}

.navbar-nav li a.my-account {
    text-transform: capitalize
}

.bootstrap-tagsinput {
    min-width: 150px
}

.fc-unthemed td.fc-today {
    background: #f6e2f9
}

.chart-user-info {
    padding: 5px;
    text-align: right
}

@media (max-width:768px) {
    .chart-user-info {
        text-align: left
    }
}

.swal2-link {
    /* color: #904d97; */
    font-size: 14px;
    cursor: pointer
}

.hover_purple strong:hover {
    /* color: #904d97 */
}

.tc_tooltip[titles]:hover:after {
    content: attr(titles);
    padding: 4px 4px;
    position: absolute;
    left: 0;
    top: 57%;
    white-space: nowrap;
    z-index: 20000;
    border-radius: 2px;
    /*background: #904d97; */
}

.tc_select {
    padding: 5px;
    border-radius: 5px
}

.manual_list_item {
    text-transform: capitalize
}

tags-input .autocomplete .suggestion-item {
    padding: 10px 15px!important;
    color: #555!important;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none
}

tags-input .autocomplete .suggestion-item em {
    /* color: #904d97!important */
}

tags-input .autocomplete .suggestion-item.selected,
tags-input .autocomplete .suggestion-item.selected em {
    background-color: #f5f5f5!important
}

.multipe-tick .dropdown-menu li:first-child.selected a[tabindex="0"] .check-mark {
    display: block!important
}

.sub_trainers_img {
    padding: 5px!important;
    padding-bottom: 0!important;
    height: 150px!important;
    width: 150px!important
}

.share-container {
    height: 40px
}

.autocomplete_form tags-input .host {
    margin-bottom: 0
}

.matrix-t-b-l-t-r {
    border: 4px solid #eee!important;
    border-top: none!important;
    border-bottom: none!important;
    text-align: center
}

.matrix-t-b-l {
    border-left: 4px solid #eee!important
}

.matrix-t-b-r {
    border-right: 4px solid #eee!important
}

.btn-lmenu-collapse .fa {
    font-size: 15px!important;
    position: relative;
    top: 0!important
}

.tc_check_style {
    margin-right: 10px;
    margin-left: 10px
}

.hover-style:hover {
    /* border: 1px dashed #904d97!important; */
    background: #e5afea38
}

.celebrity-list.new .media-object {
    width: 100px!important;
    height: 100px!important;
    border-radius: 50%!important;
    max-width: unset
}

.card-body-splitter {
    border-bottom: 5px solid #eee
}

.edit-icon-pic .material-icons {
    margin-top: 35%
}

.signup-popup a {
    font-size: 12px
}

.ngdialog-open {
    overflow: scroll!important;
    padding-right: 0!important
}

.color-circle {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 8px;
    border: 1px solid #fff;
    margin-right: 5px;
    margin-top: 5px;
    float: left
}

.key-color-container {
    float: left;
      padding: 0 0 0 10px;
}

.dynamic-list {
    padding: 0
}

.selected .list-group-item {
    background: #eee
}

#tblSkillMatrix tr {
    background: 0 0
}

#tblSkillMatrix tbody tr td {
    border-color: #c7c0c0;
    text-align: center
}

.isThisActive {
    color: #bdbdbd
}

.related_jobs_title {
    font-weight: 700;
    font-size: 16px
}

.related_jobs_company {
    font-weight: 700;
    /* color: #904d97 */
}

.related_jobs_location {
    font-size: 12px;
    color: grey
}

.related-body {
    border: 1px solid #904d97;
    height: 200px;
    border-radius: 5px;
    border-top: 5px solid #904d97;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.sweet-alert {
    max-height: 300px;
    overflow: hidden
}

.sweet-alert .blockquote {
    font-size: 14px
}

.from-jd tags-input .tags .tag-item, .from-jd h4 {
    background: #1a1551!important;
    color: #fff
}

.from-position tags-input .tags .tag-item, .from-position h4 {
    /* background: #904d97!important; */
    color: #fff
}

.from-jd tags-input .tags .tag-item .remove-button,
.from-position tags-input .tags .tag-item .remove-button {
    color: #fff!important
}
.full-width-modal {
    width: 100%;
    margin: 0;
    height: 100%
}

.full-width-modal .modal-content {
    height: 100%
}

.location-search {
    position: absolute;
    top: 33px;
    z-index: 999;
    width: 93%;
    max-height: 200px;
    font-size: 1em
}

.vacant_bg {
    background-color: #f44336!important
}

.full-card {
    width: 96%;
    position: absolute;
    left: 2%
}

.hierarchy-card .header h2 {
    font-size: 19px;
    margin: 5px;
    margin-left: 50px
}

.btn-fullscreen {
    float: left;
    color: #fff!important;
    /* background: #904d97; */
    padding: 5px;
    height: 35px;
    width: 35px;
    border-radius: 2px;
    margin-right: 10px;
    position: absolute;
    z-index: unset
}

#collopseShow {
    display: none
}

.job-list .card {
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px;
    border-bottom: 3px solid #904d97
}

.job-descriptions .fa {
    font-size: 14px;
    color: #9e9e9e
}

.job-descriptions .social-wrap .fa {
    color: #fff
}

.card-description .user-profile-pic {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 2px solid #eee
}

.job-descriptions .card-button-right-top {
    position: relative;
    float: right
}

.blog-post span.edit-icon i {
    cursor: pointer;
    font-size: 1em;
    padding: 5px;
    border: 1px solid #cecece;
    border-radius: 3px;
    /* color: #904d97 */
}

#progress-container {
    width: 200px;
    height: 200px;
    margin: auto
}

.profile-complete-modal p {
    outline: 0;
    /* color: #904d97; */
    padding: 15px;
    text-transform: uppercase
}

.feedback-modal p {
    margin: 0;
    font-size: 12px;
    padding: 0 0 0 30px
}

.feedback-modal textarea {
    margin: 15px 0 0 25px;
    border-radius: 2px;
    width: 95%;
    height: 150px;
    border: 1px dashed #888;
    overflow-x: hidden
}

.rating-questions {
    padding: 10px 5px;
    border-bottom: 1px solid #888
}

.mid-center {
    margin: 40px 0;
    /* color: #904d97 */;
    font-weight: 700
}

.upload-file {
    padding: 20px;
    text-align: center;
    font-size: 12px;
    border: 2px dashed #eca9f3;
    background-color: #f1ebeb;
    font-weight: 700
}

.upload-file strong {
    color: #904d97
}

.hidden-upload-file {
    opacity: 0!important;
    position: absolute;
    height: 60px;
    top: 10px;
    width: 93%!important
}

.search-fields:-ms-input-placeholder,
.search-fields::-moz-placeholder,
.search-fields::-webkit-input-placeholder,
.search-fields::placeholder {
    color: #fff!important;
    opacity: 0!important
}

.search-fields:-ms-input-placeholder {
    color: #fff!important
}

.search-fields::-ms-input-placeholder {
    color: #fff!important
}

table.table-bordered thead .fa {
    float: right;
    cursor: pointer;
    color: #b8b5b5
}

table.table-bordered thead .fa.active {
    color: #000
}

.form-line-autocomplete {
    border: 1px solid #eee;
    padding-left: 10px;
    border-radius: 3px
}

.autocomplete-add {
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px;
    /* background: #904d97; */
    height: 35px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.autocomplete-add-form {
    position: absolute;
    right: 15px;
    top: 25px;
    padding: 8px;
    /* background: #904d97; */
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.autocomplete-add-form:hover,
.autocomplete-add:hover {
    /*background: #904d97; */
}

@media print {
    .download-resume {
        display: none
    }
}

.disable-field-show {
    padding: 10px 0
}

.table-header-tools {
    margin: 10px 0 0 0
}

.table-edit tbody tr td {
    padding: 5px;
    background: #eee
}

.table-edit tbody tr td input {
    padding: 10px;
    border: none;
    width: 100%
}

.location-group-left {
    width: 90%
}

.location-group-right {
    width: 10%
}

.blog-image {
    width: 100%!important;
    border-radius: 0!important;
    border: 5px solid #eee
}

.blog-image-container {
    width: 100%;
    text-align: center
}

.sidebar-divider {
    height: 10px
}

.sidebar-header {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    /* background: #904d97; */
    color: #fff
}

.list-pic {
    width: 50px;
    border-radius:50%;
    /*height: 50px;*/
}

.transperant-background {
    background: 0 0
}

.internal-card {
    border: 2px solid #eee;
    border-radius: 25px;
    text-align: center;
    display: flex;
    flex-direction: row;
    margin-right: 5px;
}
.internal-card:focus{
    outline: none!important;
}
.activity-icon {
    width: 75px;
    background: #efefef;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 5px !important;
    /*border-radius: 20px*/
}

.activity-contant {
    padding-left: 25px;
    padding-bottom: 5px;
    text-align: left;
    width: 75%
}

.activity-action {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center
}

.internal-card.draggable {
    cursor: move
}

.internal-card i {
    font-size: 3em;
    /* color: #904d97 */;
    margin-bottom: 36px;
}

.internal-card h4 {
    font-size: 15px;
    /* color: #904d97 */;
    margin: 5px 0
}

.internal-card.active {
    /*border: 2px solid #904d97;*/
    background-color: #fafafa;
    border-radius: 25px;
}

aside ul.breadcrumb {
    text-align: center;
    /* background: #904d97; */
    padding: 6px ;
}

aside ul.breadcrumb>li a {
    color: #fff
}

aside ul.breadcrumb>.active {
    color: #eee
}

.search-container oi-select {
    width: 20%;
    float: left;
    border: 1px solid #eee;
    border-image: initial;
    height: 40px;
    padding: 3px 5px;
    border-right: none
}

.search-container input.search-text {
    width: 70%;
    border: 1px solid #eee;
    height: 40px;
    padding: 3px 5px
}

.search-container button {
    height: 40px;
    padding: 5px 15px;
    color: #eee;
    /* background: #904d97; */
    border: none
}

.activity-container i {
    width: 100px;
    float: left;
    border-right: 1px solid #eee;
    height: 100%;
    padding: 26px;
    margin-right: 10px
}

.activity-container h4 {
    font-size: 16px;
    /* color: #904d97 */
    text-align: left
}

.activity-container .btn-container {
    float: right;
    margin-right: 20px
}

.draggable-ul {
    padding: 0;
    margin: 0
}

.existFileRow {
    padding: 10px;
    background: #eee;
    /*border: 2px solid #904d97;*/
    border-radius: 5px
}

.question-palette {
    padding: 0;
    border-radius: 5px;
    background: #eee;
    text-align: center
}

.question-palette .header {
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    background: #e3cfe6;
    margin-bottom: 0
}

.question-palette .item {
    border: 1px solid #e27d60;
    border-radius: 5px;
    padding: 2px;
    background: #fff;
    float: left;
    min-height: 30px;
    min-width: 30px;
    margin: 10px 5px 10px 10px;
    font-size: 15px;
    cursor: pointer
}
.dirRight .question-palette .item{
float: right;
}

.question-palette .item.active {
    /* background: #904d97; */
    color: #fff
}

.quiz-container .question {
    background: #fff;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: bold;
}

.quiz-container .quiz_editor .question {
    border: none;
    border-radius: 0;
    position: relative;
    padding-left: 37px
}

.quiz-prefix {
    position: absolute;
    left: 5px;
    top: 8px
}

.view_mode {
    padding-top: 3px;
    display: block
}

.quiz-container .options {
    background: #eee;
    padding: 5px;
    font-size: 16px;
    border-radius: 5px;
    /*font-weight: 700*/
}

.quiz_editor .question .quiz-prefix {
    top: 13px
}

.quiz-container .quiz_editor .options {
    border: none;
    border-radius: 0
}

.quiz-container .options.correct {
    background: #4caf50;
    color: #fff;
    border-color: #1f5a21
}

.quiz-container .btn {
    width: 150px;
    padding: 10px;
    font-weight: 700;
    box-shadow: none!important;
    border-radius: 5px;
}

.label-title {
    font-weight: 700;
    padding-left: 15px;
    margin-bottom: 15px
}

.quiz_editor .options {
    padding-left: 37px;
    position: relative
}

.options .quiz-prefix {
    left: 10px
}

.quiz-container input.edit_mode {
    background: 0 0;
    border: none;
    width: 100%;
    background-color: #fff;
    padding: 4px;
    text-transform: capitalize;
    font-weight: 400;
    color: #333
}

.quiz-container .options input {
    font-size: 15px;
    font-weight: 400
}

pdf-viewer-toolbar .bg-blue {
    height: 40px;
    background-color: #323132!important;
    padding: 10px
}

pdf-viewer-toolbar .bg-blue .button,
pdf-viewer-toolbar .bg-blue .px1 {
    color: #fff;
    margin: 10px;
    height: inherit;
    padding: 2px 5px
}

pdf-viewer canvas {
    min-width: 70%;
    margin-left: 15%
}

.pdf-viewer-background {
    background: #323132;
    overflow: scroll
}

pdf-viewer input.field-dark {
    color: #000;
    width: 40px!important;
    text-align: center;
    border: none;
    border-radius: 2px;
    margin-right: 5px
}

.hidden-radio-full {
    width: 92%;
    height: 100%;
    margin: 0!important;
    left: inherit!important;
    opacity: 1;
    cursor: pointer
}

.quiz-container .options.user_answer {
    /* background: #904d97; */
    color: #fff;
    /* border-color: #904d97 */
}

.skill-row .autocomplete-add {
   top: 22px ;
    height: 36px ;
    right: 15px ;
}

.modal-body.popup-scroll {
    max-height: 300px;
    overflow: auto
}

.table-menu {
    margin-bottom: 0;
    background: #f1eef1;
    /* border: 2px solid #904d97 */
}

table.table-bordered.table-menu thead .fa {
    color: #fff;
    float: left;
    margin-right: 10px;
    font-size: 14px
}

.sidebar .menu .list .ml-menu li .ml-menu li a {
    padding-left: 50px
}

.dashboard-tab .nav>li>a {
    color: #000
}

.dashboard-tab .card .header {
    padding: 10px 10px 0 10px;
    border-bottom: none
}

.dashboard-right.full-screen {
    width: 100%!important
}

.dashboard-left.full-screen {
    display: none!important
}

#myIframe {
    width: 100%;
    min-height: 600px;
    border: none
}

.insideFullWidth {
    margin: 5px;
    margin-top: 20px
}

.slidePreviewer {
    text-align: center;
    margin: 10px;
    background: #200124;
    padding: 10px;
    border-radius: 2px
}

.pdf-thumbnails {
    padding: 10px 0
}

.full-width-modal .modal-dialog {
    width: 98%
}

.fa.empty-cart {
    font-size: 4em!important;
    color: #76507a!important
}

.tc-list-container {
    padding: 0
}

.tc-list-container .tc-list {
    padding: 22px;
    line-height: 1;
    padding-right: 0;
    padding-bottom: 30px;
    display: block;
    overflow: hidden;
    border: 1px solid #eee;
    padding-left: 10px
}

.li-img-container {
    position: relative;
    width: 95px;
    float: left;
    margin-left: 18px
}

.li-contant-container {
    float: right;
    width: calc(98% - 120px)
}

.li-contant-container i.fa.right {
    float: right;
    padding: 0 10px;
    color: #f44336;
    margin-top: -15px;
    cursor: pointer
}

.li-contant-container h4 {
    word-wrap: break-word;
    padding-right: 30px;
    /* color: #904d97; */
    text-transform: uppercase;
    font-size: 14px
}

.li-check-container {
    width: 10px;
    float: left;
    position: relative
}

.select-all-check {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    float: left
}

.org-new-employees-img {
    position: relative;
    border-radius: 50%;
    margin: 5px;
    width: 32px;
    height: 32px;
    float: left
}

.form-group.inline p.text {
    float: left;
    margin-right: 15px
}

.modal .hidden-upload-file {
    position: absolute!important;
    top: 0;
    width: 100%!important
}

#top10_modal .tab-content,
#top10_modal .tc-tab-content {
    padding: 0
}

.split-row {
    padding: 15px 0 5px 0;
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 15px
}

.gift-card-tc {
    padding: 30px 10px;
    border: none;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 1px 4px 5px #959595;
    background: linear-gradient(to right, #d9d9d9 37%, #904d97 30%)
}

.gift-card-tc input.form-control {
    /* background: #904d97; */
    color: #fff;
    font-size: 1.2em
}

.gift-card-tc img {
    margin: 5% 0
}

.gift-card-tc input::-webkit-input-placeholder,
.gift-card-tc input::placeholder,
.gift-card-tc input:-ms-input-placeholder,
.gift-card-tc input::-moz-placeholder {
    color: #fff!important;
    opacity: 0!important
}

.gift-card-tc input:-ms-input-placeholder {
    color: #fff!important
}

.gift-card-tc input::-ms-input-placeholder {
    color: #fff!important
}

.gift-card-tc .remove-input {
    color: #de8eeb;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: -30px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer
}

.gift-card-tc .form-group .form-line {
    border-bottom: 1px dashed #cb6cdb
}

.gift-card-tc::placeholder {
    color: #d67de5!important
}

.gift-card-tc .help-error {
    color: #ccc!important
}

.gift-card-tc .card-logo {
    text-align: center
}

.gift-card-tc .fa-gift {
    font-size: 4em;
    margin: 5%;
    color: #b2b2b2
}

.feedback-header {
    width: 100%;
    background: linear-gradient(141deg, #904d97 0, #d67cdd 51%, #a062a5 75%);
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bolder;
    padding: 25px
}

.feedback-statusbar {
    width: 100%;
    text-align: right;
    padding: 5px 20px;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    /* color: #904d97; */
    text-transform: uppercase
}

.feedback-statusbar .progress {
    height: 7px;
    border-radius: 10px;
    width: 75%;
    float: right;
    margin: 7px 0 10px 0
}

.feedback-statusbar .fa.fa-arrow-circle-left {
    float: left;
    font-size: 2em;
    padding: 10px;
    cursor: pointer
}

.feedback-statusbar .progress .progress-bar {
    line-height: 23px;
    /* background-color: #904d97 */
}

.feedback-questions-header {
    padding: 20px 0;
    background: #fff
}

.feedback-questions-header .card {
    color: #888;
    border-left: 3px solid #904d97;
    border-radius: 0;
    min-height: 75px;
    padding: 0 15px
}

.feedback-questions-header .card h3 {
    margin: 0;
    padding: 10px 0;
    font-size: 18px;
    /* color: #904d97; */
    cursor: pointer
}

.feedback-questions-header .card.card-left {
    text-align: right;
    padding: 15px;
    font-size: 2em
}

.feedback-questions-header .card.card-left.active .fa {
    font-size: 1.1em;
    /* color: #904d97 */
}

.feedback-questions-header .card.card-left .fa {
    font-size: 1.1em;
    color: #eee
}

.feedback-questions-header .fa.fa-arrow-circle-right {
   
    margin-top: -15px;
    font-size: 2em;
    /* color: #904d97; */
    cursor: pointer
}

.feedback-questions-header .question-card {
    padding: 0 15px;
    color: #000
}

.feedback-questions-header .question-card .row {
    border-bottom: 1px solid #eee;
    padding: 10px
}

.feedback-questions-header .question-card .row h5 {
    margin-bottom: 15px
}

.feedback-questions-header .delegates-card {
    padding: 0 15px;
    color: #000
}

.feedback-questions-header .delegates-card .row {
    border-bottom: 1px solid #eee;
    padding: 10px
}

.feedback-questions-header .delegates-card .row h5 {
    margin-bottom: 15px
}

.feedback-questions-header .delegates-card .fa-star {
    font-size: 3em;
    padding: 10px;
    color: #eee
}

.delegates-card .fa-star.active {
    /* color: #904d97 */
}

.delegates-card .completed {
    cursor: pointer
}

.feedback-questions-header .card.detail-card h5 {
    padding: 10px 0;
    text-transform: uppercase;
    /* color: #904d97; */
    text-decoration: underline
}

.feedback-questions-header .card.detail-card {
    color: #000
}

.feedback-questions-header .card.detail-card .splitter {
    border-bottom: 1px solid #eee
}

.feedback-dashboard .progress {
    height: 10px;
    border-radius: 2px;
    width: 80%;
    margin: 10px 0;
    float: left;
    background-color: #fff
}

.feedback-dashboard .progress .progress-bar {
    /* background-color: #904d97 */
}

.feedback-dashboard {
    text-transform: uppercase;
    /* color: #904d97; */
    padding: 25px!important;
    margin-bottom: 0
}

.feedback-dashboard .rating-span {
    width: 10%;
    float: right;
    height: 30px;
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    padding: 2px;
    font-size: 1em;
    color: #fff;
    border-radius: 2px;
    /* background: #904d97; */
    line-height: 23px
}

.feedback-dashboard .fa.fa-star {
    float: right;
    padding: 6px 5px 8px 0;
    font-size: 10px
}

.feedback-dashboard h5 {
    font-size: 12px;
    color: #5b5b5b
}

.price-filter .text-box {
    height: 35px;
    border-radius: 2px;
    border: 1px solid #1e1e1e;
    margin: 15px 0;
    text-align: center;
    font-size: 1.5em;
    width: 100%
}

.gradient-btn {
    margin: 10px 0;
    background: linear-gradient(to right, #904d97, #cb82d3, #904d97);
    font-weight: 700
}

.gradient-full-btn {
    width: 100%
}

.gradient-btn:active {
    background: linear-gradient(to right, #cb82d3, #904d97, #cb82d3)
}

.video-quiz-container {
    border: 1px dashed;
    margin: 20px;
    padding: 10px
}

.activity-left {
    padding: 30px;
    margin: 0;
    background: #eee;
    text-align: center;
    border: 2px solid #999696
}

.quiz-drag-controller {
    background: linear-gradient(to right, #db72ed, #47b2c4);
    display: table;
    border-radius: 5px;
    width: 100%;
    padding: 0 10px
}

.quiz-drag-controller .btn {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #fff;
    box-shadow: none!important
}

.quiz-drag-controller .vdo-time {
    color: #fff;
    display: table-cell;
    font-size: 18px;
    width: 75px;
    vertical-align: middle;
    text-align: center;
    cursor: default
}

.quiz-drag-controller .progress-btn {
    width: 80%;
    height: 50px
}

.quiz-drag-controller .slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background: #d3d3d3;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.quiz-drag-controller .slider:hover {
    opacity: 1
}

.quiz-drag-controller .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 5px;
    /* background: #904d97; */
    cursor: pointer
}

.quiz-drag-controller .slider::-moz-range-thumb {
    width: 25px;
    height: 5px;
    /* background: #904d97; */
    cursor: pointer
}

.quiz-activity {
    border-bottom: 1px solid #d874ec;
    padding-bottom: 10px
}

.activity-steps {
    width: 5px;
    height: 10px;
    background: #ffc107
}

.progress-btn .steps-container {
    position: relative;
    bottom: 5px
}

.steps-container .activity-steps {
    width: 5px;
    height: 5px;
    background: #ffc107;
    position: absolute;
    top: 0;
    bottom: 0
}

.steps-container .activity-steps.complete {
    background: #09730e
}

.box-input {
    margin: 0;
    border: 2px solid #7e7e7e;
    border-radius: 5px;
    padding: 5px;
    text-align: center
}

.pdf-toolbar-container {
    text-align: center;
    background: #323132;
    width: 100%;
    z-index: 1;
    height: 60px;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700
}

.pdf-toolbar-container a {
    color: #323132;
    background: #fff;
    padding: 2px 10px;
    border-radius: 2px;
    font-weight: 700;
    cursor: pointer
}

pdf-viewer-toolbar {
    display: none
}

.card-options {
    padding:5px 10px;
    font-size: .5em;
    justify-content: center;
    align-items: center;
    min-height: 50px
}

.card-options h4 {
    font-size: 10px;
    /* color: #904d97; */
    text-indent: 5px
}

.activity-action button .fa {
    color: #fff
}

.activity-timings {
    position: absolute;
    width: auto;
    bottom: 10px;
    /* background: #904d97; */
    height: 35px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    display: flex;
    border-radius: 2px;
    font-size: 13px;
    padding: 0 5px 0 5px;
}

tags-input .tags .input {
    width: 100%
}

.content-center {
    background: #fff;
    box-shadow: 0 0 5px silver;
    border-radius: 1px;
    overflow-x: hidden
}

.timeline-heading img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.timeline-ordinary {
    transition: 2s
}

.timeline-panel {
    transition: float 2s
}

.timeline-ordinary .timeline-contant {
    display: none
}

.timeline-inverted .timeline-contant {
    display: flex;
    flex-direction: column;
    background: #e9dce9;
    padding: 10px;
    border-radius: 2px;
    margin: 10px 0
}

.timeline-contant p {
    margin: 0 0 5px
}

#timeline .timeline-inverted hr {
    top: 40px!important;
    bottom: auto
}

.timeline-heading {
    min-height: 50px
}

.certiHeader .card {
    margin-bottom: 10px;
    box-shadow: none;
    border: none
}

.certiHeader .card .header {
    margin-bottom: 0
}

.cardBtnn {
    padding: 0!important;
    margin: 0 0 10px!important
}

.cardBtnn button {
    margin: 5px 10px 5px
}

.cardBadge {
    display: inline-block;
    background: #fff;
    color: #000;
    top: 0!important;
    width: 25px;
    height: 22px;
    padding: 3px;
    text-align: center;
    margin-left: 16px!important
}

.certi .card {
    margin-bottom: 10px!important;
    display: block;
    padding: 10px;
    position: relative
}

.certiPag {
    background-color: #fff;
    padding: 5px 0 0 0
}

.certiPag p {
    margin: 0;
    line-height: 38px
}

.btn-radius {
    padding: 5px 10px!important
}

.secDivAnalytics .card {
    display: inline-block;
    padding: 5px 10px;
    width: 100%
}

.secDivAnalytics .card hr {
    margin-top: 10px;
    margin-bottom: 15px
}

.secDivAnalytics .card h4 {
    /* color: #904d97 */
}

.secDivAnalytics .card h5 b {
    /* color: #904d97 */
}

.analyti .card {
    margin-bottom: 10px!important;
    display: inline-block;
    padding: 10px;
    position: relative
}

.analyti .card:nth-child(even) {
    border-left: 10px solid #f1ebeb
}

.analyti .card h2 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    color: #111;
    padding: 0 20px 10px;
    margin-bottom: 20px
}

.analyti img {
    width: 40px
}

.iconAnalytics {
    height: 120px;
    padding: 20px 10px
}

.iconAnalytics p {
    line-height: 110px;
    font-weight: 700;
    /* color: #904d97 */;
    font-size: 25px
}

.iconAnalytics h4 {
    line-height: 22px;
    font-size: 16px
}

.skillsRecent {
    height: 250px!important
}

.skillsRecent h2 {
    margin: 0!important
}

.skillsRecent .nav-tabs {
    margin-top: 20px
}

.skillsRecent .nav-tabs>li>a {
    padding: 1px 5px;
    transition: .2s
}

.skillsRecent .nav-tabs>li>a:hover {
    /* color: #904d97!important; */
    background-color: #fff!important
}

.skillsRecent .nav-tabs>li.active>a {
    /* background-color: #904d97 */
    color: #fff!important;
    border-radius: 6px
}

.skillsRecent .nav-tabs>li.active>a:hover {
    /* background-color: #904d97 !important;*/
    color: #fff!important
}

.skillsRecent .nav-tabs>li>a:before {
    border-bottom: 0 solid #904d97
}

.skillsRecent .tab-content .btn {
    color: #fff;
    border-radius: 6px
}

.skillsRecent .tab-content .btn-begin,
.recommended_skills li.skill_beginner
 {
    background: #ffc107
}

.skillsRecent .tab-content .btn-inter,
.recommended_skills li.skill_int
 {
    background: #00bcd4
}

.skillsRecent .tab-content .btn-exp,
.recommended_skills li.skill_expert
 {
    background: #59c35d
}
.skillsRecent .tab-content .btn-advanced,
.recommended_skills li.skill_advanced
 {
    background: #00868b
}

.skillsRecent .tab-content {
    padding: 0;
    margin-top: 20px
}

.skillsRecent .tab-content div {
    margin-top: 10px
}

.skillsRecent #sel1 {
    position: absolute;
    top: -30px;
    right: 3px
}

.skillsRecent .tab-content div {
    float: left
}

.leftmenu-avatar-ctr {
    position: relative;
}

.leftmenu-avatar-ctr .profile-dp-rect {
    line-height: 25px;
    background-color: transparent
}

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

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

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

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

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

.no-padding {
    padding: 0!important
}

.jobs-card table tr td:nth-child(3) {
    width: 100px
}

.home-bg-slide {
    background: linear-gradient(-45deg, #904d97, #6e1a52);
    margin: 0!important;
    width: 100%!important
}

.hightlight-course {
    font-weight: 700;
    /* color: #904d97 */
}

.open>.social-right {
    display: block;
    right: 0!important;
    top: 25px;
    z-index: 1;
    right: 0!important;
    left: unset!important;
    z-index: 999!important;
    margin-top: -35px!important
}

.btn-effects {
    /* border: 2px solid #904d97!important; */
    padding: 6px!important;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    transition: .3s ease all;
    font-weight: 600;
    font-size: 12px;
    /* color: #904d97 */
}

.btn-effects:hover {
    /* background-color: #904d97 */
    color: #fff;
    padding: 10px
}

.mobile-wrap {
    width: 50%;
    float: left;
    margin-bottom: 10px!important
}

.d-r-m {
    float: right
}

.full-width {
    background: #fff;
    width: 100%;
    padding: 20px 0 30px 0;
    color: #333;
    margin-bottom: 20px
}

.tc-details-head h2 {
    font-size: 21px;
    text-transform: uppercase;
    margin: 8px 0 5px 0;
    line-height: 28px;
    font-weight: 700
}

.tc-details-head h1 {
    font-size: 21px;
    text-transform: uppercase;
    margin: 8px 0 5px 0;
    line-height: 28px;
    font-weight: 700
}

.tc-details-head small i {
    font-size: 16px;
    margin-right: 5px
}

.tc-details-head small a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 500
}

.tc-date-review {
    margin: 15px 0 10px 0
}

.detail-date {
    width: 48px;
    height: 52px;
    float: left;
    font-size: 44px;
    margin-top: 4px
}

.tc-classtime {
    float: left
}

.tc-classtime h3 {
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 10px 0
}

.tc-classtime h5 {
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0 0 0
}

.tc-classtime p {
    font-size: 20px;
    font-weight: 500;
    margin: 2px 0 0 0
}

.tc-classtime p span {
    color: #8f8f8f;
    font-size: 16px;
    text-decoration: line-through
}

.tc-enquiry {
    background: #01ab45;
    padding: 12px 8px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px;
    border: none
}

.tc-enquiry:hover {
    color: #fff
}

.tc-moreinfo {
    background: #ff9600;
    padding: 12px 8px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin-top: 8px;
    border: none
}

.tc-moreinfo:hover {
    color: #fff
}

.tc-details-content .nav-tabs li.active a {
    /* color: #904d97!important */
}

.tc-details-content .nav-tabs>li>a {
    color: #716b6b!important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase
}

.tc-details-content .tab-content {
    padding: 0
}

.tc-details-content .tab-content .pad15 {
    padding: 15px
}

.tc-tab-content p {
    color: #5d5d5d;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    text-align: justify
}

.tc-skills-btn {
    padding: 7px 15px;
    border: 1px solid #a4a4a4;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    margin: 10px 10px 0 0;
    float: left
}

.tclearninghead h5 {
    margin: 5px 0 10px 0;
    font-size: 16px
}

.cleard {
    clear: both
}

.tc-coursedetails-right {
    padding: 15px 15px 1px
}

.tc-coursedetails-right .thumbnail {
    border: none;
    padding: 0;
    margin-bottom: 15px;
    position: relative
}

.tc-course-map {
    width: 100%;
    height: 300px;
    margin-bottom: 15px
}

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

.course-lesson-list ul li {
    font-size: 15px;
    font-weight: 500;
    color: #535353;
    background: #f4f4f4;
    padding: 10px 8px;
    margin-bottom: 4px
}

.course-lesson-list ul li i {
    /* color: #904d97; */
    font-size: 14px;
    margin-right: 5px;
    width: 20px
}

.course-lesson-list ul li span {
    color: #000
}

.trainer_profile {
    padding: 25px 25px 10px;
    text-align: center
}

.trainer_profile .profile-dp {
    margin: 0 auto;
    width: 150px;
    border: 5px solid #f4f4f4;
    height: 150px
}

.tc-profile-name {
    border-bottom: 4px double #ddd;
    padding: 10px 0 15px 0
}

.tc-profile-name h1 {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin: 0 0 4px
}

.tc-profile-name h2 {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin: 0 0 4px
}

.tc-profile-name p {
    text-align: center;
    font-size: 15px;
    margin-bottom: 4px
}

.tc-profile-name .stars {
    text-align: center;
    margin: 0 auto
}

.tc-profile-social {
    margin: auto;
    padding: 15px 0
}

.tc-profile-social {
    max-width: 220px;
    margin: auto;
    padding: 15px 0
}

.bor-radius {
    border-radius: 15px!important
}

.tc-profile-social label {
    /* background: #904d97; */
    border-radius: 15px!important;
    padding: 6px 20px;
    color: #fff;
    font-weight: 500
}

.widget-title {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    border-bottom: 4px double #ddd;
    color: #555
}

.widget-title span {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #555;
    margin-bottom: -4px
}

.tc-profile-info {
    padding: 20px
}

.course-contact-info ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.course-contact-info ul li {
    font-size: 15px;
    font-weight: 500;
    color: #535353;
    background: #f4f4f4;
    padding: 10px 8px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    word-break: break-all
}

.course-contact-info ul li i {
    /* color: #904d97; */
    font-size: 14px;
    margin-right: 5px;
    width: 20px
}

.shortbio p {
    font-size: 14px;
    color: #393939;
    font-weight: 500;
    line-height: 23px
}

.tc-skills-btn span {
    color: #a9a6a6;
    text-transform: capitalize
}

.icon-btn {
    font-size: 20px;
    margin-right: 6px;
    top: 0!important
}

.affix {
    width: 22.8%
}

.tc-like {
    background: #4267b2;
    padding: 7px 15px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500
}

.tc-like:hover {
    color: #fff
}

.course-lesson-list {
    background: #f4f4f4;
    padding: 8px 10px;
    margin-bottom: 15px
}

.course-lesson-list p {
    margin-bottom: 0
}

.course-lesson-list p i {
    float: left;
    display: inline-block;
    font-size: 18px;
    /* color: #904d97; */
    margin-top: 1px
}

.course-lesson-list p span {
    margin-left: 24px;
    display: table;
    font-size: 16px;
    font-weight: 500
}

.course-lesson-list h6 {
    margin-left: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #5b5b5b;
    margin-top: 5px;
    margin-bottom: 0
}

.social-wrap {
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 2px
}

.social-wrap a {
    margin-right: 2px
}

.detail-list {
    border-bottom: 1px solid #f1ecec;
    margin-bottom: 15px
}

.detail-list:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.mar25 {
    margin-top: 25px
}

.pad15 {
    padding: 15px
}

.success-msg h5 {
    font-size: 18px;
    font-weight: 500;
    color: #464646
}

.success-msg h2 {
    font-size: 22px;
    font-weight: 500
}

.success-msg h4 {
    font-size: 18px;
    font-weight: 500;
    color: #00b61a
}

.success-msg p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 8px 0
}

.success-msg a {
    font-size: 16px;
    font-weight: 600;
    /* color: #904d97 */
}

.success-msg .btn-primary {
    /* background: #904d97!important; */
    padding: 8px 20px!important;
    text-align: center;
    font-size: 18px!important;
    color: #fff
}

.success-social p {
    font-size: 14px;
    color: #000
}

.success-social ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    font-size: 16px;
    /* color: #904d97; */
    border: 1px solid #ccc;
    text-align: center
}

.success-social ul li a:hover {
    /* background: #904d97; */
    color: #fff;
    /* border-color: #904d97 */
}

.success-course .media-body {
    display: block;
    border-bottom: 4px double #ccc;
    width: auto;
    margin-bottom: 8px
}

.success-course .media-body h4 {
    margin: 5px 0;
    font-size: 18px
}

.success-course .media-body p {
    font-size: 14px;
    font-weight: 500
}

.price-success span {
    /* color: #904d97; */
    font-weight: 500;
    font-size: 22px
}

.success-course button {
    font-size: 16px!important;
    font-weight: 500
}

@keyframes blink {
    50% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    50% {
        opacity: 0
    }
}

.blink {
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite
}

.contact-head {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    /* background: #904d97; */
    padding: 7px 15px;
    width: 150px;
    margin: 0 auto;
    border-radius: 5px
}

.contact-head a {
    color: #f9cffd;
    font-size: 14px;
    margin-right: 10px
}

.main_info {
    background: url(../images/tc-shadow.png) no-repeat center 100%;
    padding-bottom: 23px;
    position: relative;
    margin-top: -10px
}

.section_margin {
    margin-bottom: 20px
}

.main_info .info_inner {
    background: #f8f8f8;
    padding: 50px
}

.main_info .info_inner h4 {
    /* color: #904d97; */
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700
}

.main_info .info_inner span {
    font-size: 16px;
    color: #444;
    display: block;
    font-weight: 600
}

.main_info .info_inner strong {
    margin-top: 35px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #5d5d5d
}

.main_info .info_inner h5 {
    font-size: 17px;
    color: #000;
    font-weight: 700
}

.main_info .info_inner h5 i {
    color: #444;
    margin-right: 15px;
    font-size: 18px
}

.main_info .info_inner .tc-call h5 {
    /* color: #904d97; */
    margin-right: 15px;
    font-size: 20px
}

.tc-call {
    border-top: 1px dashed #e1e1e1;
    margin-top: 30px;
    padding-top: 20px
}

.main_info .info_inner .tc-call strong {
    margin-top: 0
}

.main_info .info_inner img {
    width: 30px;
    height: 36px
}

.tc-contact-map {
    border-top: 1px dashed #e1e1e1;
    padding-top: 25px;
    margin-top: 10px
}

.marbtm10 {
    margin-bottom: 10px
}

.tc-contact-bor .form-control {
    width: 100%;
    height: 42px;
    border-radius: 0;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #f4f4f4
}

.tc-contact-bor textarea.form-control {
    height: 95px;
    padding: 10px;
    resize: none;
    margin-bottom: 20px
}

.tc-contact-bor button {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.accordion .panel-title i.fa {
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    font-size: 14px;
    float: right
}

.rotate-icon {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.panel {
    border: 0
}

.panel-group .panel+.panel {
    margin-top: 0
}

.panel-group .panel {
    border-radius: 0;
    margin-bottom: 10px
}

.panel-heading {
    border-radius: 0;
    color: #fff;
    padding: 25px 15px
}

.panel-custom>.panel-heading {
    background-color: #fff
}

panel-collapse .collapse.in {
    border-bottom: 0
}

.tc-faq.panel-group .panel .panel-heading a {
    font-size: 16px;
    padding: 15px;
    color: #000
}

.panel-body .panel-list li {
    list-style: circle;
    padding: 3px 0
}

.panel-body p {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 22px
}

.panel-body i {
    font-size: 15px;
    margin: 0 7px
}

.widget-title-faq {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    border-bottom: 4px double #ddd;
    /* color: #904d97 */
}

.widget-title-faq span {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #904d97;
    margin-bottom: -4px
}

.card .info_inner {
    background: #f8f8f8;
    padding: 0
}

.panel-title {
    box-shadow: 0 0 7px -1px #ccc
}

.contact-bg .search-fields-title {
    margin-top: 40px
}

.detail-star {
    margin-bottom: 5px;
    margin-top: 0
}

.detail-share {
    float: left;
    margin: 0
}

.detail-share a {
    width: 33px;
    height: 33px;
    line-height: 26px
}

.detail-share a i {
    font-size: 15px
}

.detail-like {
    float: left;
    width: auto;
    height: 33px;
    line-height: 26px;
    margin-right: 3px;
    border-radius: 0!important;
    margin-left: 6px
}

.detail-like i {
    font-size: 15px
}

.usertype-details {
    position: relative;
    margin-bottom: 40px
}

.usertype-details .inner-box {
    position: relative;
    padding: 20px 10px;
    border-radius: 5px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-box-shadow: 0 0 15px 0 #ccc;
    -moz-box-shadow: 0 0 15px 0 #ccc;
    box-shadow: 0 0 15px 0 #ccc;
    background: #fff
}

.usertype-details .inner-box .upper-box {
    position: relative;
    padding-left: 90px;
    min-height: 80px
}

.usertype-details .inner-box .upper-box .icon-box {
    position: absolute;
    left: 0;
    top: 5px;
    color: #000;
    font-size: 72px;
    line-height: 1.2em
}

.usertype-details .inner-box .upper-box h3 {
    position: relative;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block
}

.usertype-details .inner-box .upper-box h3 a {
    color: #000;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    font-weight: 500
}

.usertype-detailsk .inner-box .text {
    position: relative;
    color: #777;
    font-size: 16px;
    margin-top: 25px
}

.btn-md {
    padding: 6px 10px;
    height: 25px;
    font-size: 12px;
    font-weight: 600;
    /*border: 2px solid #904d97;*/
    /* color: #904d97; */
    text-transform: uppercase
}

.btn-md:hover {
    /* color: #904d97 */
}

.upper-box .text {
    font-size: 14px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px
}

.usertype {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-box-shadow: 0 0 15px 0 #ccc;
    -moz-box-shadow: 0 0 15px 0 #ccc;
    box-shadow: 0 0 15px 0 #ccc;
    background: #fff;
    padding: 20px!important
}

.usertype img {
    margin: 0 auto;
    margin-bottom: 10px;
    width: auto;
    margin-top: 10px
}

.usertype a {
    font-size: 12px;
    font-weight: 600;
    /* color: #904d97; */
    margin-left: 5px
}

.usertype .col-md-2 {
    border: 1px solid #eee;
    padding: 0 8px
}

.professional-img {
    width: 80px!important;
    height: 168px!important
}

.usertype p {
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.deliver-div span {
    position: absolute;
    color: #fff;
    margin: 0;
    padding: 2px 3px;
    /* background: #904d97; */
    font-size: 12px;
    font-weight: 500;
    z-index: 122;
    top: 5px;
    left: 0
}

.deliver-div span:after {
    content: "";
    position: absolute;
    top: 0;
    border-width: .99em .99em .8em 0;
    border-style: solid;
    border-color: #904d97 transparent #904d97 transparent;
    left: 100%
}

.sign-overflow {
    overflow: hidden
}

.signin-img-bg {
    /* background: #904d97; */
    border-radius: 6px 0 0 6px;
    margin-bottom: -999999px;
    padding-bottom: 999999px
}

.signin-img-bg h5 {
    color: #fff;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 16px
}

.signinicon-bg {
    position: relative;
    bottom: -87%;
    margin-bottom: 10px
}

.mob-view {
    display: none
}

.desktop-view {
    z-index: 121;
    position: relative;
    margin: 10px
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#wrapper.toggled {
    padding-left: 0
}

#side_bar {
    z-index: 1000;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-bottom: 25px
}

#wrapper.toggled #side_bar {
    width: 300px
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -300px
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, .2)
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px
}

.sidebar-nav>.sidebar-brand a {
    color: #999
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: 0 0
}

.desktop-option {
    display: block
}

.mob-option {
    display: none
}

nav>.navbar-nav>li a.active {
    /* background: #904d97!important; */
    color: #fff
}

.blog_creat input,
.blog_creat select,
.blog_creat textarea {
    margin-bottom: 15px
}

.blog-post {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px
}

.blog-post img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.blog-list-desc h2 {
    font-size: 18px;
    margin-top: -2px;
    margin-bottom: 0
}

.blog-list-desc h1 {
    font-size: 18px;
    margin-top: -2px;
    margin-bottom: 0
}

.blog-list-meta {
    background: #f7f7f7;
    padding: 2px 5px;
    margin-top: 5px
}

.blog-list-meta i {
    font-size: 12px;
    margin-right: 3px;
    /* color: #904d97 */
}

.blog-list-meta span:first-child {
    margin-right: 0;
    margin-left: 0
}

.blog-list-meta span {
    font-size: 12px;
    margin-right: 3px;
    margin-left: 12px;
    color: #4a4a4a;
    font-weight: 600
}

.blog-list-desc p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 12px
}

.blog-post-readmore {
    /* color: #904d97; */
    font-size: 15px;
    font-weight: 600
}

.blog-post-readmore i {
    font-size: 12px
}

.blog-user {
    margin: 5px 0 8px 0
}

.photo-wrapper {
    float: left;
    width: 40px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 40px;
    padding: 2px;
    line-height: 31px
}

.text-wrapper {
    float: left;
    margin-left: 15px
}

p.blog-postby {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    color: #3c3c3c
}

p.blog-postby span {
    font-size: 12px;
    font-size: 11px;
    /* color: #904d97; */
    margin-left: 3px
}

p.post-date {
    font-size: 12px;
    margin: 0;
    color: #777;
    font-weight: 600
}

p.post-date i {
    font-size: 13px;
    margin-right: 8px
}

.blog-user .photo-wrapper img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: auto
}

.post-skills-list {
    font-size: 13px;
    font-weight: 600;
    color: #000
}

.post-skills-list span {
    font-size: 12px;
    color: #4a4a4a
}

.post-skills-details {
    margin-top: 18px;
    margin-bottom: 15px
}

.post-skills-details span {
    background: #e0dfe0;
    color: #080808;
    padding: 5px 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ccc;
    float: left
}

.post-search {
    border: 1px solid #ccc;
    padding: 10px
}

.post-list-title {
    padding: 15px
}

.blog-post-search {
    float: right;
    width: 270px;
    padding-left: 20px
}

.post-filter {
    padding: 18px;
    border: 1px solid #ccc
}

.recent-post {
    padding: 18px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    margin-bottom: 20px
}

.post-filter h4.filter-title,
.recent-post h4.filter-title {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0
}

.post-filter h4.filter-title:after,
.recent-post h4.filter-title:after {
    /* background: #904d97; */
    bottom: 0;
    content: no-close-quote;
    display: block;
    height: 18px;
    left: -22px;
    position: absolute;
    top: 0;
    width: 7px
}

.recent-post ul {
    padding: 0;
    margin: 0
}

.recent-post ul li {
    list-style-type: square;
    margin-left: 10px;
    border-bottom: 1px dashed rgba(0, 0, 0, .15);
    padding-bottom: 7px;
    margin-bottom: 8px
}

.recent-post ul li a {
    font-size: 13px;
    font-weight: 600
}

.recent-post ul li:last-child {
    border-bottom: 0
}

.recent-post ul li p {
    font-size: 12px;
    color: #717171;
    margin: 0
}

.tc-comments h5 {
    font-size: 15px
}

.tc-comments h5 span {
    font-size: 15px;
    /* color: #904d97 */
}

.comment-box textarea {
    width: 100%;
    height: 100px
}

.tc-comments .thecomment {
    padding: 20px 0 8px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .15)
}

.tc-comments .thecomment:last-child {
    border-bottom: 0
}

.thecomment .author-img {
    float: left;
    margin-right: 20px
}

.thecomment .author-img img {
    border-radius: 50%;
    width: 45px;
    height: 45px
}

.thecomment .comment-text {
    overflow: hidden
}

.thecomment .comment-text span.author {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    color: #000
}

.thecomment .comment-text span.date {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 11px;
    color: #a9a9a9
}

.comment-message {
    background: #f9f9f9;
    padding: 15px;
    border: 1px solid #ccc
}

.comment-message .form-group .form-line {
    border: 0
}

.blog-header {
    background: #56145d;
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 20px
}

ul.blog-all-menu {
    padding: 0;
    margin: 0
}

ul.blog-all-menu li {
    float: left;
    padding: 5px 10px;
    color: #fff
}

ul.blog-all-menu li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.blog-search-wdt {
    padding: 6px 40px 6px 12px
}

.btn-td-size {
    width: 140px
}

.btn-td-size button.btn-danger {
    margin-right: 10px
}

.skillview-length {
    width: 140px
}

.skillview-length table [type=checkbox]+label {
    float: left
}

.add_duplicate {
    width: 240px!important
}

.jobbox-action {
    width: 200px
}

.jobbox-action .btn-success {
    margin-right: 10px
}

.card-button-right-top {
    margin-bottom: 10px
}

span.cropp-head {
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.ql-editor {
    overflow: hidden
}

.add_deactive_btn {
    width: 145px
}

.checked {
    color: orange
}

.calendar-overflow {
    overflow: auto
}

.btn-pre-nxt {
    background: #f4f5f8;
    border: 0;
    font-weight: 600
}

.btn-pre-nxt:hover {
    /* background: #904d97; */
    color: #fff
}

.btn-calendar {
    background: #f4f5f8;
    border: 0;
    font-weight: 600;
    color: #333!important
}

.btn-calendar i {
    color: #000
}

.btn-calendar:hover {
    /* background: #904d97; */
    color: #fff
}

.btn-active {
    /* background: #904d97; */
    color: #fff!important
}

.btn-year-count label {
    background: #f4f5f8;
    border: 0;
    font-weight: 600
}

.no-padd {
    padding: 0
}

ul.user-pro-dash li {
    border: 1px solid #e6e3e3;
    padding: 5px
}

ul.user-pro-dash li a {
    padding: 0!important;
    padding-left: 0!important
}

ul.user-pro-dash li a span i {
    font-size: 13px;
    color: #4c4c4c;
    width: 15px
}

.related-bg {
    background: #fff;
    padding: 10px;
    margin-bottom: -30px;
    display: none
}

.oi-select-main oi-select {
    background: 0 0;
    border: 1px solid #fff;
    height: 34px;
    margin-bottom: 15px
}

oi-select::placeholder {
    color: #fff
}

.oi-select-main oi-select::placeholder {
    color: #fff
}

.oi-select-main .select-search {
    border-bottom: 0;
    background: 0 0
}

.oi-select-main .select-search-list-item_input input {
    background: 0 0;
    color: #fff
}

.oi-select-main .select-search-list-item_input input::-webkit-input-placeholder {
    color: #fff
}

.oi-select-main oi-select:not(.multiple) .select-search-list-item_selection:not(:active) {
    background-color: transparent!important;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.oi-select-main ul.select-search-list li span.close {
    color: #fff;
    opacity: 1;
    right: 3px;
    font-size: 17px;
    top: 6px;
    position: absolute
}

.oi-select-main .select-search-list-item_input input::placeholder {
    color: #fff
}

oi-select .select-search,
oi-select.focused .select-search {
    border-bottom: 0
}

.search-feilds-4 .search-field {
    width: 25%
}

.search-feilds-5 .search-field {
    width: 20%
}

.bot_line oi-select {
    margin-bottom: 5px
}

.auto-search .dropdown-menu {
    max-height: 200px;
    overflow: auto
}

.global-search-right [uib-typeahead-popup].dropdown-menu {
    max-height: 200px;
    overflow-y: scroll
}

.global-search-left oi-select {
    padding: 0
}

.global-search-left oi-select.form-control {
    height: 38px;
    border-radius: 0;
    border: 1px solid #ccc
}

.global-search-left oi-select .select-search {
    padding: 2px 0 0 0
}

.global-search-left oi-select .select-search .btn:not(.btn-link):not(.btn-circle) span {
    top: 8px
}

.multiple_box .select-search ul.select-search-list .btn {
    padding: 6px 16px 3px 8px;
    font-size: 13px;
    font-weight: 600
}

.multiple_box .select-search ul.select-search-list .select-search-list-item span {
    top: 3px!important
}

.oi-select-main oi-select .select-search:after {
    content: "";
    position: absolute;
    display: block;
    right: 7px;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px
}

.oi-select-main oi-select.open:not(.multiple) .select-search:after {
    display: none
}

.form-line oi-select .select-search:after {
    content: "";
    position: absolute;
    display: block;
    right: 7px;
    width: 0;
    height: 0;
    margin-top: -16px;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px
}

.form-line oi-select.open:not(.multiple) .select-search:after {
    display: none
}

.form-line span.close {
    opacity: 1;
    right: 0px;
    top: 0px!important;
    font-size: 16px
}

oi-select.ng-not-empty .select-search:after {
    display: none!important
}

.global-search-left oi-select:not(.multiple) .select-search-list-item_selection:not(:active) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    height: 20px
}

.global-search-left ul.select-search-list li span.close {
    color: #000;
    opacity: 1;
    right: 3px;
    font-size: 17px;
    top: 10px;
    position: absolute
}

.global-search-left oi-select .select-search-list-item {
    padding-left: 5px
}

.search-bg {
    background: #fafafa;
    border-bottom: 2px solid #ccc;
    color: #666;
    font-size: 13px;
    position: relative;
    top: 0;
    padding: 0
}

ul.searchnav {
    padding: 0;
    list-style: none;
    margin: 0;
    border-bottom: 2px solid #efefef
}

ul.searchnav li {
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px;
    cursor: pointer;
    height: 38px
}

ul.searchnav li.active {
    /* color: #904d97; */
    border-bottom: 2px solid #904d97
}

ul.searchnav li.active a {
    /* color: #904d97 */
}

.all_search {
    border-bottom: 1px solid #efefef;
    padding: 10px
}

.all_search .search-info a {
    font-size: 16px;
    color: #904d97;
    margin-bottom: 5px;
    font-weight: 600
}

.all_search .search-info p {
    font-size: 13px;
    color: #3a3535;
    font-weight: 600;
    margin: 10px 0
}

.all_search .search-info a span {
    color: #000;
    font-size: 13px
}

.search_list {
    padding: 0;
    list-style: none
}

.search_list {
    border-bottom: 1px solid #efefef;
    padding-bottom: 6px;
    margin-bottom: 10px
}

.search_list a {
    font-size: 16px;
    /* color: #904d97; */
    font-weight: 600
}

.search_list a span {
    color: #848484;
    font-size: 13px
}

.search_list p {
    font-size: 13px;
    font-weight: 600;
    color: #585858
}

.search_list .card {
    padding: 10px
}

.navbar-header a.navbar-brand {
    margin-right: 15px
}

.global-search-right input {
    border: 1px solid #ccc
}

.user-search img {
    float: left;
    height: 120px;
    width: 180px;
    border: 1px solid #e2e2e2
}

.search-info {
    display: table-cell;
    padding-left: 15px;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.search_top {
    margin-top: 97px!important
}

.dashboard-box {
    position: relative;
    display: block;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.avatar {
    height: 100%;
    width: 250px;
    margin: 0 auto
}

.avatar::after {
    border-bottom: 1px solid #ccc
}

.logo-container {
    width: 300px;
    height: 175px;
    text-align: center;
    overflow: hidden
}

.logo-container img {
    width: unset!important
}

.avatar .profile-dp-rect {
    width: 100%;
    margin-top: 15px;
    padding: 10px;
    line-height: 25px;
    text-align: center
}

.add-logo {
    position: absolute;
    top: 0;
    cursor: pointer!important;
    right: 0
}

#gradient h4{word-wrap: break-word;}
#gradient {
    padding: 7px 20px 1px;
    /* background-color: #904d97;  */
}

.profile-dp {
    width: 100px;
    border-radius: 100%;
    border: 3px solid #fbfbfb;
    margin-top: 5px;
    height: 100px;
    text-align: center
}

.mar_t10 {
    margin-top: 10px;
    margin-bottom: 20px
}

.mar_t20 {
    margin-top: 20px
}

.mar_t50 {
    margin-top: 50px
}

.search_info h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #000
}

.search_info h4 i {
    /* color: #904d97; */
    font-size: 13px;
    margin-right: 6px
}

.my-account {
    margin-top: 8px
}

.my-account span {
    font-size: 14px;
    line-height: 20px
}

.my-account i {
    border: 0;
    border-radius: 0;
    padding: 0;
    width: 20px;
    text-align: right;
    font-size: 16px
}

.navbar-brand>img {
    width: auto
}

.navbar-nav>li>.my-account {
    line-height: 10px!important
}

h3.search-title {
    margin: 10px 0 10px;
    color: #000;
    font-weight: 700;
    font-size: 13px
}

.search-form {
    margin-bottom: 0!important
}

.search-form .form-control {
    width: 100%;
    position: relative;
    border: 1px solid #ddd!important;
    color: #000;
    background: #fff
}

.search-form .form-control::placeholder {
    color: #000;
    opacity: .7
}

.search-form oi-select {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 17px
}

.new-search-box {
    border: 1px solid #eaeaea;
    background: #f7f7f7
}

.search-form oi-select .select-search:after {
    content: "";
    position: absolute;
    display: block;
    right: 7px;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px
}

.search-form i.fa-calendar {
    color: #8c8787!important
}

.auto-search.search-form .dropdown-menu {
    top: 32px!important
}

.search-title-bg {
    /*background: #904d97; */
}

.search-title-bg h3 {
    color: #fff
}

.btn-full {
    width: 100%
}

.search-form oi-select .select-search-list-item {
    margin: 2px 4px 2px 10px
}

h3.search-title {
    text-transform: uppercase
}

.bg_full-white {
    background: #f1ebeb
}

.top-pos {
    position: relative;
    width: 100%;
    top: -17px
}

.top-pos .card {
    min-height: 0;
    margin-bottom: 10px
}

.filter-search {
    padding-bottom: 999999px;
    margin-bottom: -999999px!important
}

.over-flow {
    overflow: hidden
}

.full-length .col-md-2 {
    padding-right: 0
}

.patop10 {
    padding: 10px 0
}

.tc-classtime h5 {
    margin-top: 10px
}

.nav-top-user-dropdown ul li {
    width: 100%;
    padding: 0;
    line-height: 16px
}

.like,
.share {
    z-index: 0
}

.register {
    text-align: center;
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    padding: 20px 0;
    overflow: hidden
}

.register.register-btn-1 {
    transition: all .2s linear 0s
}

.register.register-btn-1:before {
    content: "\f1c1 ";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    transition: all .2s linear 0s
}

.register.register-btn-1:hover {
    text-indent: -9999px
}

.register.register-btn-1:hover::before {
    top: 0;
    text-indent: 0
}

.register.register-btn-2 {
    transition: all .2s linear 0s
}

.register.register-btn-2:before {
    content: "\f007";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    transition: all .2s linear 0s
}

.register.register-btn-2:hover {
    text-indent: -9999px
}

.register.register-btn-2:hover::before {
    top: 0;
    text-indent: 0
}

.pad15 {
    padding: 15px
}

.glob-search {
    /* background: #904d97; */
    padding: 5px 10px;
    color: #fff;
    width: 49%;
    margin-bottom: 0
}

.glob-reset {
    background: #5d5d5d;
    padding: 5px 10px;
    color: #fff;
    width: 49%;
    min-height: 34px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600
}

.clienticon {
    right: 0;
    position: relative;
    top: 0;
    height: 0;
    z-index: 9;
    text-align: center
}

.clienticon i.material-icons {
    margin-top: 0
}

.bg-indigo1 {
    float: right;
    background-color: #3f51b5!important;
    color: #fff
}

.profile-card1 {
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    margin: 15px
}

.pro-card {
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1)
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.profile-name {
    font-size: 30px;
    letter-spacing: 0;
    color: #242424;
    font-weight: 600;
    margin: 5px 0 5px;
    font-family: proxima_nova_ltsemibold
}

.profile-degi {
    /* color: #904d97; */
    font-style: italic;
    position: relative;
    font-size: 18px;
    margin: 10px 0 5px;
    font-family: proxima_nova_ltsemibold
}

.profile-mob-icon {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    float: left
}

.profile-mob-no {
    float: left;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding-left: 5px
}

.social-share {
    position: relative;
    float: right;
    top: 65px;
    right: 50px
}

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

.header-bar {
    width: 30px;
    height: 30px;
    position: absolute
}

.profile-headings {
    margin: 5px 0 5px 10px;
    font-size: 21px;
    font-weight: 600;
    font-family: proxima_nova_ltsemibold;
    display: inline-block;
    color: #000
}

.profile-headings:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    /* background: #904d97; */
    margin-top: 5px
}

.profile-p {
    font-family: proxima_nova_ltsemibold;
    font-size: 13px
}

.profile-p ng-quill-editor p {
    font-family: proxima_nova_ltsemibold;
    font-size: 14px;
    color: #7f7f7f
}

.graph-cont {
    width: calc(100% - 40px);
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.bar {
    height: 30px;
    max-width: 800px;
    margin: 0 auto 10px auto;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    padding: 0 0 0 10px;
    position: relative
}

.bar::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    height: 30px;
    top: 0;
    z-index: 0;
    background: #ecf0f1
}

.bar::after {
    content: '';
    background: #2ecc71;
    height: 30px;
    transition: .7s;
    display: block;
    width: 100%;
    -webkit-animation: bar-before 1 1.8s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.bar1::after {
    max-width: 60%
}

.bar2::after {
    max-width: 72%
}

.bar3::after {
    max-width: 47%
}

.bar4::after {
    max-width: 20%
}

@-webkit-keyframes bar-before {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.round {
    position: relative
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 2px;
    transform: rotate(-45deg);
    width: 9px
}

.round input[type=checkbox] {
    visibility: hidden
}

.round input[type=checkbox]:checked+label {
    background-color: #66bb6a;
    border-color: #66bb6a
}

.round input[type=checkbox]:checked+label:after {
    opacity: 1
}

.check-txt {
    position: absolute;
    left: 20px;
    bottom: 5px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.bor_botm {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    margin-bottom: 13px
}

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

.full-bor {
    padding: 10px
}

.profile-p h3 {
    font-size: 17px;
    margin: 15px 0 0 0
}

.profile-p h4 {
    font-size: 14px;
    color: #585858;
    margin-top: 5px
}

.marbot15 {
    margin-bottom: 15px
}

ul.download-resume {
    list-style: none;
    margin-left: 0!important;
    padding: 0;
    margin: 10px;
    float: right
}

ul.download-resume li {
    display: inline;
    margin: 0 5px
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    width: 35px;
    height: 35px;
    font-size: 15px;
    background: #fff;
    box-shadow: 0 3px 12px -1px #ccc;
    opacity: .99;
    border-radius: 28%;
    border: 1px solid #904d97
}

.social-circle li i {
    margin: 0;
    line-height: 35px;
    text-align: center
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.social-circle i {
    /* color: #904d97; */
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.download-resume a.icodownload:hover {
    /* background-color: #904d97 */
}

.download-resume a.icodownload:hover i {
    color: #fff
}

.client_img {
    border: 1px solid #ccc;
    width: 110px;
    height: 90px
}

.client_img img {
    width: 100%;
    height: 100%;
    padding: 10px
}

.left-txt {
    margin: 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.internal-box {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    display: flex;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 5px
}

.internal-box .content {
    width: 100%
}

.internal-box .content h2 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding: 7px 7px 4px;
    background: #fbfbfe;
    border-bottom: 4px solid #e5e5f8;
    line-height: 36px
}

.internal-box .content h2 img {
    width: 37px;
    height: 37px;
    float: left;
    margin-right: 15px
}

.internal-box .content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.internal-box .content ul li {
    border-bottom: 1px dotted #e4e4e4
}

.internal-box .content ul li i {
    margin-right: 10px;
    font-size: 12px
}

.internal-box .content ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 9px 7px 9px 12px;
    display: block
}

.internal-box .content ul li a span.badge {
    float: right;
    /*background: #904d97; */
}

.internal-box .content ul li a:hover {
    /* background: #904d97; */
    width: 100%;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.internal-box .content ul li a:hover .internal-box .content ul li i {
    color: #fff
}

.internal-box .content ul li a:hover .internal-box .content ul li a span.badge {
    background: #fff;
    color: red
}

.internal-box .content ul li a:hover span.badge {
    background: #fff;
    /* color: #904d97 */
}

.internal-box .content ul li:last-child {
    border-bottom: none
}

.hgt-box {
    height: 245px
}

tags-input .tags .tag-item {
    height: auto!important
}

.plan-action {
    width: 125px
}

.topemp thead {
    border-bottom: 3px solid #e7e6e4
}

.topemp thead th {
    border-bottom: none
}

.empl-list h2 {
    font-size: 14px;
    color: #000;
    margin: 5px 0
}

.empl-list h3 {
    font-size: 13px;
    color: #000;
    margin: 5px 0;
    font-weight: 400
}

.empl-list h4 {
    font-size: 14px;
    color: #000;
    margin: 5px 0!important;
    font-weight: 600!important
}

.empl-list h5 {
    font-size: 14px;
    color: #000;
    margin: 5px 0
}

.topemp .profile-pic {
    margin-top: 0;
    padding: 0
}

.topemp thead tr th:before {
    width: 30px;
    content: "";
    position: absolute;
    padding-bottom: 30px
}

.topemp thead tr th {
    color: #000
}

.skill-matrix .modal-title span {
    /* color: #904d97 */
}

.c100.p100 .slice,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.rect-auto {
    clip: rect(auto, auto, auto, auto)
}

.c100 .barskill,
.c100.p100 .fill,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill {
    position: absolute;
    border: .08em solid #904d97;
    width: .84em;
    height: .84em;
    clip: rect(0, .5em, 1em, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.c100.p100 .barskill:after,
.c100.p100 .fill,
.c100.p51 .barskill:after,
.c100.p51 .fill,
.c100.p52 .barskill:after,
.c100.p52 .fill,
.c100.p53 .barskill:after,
.c100.p53 .fill,
.c100.p54 .barskill:after,
.c100.p54 .fill,
.c100.p55 .barskill:after,
.c100.p55 .fill,
.c100.p56 .barskill:after,
.c100.p56 .fill,
.c100.p57 .barskill:after,
.c100.p57 .fill,
.c100.p58 .barskill:after,
.c100.p58 .fill,
.c100.p59 .barskill:after,
.c100.p59 .fill,
.c100.p60 .barskill:after,
.c100.p60 .fill,
.c100.p61 .barskill:after,
.c100.p61 .fill,
.c100.p62 .barskill:after,
.c100.p62 .fill,
.c100.p63 .barskill:after,
.c100.p63 .fill,
.c100.p64 .barskill:after,
.c100.p64 .fill,
.c100.p65 .barskill:after,
.c100.p65 .fill,
.c100.p66 .barskill:after,
.c100.p66 .fill,
.c100.p67 .barskill:after,
.c100.p67 .fill,
.c100.p68 .barskill:after,
.c100.p68 .fill,
.c100.p69 .barskill:after,
.c100.p69 .fill,
.c100.p70 .barskill:after,
.c100.p70 .fill,
.c100.p71 .barskill:after,
.c100.p71 .fill,
.c100.p72 .barskill:after,
.c100.p72 .fill,
.c100.p73 .barskill:after,
.c100.p73 .fill,
.c100.p74 .barskill:after,
.c100.p74 .fill,
.c100.p75 .barskill:after,
.c100.p75 .fill,
.c100.p76 .barskill:after,
.c100.p76 .fill,
.c100.p77 .barskill:after,
.c100.p77 .fill,
.c100.p78 .barskill:after,
.c100.p78 .fill,
.c100.p79 .barskill:after,
.c100.p79 .fill,
.c100.p80 .barskill:after,
.c100.p80 .fill,
.c100.p81 .barskill:after,
.c100.p81 .fill,
.c100.p82 .barskill:after,
.c100.p82 .fill,
.c100.p83 .barskill:after,
.c100.p83 .fill,
.c100.p84 .barskill:after,
.c100.p84 .fill,
.c100.p85 .barskill:after,
.c100.p85 .fill,
.c100.p86 .barskill:after,
.c100.p86 .fill,
.c100.p87 .barskill:after,
.c100.p87 .fill,
.c100.p88 .barskill:after,
.c100.p88 .fill,
.c100.p89 .barskill:after,
.c100.p89 .fill,
.c100.p90 .barskill:after,
.c100.p90 .fill,
.c100.p91 .barskill:after,
.c100.p91 .fill,
.c100.p92 .barskill:after,
.c100.p92 .fill,
.c100.p93 .barskill:after,
.c100.p93 .fill,
.c100.p94 .barskill:after,
.c100.p94 .fill,
.c100.p95 .barskill:after,
.c100.p95 .fill,
.c100.p96 .barskill:after,
.c100.p96 .fill,
.c100.p97 .barskill:after,
.c100.p97 .fill,
.c100.p98 .barskill:after,
.c100.p98 .fill,
.c100.p99 .barskill:after,
.c100.p99 .fill,
.pie-fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 .1em .1em 0;
    background-color: #eaeaea
}

.c100 *,
.c100:after,
.c100:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.c100.small {
    font-size: 80px
}

.c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: .2em;
    color: #000;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.c100:after {
    position: absolute;
    top: .08em;
    left: .08em;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: .84em;
    height: .84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0, 1em, 1em, .5em)
}

.c100.p1 .barskill {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.c100.p2 .barskill {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.c100.p3 .barskill {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.c100.p4 .barskill {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.c100.p5 .barskill {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg)
}

.c100.p6 .barskill {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.c100.p7 .barskill {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.c100.p8 .barskill {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.c100.p9 .barskill {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.c100.p10 .barskill {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg)
}

.c100.p11 .barskill {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.c100.p12 .barskill {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.c100.p13 .barskill {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.c100.p14 .barskill {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.c100.p15 .barskill {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg)
}

.c100.p16 .barskill {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.c100.p17 .barskill {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.c100.p18 .barskill {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.c100.p19 .barskill {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.c100.p20 .barskill {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}

.c100.p21 .barskill {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.c100.p22 .barskill {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.c100.p23 .barskill {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.c100.p24 .barskill {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.c100.p25 .barskill {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c100.p26 .barskill {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.c100.p27 .barskill {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.c100.p28 .barskill {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.c100.p29 .barskill {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.c100.p30 .barskill {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg)
}

.c100.p31 .barskill {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.c100.p32 .barskill {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.c100.p33 .barskill {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.c100.p34 .barskill {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.c100.p35 .barskill {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg)
}

.c100.p36 .barskill {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.c100.p37 .barskill {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.c100.p38 .barskill {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.c100.p39 .barskill {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.c100.p40 .barskill {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}

.c100.p41 .barskill {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.c100.p42 .barskill {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.c100.p43 .barskill {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.c100.p44 .barskill {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.c100.p45 .barskill {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg)
}

.c100.p46 .barskill {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.c100.p47 .barskill {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.c100.p48 .barskill {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.c100.p49 .barskill {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.c100.p50 .barskill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100.p51 .barskill {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.c100.p52 .barskill {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.c100.p53 .barskill {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.c100.p54 .barskill {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.c100.p55 .barskill {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg)
}

.c100.p56 .barskill {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.c100.p57 .barskill {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.c100.p58 .barskill {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.c100.p59 .barskill {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.c100.p60 .barskill {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}

.c100.p61 .barskill {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.c100.p62 .barskill {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.c100.p63 .barskill {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.c100.p64 .barskill {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.c100.p65 .barskill {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg)
}

.c100.p66 .barskill {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.c100.p67 .barskill {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.c100.p68 .barskill {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.c100.p69 .barskill {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.c100.p70 .barskill {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg)
}

.c100.p71 .barskill {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.c100.p72 .barskill {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.c100.p73 .barskill {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.c100.p74 .barskill {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.c100.p75 .barskill {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.c100.p76 .barskill {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.c100.p77 .barskill {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.c100.p78 .barskill {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.c100.p79 .barskill {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.c100.p80 .barskill {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}

.c100.p81 .barskill {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.c100.p82 .barskill {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.c100.p83 .barskill {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.c100.p84 .barskill {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.c100.p85 .barskill {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg)
}

.c100.p86 .barskill {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.c100.p87 .barskill {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.c100.p88 .barskill {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.c100.p89 .barskill {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.c100.p90 .barskill {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg)
}

.c100.p91 .barskill {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.c100.p92 .barskill {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.c100.p93 .barskill {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.c100.p94 .barskill {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.c100.p95 .barskill {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg)
}

.c100.p96 .barskill {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.c100.p97 .barskill {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.c100.p98 .barskill {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.c100.p99 .barskill {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.c100.p100 .barskill {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.c100:hover {
    cursor: default
}

.c100:hover>span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: .3em
}

.c100:hover:after {
    top: .04em;
    left: .04em;
    width: .92em;
    height: .92em
}

.martop20 {
    margin-top: 20px
}

.breadcrumb-i {
    color: #000;
    display: inline-block;
    font-size: 15px;
    padding: 0 0 15px 0;
    font-weight: 600
}

#cart_summary thead th {
    font-weight: 600;
    padding: 7px 8px 9px 8px;
    background: #fbfbfb;
    color: #333
}

.table tfoot tr {
    background: #fbfbfb
}

.price {
    color: #000;
    font-size: 15px;
    font-weight: 600
}

#cart_summary tbody td.cart_total,
#cart_summary tbody td.cart_unit,
.text-right {
    text-align: right
}

.total_price {
    font-weight: 600;
    font-size: 14px
}

.total_price span {
    text-transform: uppercase
}

.cart_qty input {
    width: 70px
}

.cart_total_price .price {
    /* color: #904d97 */
}

.cart_navigation {
    margin: 0 -21px -21px -22px;
    padding: 20px
}

.check_navigation {
    margin: -4px -4px -19px -4px;
    padding: 20px
}

.cartbutton {
    border-radius: 50px;
    background-color: #fff;
    border: none;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
    transition: all .5s;
    cursor: pointer;
    border: 1px solid #e4e3e3;
    margin: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1)
}

.cartbutton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s;
    width: 200px
}

.cartbutton span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .5s
}

.cartbutton:hover span {
    padding-right: 25px
}

.cartbutton:hover span:after {
    opacity: 1;
    right: 0
}

.cartbutton left {
    float: left
}

.cartcheckout {
    border-radius: 50px;
    /* background-color: #904d97 */
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
    transition: all .5s;
    cursor: pointer;
    border: 1px solid #603364;
    margin: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    width: 250px
}

.cartcheckout span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s;
    width: 200px
}

.cartcheckout span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .5s
}

.cartcheckout:hover span {
    padding-right: 25px;
    color: #fff
}

.cartcheckout:hover span:after {
    opacity: 1;
    right: 0
}

.right-btn {
    float: right
}

.left-btn {
    float: left
}

.checkout-price {
    text-transform: uppercase;
    padding: 13px 24px;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
    color: #878787;
    min-height: 47px
}

section.checkout-step {
    background-color: #fff;
    margin-bottom: -2px
}

section.checkout-step .step-title {
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    font-size: 15px;
    letter-spacing: .2px;
    font-weight: 600
}

#block-reassurance>ul {
    border-top: 1px solid #e3e3e3;
    background: #fff;
    padding: 0
}

#block-reassurance li .block-reassurance-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

#block-reassurance li .block-reassurance-item span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0
}

#block-reassurance img {
    border: 1px dashed;
    height: 47px;
    margin-right: 20px;
    padding: 10px;
    width: 47px
}

#block-reassurance li {
    float: left
}

.coupon-cart input {
    border: 1px solid #b1b1b1!important;
    padding: 5px 5px 5px 10px!important
}

.apply-btn {
    /* background-color: #904d97 */
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    border: none;
    border-radius: 0 3px 3px 0;
    font-weight: 600
}

.btn-size button.btn-block {
    width: initial
}

.btn-size button.btn-block i {
    top: 0!important
}

.wishlistdetails h4 {
    font-size: 16px;
    color: #000;
    margin: 1px 0 10px 0
}

.wishlistdetails p {
    font-size: 16px;
    /* color: #904d97; */
    margin: 0 0 10px 0;
    font-weight: 600
}

.place-order-btn {
    width: 100%;
    height: 40px
}

.place-order-btn {
    padding: 8px 15px;
    /*border: 2px solid #904d97;*/
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 180px;
    background: #fff;
    font-weight: 600;
    border-radius: 50px;
    /*background: #904d97; */
}

.add-tocard-btn {
    padding: 8px 15px;
    /*border: 2px solid #904d97;*/
    /* color: #904d97; */
    font-size: 15px;
    text-transform: uppercase;
    width: 180px;
    font-weight: 600;
    border-radius: 50px;
    margin-right: 10px;
    background: #fff
}

.bg-wishlist {
    background-color: #fff;
    /*border: 2px solid #904d97;*/
    border-radius: 50%;
    padding: 2px;
    float: left;
    margin-right: 3px;
    display: none
}

.bg-wishlist i {
    /* color: #904d97 */
}

span.inter-mint {
    font-size: 15px !important;
}

.activity-time span {
    font-size: 16px;
    margin-right: 8px
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 6px 10px 5px 10px;
    font-family: fontAwesome
}

.main-header .sidebar-toggle:before {
    content: "\f053";
    font-size: 13px
}

.sidebar-collapse .main-header .sidebar-toggle:before {
    content: "\f054";
    font-size: 13px
}

.main-header .sidebar-toggle:active,
.main-header .sidebar-toggle:focus {
    background: 0 0
}

.main-header .sidebar-toggle .icon-bar {
    display: none
}

.new_leftment .main-sidebar {
    width: 280px
}

.new_leftment .sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.new_leftment .sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f1f0f0;
    background: #fff
}

.new_leftment .sidebar-menu>li:last-child {
    border-bottom: none
}

.new_leftment .sidebar .menu .list a b {
    margin-bottom: 18px;
    margin-right: 10px
}

.new_leftment .sidebar-menu>li>a {
    padding: 12px 5px 12px 15px;
    display: block
}

.new_leftment .sidebar-menu>li>a>.fa,
.new_leftment .sidebar-menu>li>a>.glyphicon,
.new_leftment .sidebar-menu>li>a>.ion {
    width: 20px
}

.new_leftment .sidebar-menu>li .badge,
.new_leftment .sidebar-menu>li .label {
    margin-right: 5px
}

.new_leftment .sidebar-menu>li .badge {
    margin-top: 3px
}

.new_leftment .sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px
}

.new_leftment .sidebar-menu li>a>.fa-angle-left,
.new_leftment .sidebar-menu li>a>.pull-right-container>.fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

.new_leftment .sidebar-menu li>a>.fa-angle-left {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px
}

.new_leftment .sidebar-menu .menu-open>a>.fa-angle-left,
.new_leftment .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.main-header {
    position: absolute;
    max-height: 100px;
    z-index: 12;
    background: #e3e1e2;
    border-radius: 0 5px 5px 0;
    right: -30px;
    top: 0
}

.sidebar-collapse ul.ml-menu li:first-child {
    margin-top: 0
}

ul.ml-menu.treeview-menu.show li:first-child {
    margin-top: 0
}

.ml-menu.treeview-menu.show li {
    position: relative
}

.ml-menu.treeview-menu.show li:before {
    content: "";
    left: 30px;
    top: 15px;
    bottom: -22px;
    position: absolute;
    display: block;
    width: 1px;
    border-left: 1px dashed rgba(12, 12, 12, .3);
    z-index: 1
}

.ml-menu.treeview-menu.show li:first-child:before {
    top: 0
}

.ml-menu.treeview-menu.show li.last-child:before,
.ml-menu.treeview-menu.show li:last-child:before {
    display: none
}
/*.ml-menu.treeview-menu.team_tracker.show li.last-child:before,
.ml-menu.treeview-menu.team_tracker.show li:last-child:before 
{
    display: block !important;
    height: 16px;
}*/
.ml-menu.treeview-menu.show li.last-child:before {
    border-bottom: 0
}

/*.ml-menu.treeview-menu.show li a:before {
    content: "";
    left: 30px;
    top: 15px;
    position: absolute;
    display: block;
    width: 21px;
    border-bottom: 1px dashed rgba(12, 12, 12, .3);
    z-index: 1
}
*/
.sidebar-collapse ul.list li ul.ml-menu.treeview-menu.show a:before {
    border-bottom: 0
}

.new_leftment aside.main-sidebar {
    min-height: 100%;
    background: #fff;
    position: absolute
}

.view-section.new_leftment {
    position: relative;
    bottom: 0
}

.sidebar-menu {
    display: block;
    background-repeat: no-repeat
}

.sprite {
    background-image: url(../images/new_images/dashboard/sprite.png)
}

.dashboard-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -506px 173px
}

.new_leftment .sidebar .menu .list a:hover .dashboard-icon,
.new_leftment .sidebar .menu .list li.active .dashboard-icon {
    width: 30px;
    height: 30px;
    background-position: -546px 173px
}

.myprofile-icon {
    width: 30px;
    height: 34px;
    float: left;
    background-position: -566px -15px
}

.new_leftment .sidebar .menu .list a:hover .myprofile-icon,
.new_leftment .sidebar .menu .list li.active .myprofile-icon {
    width: 30px;
    height: 34px;
    float: left;
    background-position: -611px -15px
}

.upskill-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -220px -183px
}

.new_leftment .sidebar .menu .list a:hover .upskill-icon,
.new_leftment .sidebar .menu .list li.active .upskill-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -268px -183px
}

.rfp-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -203px -22px
}

.new_leftment .sidebar .menu .list a:hover .rfp-icon,
.new_leftment .sidebar .menu .list li.active .rfp-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -245px -22px
}

.recuriment-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -378px -19px
}

.new_leftment .sidebar .menu .list a:hover .recuriment-icon,
.new_leftment .sidebar .menu .list li.active .recuriment-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -425px -19px
}

.internaltraining-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -491px -76px
}

.new_leftment .sidebar .menu .list a:hover .internaltraining-icon,
.new_leftment .sidebar .menu .list li.active .internaltraining-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -529px -76px
}

.trends-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -21px -21px
}

.new_leftment .sidebar .menu .list a:hover .trends-icon,
.new_leftment .sidebar .menu .list li.active .trends-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -62px -21px
}

.myfollowing-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -220px -125px
}

.new_leftment .sidebar .menu .list a:hover .myfollowing-icon,
.new_leftment .sidebar .menu .list li.active .myfollowing-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -266px -125px
}

.calendar-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -122px -182px
}

.new_leftment .sidebar .menu .list a:hover .calendar-icon,
.new_leftment .sidebar .menu .list li.active .calendar-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -170px -182px
}

.internaltrainer-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -575px -72px
}

.new_leftment .sidebar .menu .list a:hover .internaltrainer-icon,
.new_leftment .sidebar .menu .list li.active .internaltrainer-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -624px -72px
}

.internalcourse-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -21px -132px
}

.new_leftment .sidebar .menu .list a:hover .internalcourse-icon,
.new_leftment .sidebar .menu .list li.active .internalcourse-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -66px -132px
}

.listcertificate-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -211px -76px
}

.new_leftment .sidebar .menu .list a:hover .listcertificate-icon,
.new_leftment .sidebar .menu .list li.active .listcertificate-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -258px -76px
}

.uploadcertificate-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -322px -183px
}

.new_leftment .sidebar .menu .list a:hover .uploadcertificate-icon,
.new_leftment .sidebar .menu .list li.active .uploadcertificate-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -366px -183px
}

.jobs-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -408px -76px
}

.new_leftment .sidebar .menu .list a:hover .jobs-icon,
.new_leftment .sidebar .menu .list li.active .jobs-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -451px -76px
}

.dreamjobs-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -419px -127px
}

.new_leftment .sidebar .menu .list a:hover .dreamjobs-icon,
.new_leftment .sidebar .menu .list li.active .dreamjobs-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -464px -127px
}

.coursereg-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -290px -22px
}

.new_leftment .sidebar .menu .list a:hover .coursereg-icon,
.new_leftment .sidebar .menu .list li.active .coursereg-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -334.5px -22px
}

.mytrainer-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -576px -74px
}

.new_leftment .sidebar .menu .list a:hover .mytrainer-icon,
.new_leftment .sidebar .menu .list li.active .mytrainer-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -625px -74px
}

.myclients-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -118px -76px
}

.new_leftment .sidebar .menu .list a:hover .myclients-icon,
.new_leftment .sidebar .menu .list li.active .myclients-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -164px -76px
}

.feedback-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -316px -129px
}

.new_leftment .sidebar .menu .list a:hover .feedback-icon,
.new_leftment .sidebar .menu .list li.active .feedback-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -367px -129px
}

.conference-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -22px -181px
}

.new_leftment .sidebar .menu .list a:hover .conference-icon,
.new_leftment .sidebar .menu .list li.active .conference-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -69px -181px
}

.leads-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -305px -75px
}

.new_leftment .sidebar .menu .list a:hover .leads-icon,
.new_leftment .sidebar .menu .list li.active .leads-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -357px -75px
}

.graphy-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -119px -125px
}

.new_leftment .sidebar .menu .list a:hover .graphy-icon,
.new_leftment .sidebar .menu .list li.active .graphy-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -169px -125px
}

.student-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -107px -22px
}

.new_leftment .sidebar .menu .list a:hover .student-icon,
.new_leftment .sidebar .menu .list li.active .student-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -154px -22px
}

.corporate-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -594px -127px
}

.new_leftment .sidebar .menu .list a:hover .corporate-icon,
.new_leftment .sidebar .menu .list li.active .corporate-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -638px -127px
}

.follower-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -23px -75px
}

.new_leftment .sidebar .menu .list a:hover .follower-icon,
.new_leftment .sidebar .menu .list li.active .follower-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -67px -75px
}

.feedbackanalytics-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -450px -179px
}

.new_leftment .sidebar .menu .list a:hover .feedbackanalytics-icon,
.new_leftment .sidebar .menu .list li.active .feedbackanalytics-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -491px -179px
}

.feedbackoverview-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -541px -182px
}

.new_leftment .sidebar .menu .list a:hover .feedbackoverview-icon,
.new_leftment .sidebar .menu .list li.active .feedbackoverview-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -591px -182px
}

.houseclassroom-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -21px -227px
}

.new_leftment .sidebar .menu .list a:hover .houseclassroom-icon,
.new_leftment .sidebar .menu .list li.active .houseclassroom-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -72px -227px
}

.houseclassroom-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -21px -227px
}

.new_leftment .sidebar .menu .list a:hover .houseclassroom-icon,
.new_leftment .sidebar .menu .list li.active .houseclassroom-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -72px -227px
}

.expertclassroom-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -128px -227px
}

.new_leftment .sidebar .menu .list a:hover .expertclassroom-icon,
.new_leftment .sidebar .menu .list li.active .expertclassroom-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -179px -227px
}

.selflearning-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -230px -226px
}

.new_leftment .sidebar .menu .list a:hover .selflearning-icon,
.new_leftment .sidebar .menu .list li.active .selflearning-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -281px -226px
}

.feedbackmain-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -337px -227px
}

.new_leftment .sidebar .menu .list a:hover .feedbackmain-icon,
.new_leftment .sidebar .menu .list li.active .feedbackmain-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -388px -227px
}

.feedback360-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -438px -226px
}

.new_leftment .sidebar .menu .list a:hover .feedback360-icon,
.new_leftment .sidebar .menu .list li.active .feedback360-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -486px -226px
}

.registration-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -543px -224px
}

.new_leftment .sidebar .menu .list a:hover .registration-icon,
.new_leftment .sidebar .menu .list li.active .registration-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -592.5px -224px
}

.gift-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -20px -265px
}

.new_leftment .sidebar .menu .list a:hover .gift-icon,
.new_leftment .sidebar .menu .list li.active .gift-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -71px -265px
}

.gamification-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -130px -265px
}

.new_leftment .sidebar .menu .list a:hover .gamification-icon,
.new_leftment .sidebar .menu .list li.active .gamification-icon {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -180.5px -265px
}

.new_leftment .sidebar .menu .list a:hover li .ml-menu,
.new_leftment .sidebar .menu .list li.active .ml-menu li.active {
    background-image: none;
    background-position: top left
}

.new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a:hover {
    background-image: none
}

.new_leftment .sidebar .menu .list .ml-menu {
    background-color: rgba(205, 156, 210, .07)
}

.new_leftment .sidebar {
    margin-bottom: 25px;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fdfdfd;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    padding-bottom: 25px
}

.new_leftment .sidebar .menu .list a {
    border-bottom: 0;
    display: block;
    padding: 17px 5px 17px 25px
}

.new_leftment .sidebar .menu .list a:hover span {
    /* color: #904d97 */
}

.new_leftment .sidebar .menu .list .ml-menu li a {
    border: none;
    padding-left: 50px;
    padding-top: 0
}

.new_leftment .sidebar .menu .list a span {
    margin: 7px 0 7px 0;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    z-index: 4454;
    line-height: 32px
}

.new_leftment .sidebar .menu .list .menu-toggle:after,
.new_leftment .sidebar .menu .list .menu-toggle:before {
    position: absolute;
    top: calc(50% - 10px);
    right: 17px;
    font-size: 19px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new_leftment .sidebar .menu .list .menu-toggle.toggled:before {
    content: '\f077';
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 400;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.new_leftment .sidebar .menu .list .menu-toggle:before {
    content: '\f078';
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 400;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sidebar-collapse .new_leftment aside.main-sidebar {
    position: relative
}

.new_leftment aside.main-sidebar {
    position: relative;
    height: -moz-calc(100% - 155px);
    height: -webkit-calc(100% - 155px);
    height: calc(100% - 155px)
}

.sidebar-collapse .new_leftment #gradient {
    display: none;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.sidebar-collapse .sidebar-header {
    font-size: 10px
}

.new_leftment .sidebar-header {
    padding: 10px!important
}

.sidebar-collapse .new_leftment .sidebar-header {
    padding: 3px!important
}

.new_leftment .sidebar .menu .list ul.ml-menu li a span {
    font-size: 13px;
    margin-left: 12px
}

.new_leftment .dashboard-content {
    padding-left: 0
}

.new_leftment .container-fluid {
    padding-left: 0
}

.overlay-open .overlay {
    display: none!important
}

.sidebar-collapse ul.breadcrumb li.active {
    display: none
}

.sidebar-collapse ul.breadcrumb li {
    display: none
}

button.view-sidemenu {
    display: none!important
}

.sidebar-collapse ul button.view-sidemenu {
    display: block!important;
    color: #fff;
    border: none;
    background: 0 0
}

.sidebar-collapse .breadcrumb>li+li:before {
    display: none
}

.sidebar-collapse ul.show.ml-menu.treeview-menu.show li:before {
    border: 0
}

.new_leftment .sidebar .menu .list li.sub-arrow a.menu-toggle:before {
    position: relative;
    right: 0;
    flex: inherit;
    width: 10px;
    float: right;
    border-bottom: 0;
    left: -16px
}

.sidebar-mini .collapse-main aside.new_leftment .main-sidebar {
    width: 85px
}

.btn-size button {
    width: 100%!important
}

.pro-top {
    background: #f4edf4;
    border-bottom: 1px solid #904d97;
    padding: 50px 0 0 0
}

.profile-avatar-mode {
    position: relative;
    margin-bottom: 20px
}

.profile-avatar {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    border-radius: 50%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.size-200 {
    height: 200px!important;
    max-width: 200px!important;
    line-height: 40px
}

.karma-mode {
    display: block;
    -webkit-box-shadow: 0 0 0 rgba(40, 167, 69, .4);
    -moz-box-shadow: 0 0 0 rgba(40, 167, 69, .4);
    -o-box-shadow: 0 0 0 rgba(40, 167, 69, .4);
    box-shadow: 0 0 0 rgba(40, 167, 69, .4)
}

.karma-mode {
    background: #c31fd5;
    background: -webkit-linear-gradient(left, #c31fd5 0, #904d97 100%);
    background: -o-linear-gradient(left, #c31fd5 0, #904d97 100%);
    background: linear-gradient(to right, #c31fd5 0, #904d97 100%)
}

.karma-mode {
    display: block;
    position: absolute;
    left: 140px;
    top: 130px;
    z-index: 1;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 20px 15px 15px 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 15px;
    font-family: proxima_nova_ltsemibold
}

.karma-mode span {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Proxima Nova'
}

.pro-name {
    font-size: 34px;
    font-family: proxima_nova_ltsemibold;
    color: #525152
}

.pro-skills-list ul {
    padding: 0;
    margin: 0
}

.pro-skills-list li {
    float: left;
    margin-right: 8px
}

.pro-skills-list li a {
    border: 1px solid #e2cfe7;
    padding: 3px 8px;
    color: #585757;
    background: #f5e7f7;
    border-radius: 7px;
    font-size: 12px;
    font-family: 'Proxima Nova';
    font-weight: 600
}

.pro-skills-list li a:hover {
    background: #f2d2f6;
    color: #000;
    border: 1px solid #c8a3d0
}

.pro-title-location {
    margin-top: 25px
}

.pro-title-cmy {
    font-size: 20px;
    font-family: 'Proxima Nova';
    color: #525152;
    font-weight: 500
}

.pro-title-cmy span {
    color: #525152;
    font-weight: 600;
    font-family: proxima_nova_ltsemibold
}

.pro-location {
    color: #525152;
    font-weight: 600;
    font-family: proxima_nova_ltsemibold
}

.pro-location img {
    margin-right: 10px
}

.pro-follow-followers {
    position: relative;
    bottom: 0;
    margin-top: 27px
}

.follow-area {
    position: absolute
}

.follow-area ul {
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #904d97
}

.follow-area li {
    float: left;
    border-right: 1px solid #904d97;
    padding: 8px 30px;
    text-align: center;
    font-size: 20px;
    font-family: 'Proxima Nova';
    font-weight: 600;
    color: #000;
    line-height: 16px;
    height: 50px
}

.follow-area li:nth-last-of-type(1) {
    border-right: 0;
    background: #007bb7;
    color: #fff;
    padding: 17px 90px
}

.follow-area li:nth-last-of-type(1) a {
    color: #fff
}

.follow-area li:nth-last-of-type(1) a:hover {
    color: #fff
}

.follow-area li span {
    font-size: 13px;
    font-weight: 500
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0!important;
    padding: 0;
    float: right
}

ul.social-network li {
    display: inline;
    margin: 0 3px
}

ul.social-network li a.icoFacebook {
    background-color: #8594bd
}

ul.social-network li a.icoGoogle {
    background-color: #e68c84
}

ul.social-network li a.icoLinkedin {
    background-color: #6aa6c7
}

ul.social-network li a.icoTwitter {
    background-color: #78c2df
}

ul.social-network li a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoTwitter:hover {
    background-color: #3cf
}

.social-network a.icoGoogle:hover {
    background-color: #bd3518
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7
}

.social-network a.icoFacebook:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.icoTwitter:hover i {
    color: #fff
}

.socialHoverClass,
a.socialIcon:hover {
    color: #44bcdd
}

.pro-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 16px
}

.pro-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

.pro-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.pro-circle i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.msg-box {
    background: #fff;
    padding: 5px 10px;
    color: #525152;
    width: 62%;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 20px;
    float: right;
    font-size: 14px;
    font-family: 'Proxima Nova'
}

.msg-box img {
    margin-right: 10px
}

.all-skills .owl-item a {
    color: #0a0a0a;
    font-size: 16px;
    font-family: proxima_nova_ltsemibold;
    text-transform: uppercase;
    padding: 6px 10px
}

.all-skills .owl-item a:hover {
    /* background: #904d97; */
    padding: 6px 10px;
    color: #fff;
    border-radius: 10px
}

.all-skills .owl-item a:hover i {
    color: #fff
}

.all-skills .owl-item a i {
    font-size: 14px
}

.all-skills .slick-initialized .slick-slide {
    opacity: 1
}

.skill-head {
    font-size: 20px;
    font-family: proxima_nova_ltsemibold;
    color: #000
}

.profile-bio {
    padding: 18px;
    background: #fff;
    border: 1px solid #e0e3e3;
    height: 220px
}

.bio-exp {
    margin-bottom: 20px
}

.bio-head {
    position: relative;
    height: 50px
}

.exp-tag {
    background-image: url(../images/new_images/dashboard/experiecne-label.png);
    background-repeat: no-repeat;
    height: 24px;
    position: absolute;
    padding: 3px 5px 3px 15px;
    right: -18px;
    top: 5px;
    font-size: 12px;
    font-family: proxima_nova_ltsemibold;
    color: #000
}

.bio-title {
    font-size: 20px;
    font-family: proxima_nova_ltsemibold;
    color: #000
}

.bio-info {
    position: relative
}

.bio-info p {
    font-family: proxima_nova_ltsemibold;
    color: #525152;
    font-size: 13px
}

.profile-bio a {
    /* color: #904d97; */
    font-size: 13px;
    font-family: proxima_nova_ltsemibold;
    text-decoration: underline;
    float: right
}

.work-exp {
    padding: 18px;
    background: #fff;
    border: 1px solid #e0e3e3;
    height: 220px
}

.resume-img img {
    width: 120px;
    height: 120px;
    max-width: 120px;
    max-height: 120px
}

.profile-location {
    font-size: 13px;
    font-family: proxima_nova_ltsemibold;
    color: #525152
}

.profile-resume .left-logo {
    min-height: 140px;
    max-height: 140px
}

.profile-resume .absolute-tag {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: auto
}

.profileresume-card {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    margin-bottom: 20px
}

.profile-resume .profile-image {
    text-align: center;
    background: #fff
}

.profile-resume .profile-image img {
    width: 100%
}

.profile-info {
    background: #fff
}

.profile-info .name-postions {
    padding: 35px 0 15px;
    float: left
}

.profile-info .name-postions h1 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #333;
    text-transform: uppercase
}

.profile-info .name-postions h4 {
    font-size: 14px;
    margin: 10px 0 10px 0;
    padding: 0;
    color: #000
}

.profile-info .name-postions p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #000
}

.social-icons {
    padding: 17px 20px
}

.content_wrap {
    background: #fff;
    -webkit-box-shadow: -2px -1px 88px 0 rgba(0, 0, 0, .17);
    -moz-box-shadow: -2px -1px 88px 0 rgba(0, 0, 0, .17);
    box-shadow: -2px -1px 88px 0 rgba(0, 0, 0, .17)
}

.page-title {
    overflow: hidden;
    border-bottom: 1px dashed #ccc
}

.social-icons {
    padding: 48px 0;
    float: right
}

.social-icons a {
    font-size: 12px;
    color: #2a2a2a;
    border: solid 2px #2a2a2a;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 34px;
    display: inline-block;
    padding: 4px 0;
    margin: 3px 4px;
    text-align: center;
    transition: .8s
}

.social-icons a:hover {
    /* color: #904d97; */
    /* border: 2px solid #904d97 */
}

.page-title {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}

.page-title .page-title-text {
    line-height: 22px
}

.page-title .page-title-text h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
    display: inline-block;
    color: #243c4f
}

.resume_wrapper {
    padding: 20px
}

.resume_wrapper p {
    font-size: 14px;
    line-height: 24px;
    color: #7f7f7f;
    font-weight: 400
}

.gray-bg {
    background: #f7f7f7
}

.resume-education .rounded-icon {
    width: 56px;
    position: relative;
    left: -24px;
    background: url(../images/pro-experience-icon.png);
    height: 56px
}

.resume-education {
    padding: 15px
}

.resume-education .resume-out {
    padding-left: 25px
}

.resume-education .resume-out .resume-info {
    border-left: 2px solid #e5e5e5;
    padding: 20px 0 10px 30px
}

.resume-education .resume-out .resume-info:first-child {
    padding-top: 30px
}

.resume-education .resume-out .resume-info .info-title {
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #333
}

.resume-education .resume-out .resume-info .info-title i {
    position: relative;
    left: -39px;
    width: 15px;
    height: 15px;
    background: url(../images/profile-dot.png);
    display: block;
    top: 16px
}

.resume-education .resume-out .resume-info p {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.resume-education .resume-out .resume-info .info-date {
    font-size: 14px;
    padding: 6px 0;
    display: block;
    color: #243c4f
}

.certificate-list {
    padding: 15px 15px 15px 25px
}

.certificate-list ul {
    padding-left: 16px
}

.certificate-list li {
    font-size: 15px;
    color: #000;
    list-style-type: square;
    padding: 8px 0;
    font-weight: 600
}

.pro-not-view {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background: #f1f1f1;
    padding: 13px
}

.pro-not-languages,
.pro-not-skills {
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background: #f1f1f1;
    padding: 13px
}

.printarea .pro-not-view {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background: #f1f1f1;
    padding: 13px
}

.printarea .pro-not-languages,
.printarea .pro-not-skills {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background: #f1f1f1;
    padding: 13px
}

.profile-p {
    margin: 0
}

.exp-logo {
    height: 60px;
    max-height: 60px;
    width: 150px;
    margin-right: 25px
}

.exp-logo img {
    float: left;
    bottom: inherit
}

.exp-info table {
    width: 100%;
    border: 1px solid #f5f5f5
}

.exp-info table td {
    padding: 8px
}

.current-exp img {
    margin-right: 15px
}

.current-exp {
    color: #07923d;
    font-size: 14px;
    font-family: proxima_nova_ltsemibold
}

#profile-info-steps {
    background: #f3f2f2
}

#profile-info-steps li {
    position: relative;
    float: left;
    display: block
}

#profile-info-steps li a {
    color: #000!important;
    font-size: 14px!important;
    font-family: proxima_nova_ltsemibold
}

#profile-info-steps li.active a {
    /* color: #904d97!important; */
    border-bottom: 2px solid #904d97
}

.profile-tab-content {
    padding: 15px
}

.profile-tab-content .dl-horizontal dt {
    text-align: left;
    color: #999;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-family: 'Proxima Nova';
    font-weight: 400
}

.profile-tab-content .dl-horizontal dd {
    font-size: 16px;
    font-family: 'Proxima Nova'
}

text.highcharts-credits {
    display: none
}

.sidebar-collapse .highcharts-container svg {
    width: 100%!important
}

.sidebar-collapse .highcharts-container {
    width: 100%!important
}

.highcharts-container svg {
    width: 100%!important
}

.highcharts-container {
    width: 100%!important
}

.sidebar-collapse aside ul.breadcrumb li a {
    font-size: 11px
}

.order-success {
    text-align: center;
    margin-top: 20px
}

.order-success p {
    text-align: center;
    margin-top: 25px
}

.order-text {
    font-size: 20px;
    color: #5a5a5a;
    font-weight: 600;
    margin-top: 25px;
    text-transform: uppercase
}

.order-sub-txt {
    font-size: 18px;
    color: #000
}

.order-success .order-btn {
    /* background: #904d97; */
    padding: 10px 15px;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600
}

.tech-select select {
    width: 100%;
    border: 0
}

.dropdown-menu.nav-top-user-dropdown {
    line-height: 25px
}

.quick-contacts {
    padding: 6px 0
}

.quick-contacts span {
    padding-left: 15px;
    color: #000;
    font-weight: 600
}

.quick-contacts span i {
    margin-right: 5px;
    font-size: 15px;
    /* color: #904d97 */
}

.go-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    padding: 1em;
    z-index: 9999;
    cursor: pointer
}

ul.flaglist {
    padding-left: 0
}

ul.flaglist li {
    list-style: none;
    display: inline-flex;
    width: 100%;
    padding: 6px 0
}

ul.flaglist li b {
    float: left;
    font-size: 14px
}

.mega-menu {
    padding: 10px 0!important;
    width: 540px;
    border-radius: 0;
    margin-top: 0;
    background-image: url(../images/map-bg.jpg);
    background-size: cover
}

.bor-rgt1 {
    border-right: 1px solid #f7f7f7
}

b.fa-caret-down {
    margin-left: 5px;
    font-size: 14px
}

ul.sel-countryname {
    padding-left: 0
}

ul.sel-countryname li {
    float: left;
    padding: 5px 10px 5px 0;
    margin-right: 10px;
    color: #d8aedc
}

h5.countryhead {
    /* background: #904d97; */
    padding: 6px;
    color: #fff
}

ul.sel-countryname li.dropdown a.dropdown-toggle {
    color: #fff
}

.flag {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-top;
    line-height: 16px;
    background: url(../images/flags16.png) no-repeat
}

.f16 .flag {
    list-style: none outside none;
    margin: 0;
    width: 100%;
    padding-left: 25px;
    margin-bottom: 13px
}

.f16 .flag a {
    line-height: 6px
}

.f16 ._African_Union {
    background-position: 0 -16px
}

.f16 ._Arab_League {
    background-position: 0 -32px
}

.f16 ._ASEAN {
    background-position: 0 -48px
}

.f16 ._CARICOM {
    background-position: 0 -64px
}

.f16 ._CIS {
    background-position: 0 -80px
}

.f16 ._Commonwealth {
    background-position: 0 -96px
}

.f16 ._England {
    background-position: 0 -112px
}

.f16 ._European_Union {
    background-position: 0 -128px
}

.f16 ._Islamic_Conference {
    background-position: 0 -144px
}

.f16 ._Kosovo {
    background-position: 0 -160px
}

.f16 ._NATO {
    background-position: 0 -176px
}

.f16 ._Northern_Cyprus {
    background-position: 0 -192px
}

.f16 ._Northern_Ireland {
    background-position: 0 -208px
}

.f16 ._Olimpic_Movement {
    background-position: 0 -224px
}

.f16 ._OPEC {
    background-position: 0 -240px
}

.f16 ._Red_Cross {
    background-position: 0 -256px
}

.f16 ._Scotland {
    background-position: 0 -272px
}

.f16 ._Somaliland {
    background-position: 0 -288px
}

.f16 ._Tibet {
    background-position: 0 -304px
}

.f16 ._United_Nations {
    background-position: 0 -320px
}

.f16 ._Wales {
    background-position: 0 -336px
}

.f16 .ad {
    background-position: 0 -352px
}

.f16 .ae {
    background-position: 0 -368px
}

.f16 .af {
    background-position: 0 -384px
}

.f16 .ag {
    background-position: 0 -400px
}

.f16 .ai {
    background-position: 0 -416px
}

.f16 .al {
    background-position: 0 -432px
}

.f16 .am {
    background-position: 0 -448px
}

.f16 .an {
    background-position: 0 -464px
}

.f16 .ao {
    background-position: 0 -480px
}

.f16 .aq {
    background-position: 0 -496px
}

.f16 .ar {
    background-position: 0 -512px
}

.f16 .as {
    background-position: 0 -528px
}

.f16 .at {
    background-position: 0 -544px
}

.f16 .au {
    background-position: 0 -560px
}

.f16 .aw {
    background-position: 0 -576px
}

.f16 .az {
    background-position: 0 -592px
}

.f16 .ba {
    background-position: 0 -608px
}

.f16 .bb {
    background-position: 0 -624px
}

.f16 .bd {
    background-position: 0 -640px
}

.f16 .be {
    background-position: 0 -656px
}

.f16 .bf {
    background-position: 0 -672px
}

.f16 .bg {
    background-position: 0 -688px
}

.f16 .bh {
    background-position: 0 -704px
}

.f16 .bi {
    background-position: 0 -720px
}

.f16 .bj {
    background-position: 0 -736px
}

.f16 .bm {
    background-position: 0 -752px
}

.f16 .bn {
    background-position: 0 -768px
}

.f16 .bo {
    background-position: 0 -784px
}

.f16 .br {
    background-position: 0 -800px
}

.f16 .bs {
    background-position: 0 -816px
}

.f16 .bt {
    background-position: 0 -832px
}

.f16 .bw {
    background-position: 0 -848px
}

.f16 .by {
    background-position: 0 -864px
}

.f16 .bz {
    background-position: 0 -880px
}

.f16 .ca {
    background-position: 0 -896px
}

.f16 .cg {
    background-position: 0 -912px
}

.f16 .cf {
    background-position: 0 -928px
}

.f16 .cd {
    background-position: 0 -944px
}

.f16 .ch {
    background-position: 0 -960px
}

.f16 .ci {
    background-position: 0 -976px
}

.f16 .ck {
    background-position: 0 -992px
}

.f16 .cl {
    background-position: 0 -1008px
}

.f16 .cm {
    background-position: 0 -1024px
}

.f16 .cn {
    background-position: 0 -1040px
}

.f16 .co {
    background-position: 0 -1056px
}

.f16 .cr {
    background-position: 0 -1072px
}

.f16 .cu {
    background-position: 0 -1088px
}

.f16 .cv {
    background-position: 0 -1104px
}

.f16 .cy {
    background-position: 0 -1120px
}

.f16 .cz {
    background-position: 0 -1136px
}

.f16 .de {
    background-position: 0 -1152px
}

.f16 .dj {
    background-position: 0 -1168px
}

.f16 .dk {
    background-position: 0 -1184px
}

.f16 .dm {
    background-position: 0 -1200px
}

.f16 .do {
    background-position: 0 -1216px
}

.f16 .dz {
    background-position: 0 -1232px
}

.f16 .ec {
    background-position: 0 -1248px
}

.f16 .ee {
    background-position: 0 -1264px
}

.f16 .eg {
    background-position: 0 -1455px
}

.f16 .eh {
    background-position: 0 -1296px
}

.f16 .er {
    background-position: 0 -1312px
}

.f16 .es {
    background-position: 0 -1328px
}

.f16 .et {
    background-position: 0 -1344px
}

.f16 .fi {
    background-position: 0 -1360px
}

.f16 .fj {
    background-position: 0 -1376px
}

.f16 .fm {
    background-position: 0 -1392px
}

.f16 .fo {
    background-position: 0 -1408px
}

.f16 .fr {
    background-position: 0 -1424px
}

.f16 .ga {
    background-position: 0 -1440px
}

.f16 .gb {
    background-position: 0 -1456px
}

.f16 .gd {
    background-position: 0 -1472px
}

.f16 .ge {
    background-position: 0 -1488px
}

.f16 .gg {
    background-position: 0 -1504px
}

.f16 .gh {
    background-position: 0 -1520px
}

.f16 .gi {
    background-position: 0 -1536px
}

.f16 .gl {
    background-position: 0 -1552px
}

.f16 .gm {
    background-position: 0 -1568px
}

.f16 .gn {
    background-position: 0 -1584px
}

.f16 .gp {
    background-position: 0 -1600px
}

.f16 .gq {
    background-position: 0 -1616px
}

.f16 .gr {
    background-position: 0 -1632px
}

.f16 .gt {
    background-position: 0 -1648px
}

.f16 .gu {
    background-position: 0 -1664px
}

.f16 .gw {
    background-position: 0 -1680px
}

.f16 .gy {
    background-position: 0 -1696px
}

.f16 .hk {
    background-position: 0 -1712px
}

.f16 .hn {
    background-position: 0 -1728px
}

.f16 .hr {
    background-position: 0 -1744px
}

.f16 .ht {
    background-position: 0 -1760px
}

.f16 .hu {
    background-position: 0 -1776px
}

.f16 .id {
    background-position: 0 -1792px
}

.f16 .mc {
    background-position: 0 -1792px
}

.f16 .ie {
    background-position: 0 -1808px
}

.f16 .il {
    background-position: 0 -1824px
}

.f16 .im {
    background-position: 0 -1840px
}

.f16 .in {
    background-position: 0 -1856px
}

.f16 .iq {
    background-position: 0 -1872px
}

.f16 .ir {
    background-position: 0 -1888px
}

.f16 .is {
    background-position: 0 -1904px
}

.f16 .it {
    background-position: 0 -1920px
}

.f16 .je {
    background-position: 0 -1936px
}

.f16 .jm {
    background-position: 0 -1952px
}

.f16 .jo {
    background-position: 0 -1968px
}

.f16 .jp {
    background-position: 0 -1984px
}

.f16 .ke {
    background-position: 0 -2000px
}

.f16 .kg {
    background-position: 0 -2016px
}

.f16 .kh {
    background-position: 0 -2032px
}

.f16 .ki {
    background-position: 0 -2048px
}

.f16 .km {
    background-position: 0 -2064px
}

.f16 .kn {
    background-position: 0 -2080px
}

.f16 .kp {
    background-position: 0 -2096px
}

.f16 .kr {
    background-position: 0 -2112px
}

.f16 .kw {
    background-position: 0 -2128px
}

.f16 .ky {
    background-position: 0 -2144px
}

.f16 .kz {
    background-position: 0 -2160px
}

.f16 .la {
    background-position: 0 -2176px
}

.f16 .lb {
    background-position: 0 -2192px
}

.f16 .lc {
    background-position: 0 -2208px
}

.f16 .li {
    background-position: 0 -2224px
}

.f16 .lk {
    background-position: 0 -2240px
}

.f16 .lr {
    background-position: 0 -2256px
}

.f16 .ls {
    background-position: 0 -2272px
}

.f16 .lt {
    background-position: 0 -2288px
}

.f16 .lu {
    background-position: 0 -2304px
}

.f16 .lv {
    background-position: 0 -2320px
}

.f16 .ly {
    background-position: 0 -2336px
}

.f16 .ma {
    background-position: 0 -2352px
}

.f16 .md {
    background-position: 0 -2368px
}

.f16 .me {
    background-position: 0 -2384px
}

.f16 .mg {
    background-position: 0 -2400px
}

.f16 .mh {
    background-position: 0 -2416px
}

.f16 .mk {
    background-position: 0 -2432px
}

.f16 .ml {
    background-position: 0 -2448px
}

.f16 .mm {
    background-position: 0 -2464px
}

.f16 .mn {
    background-position: 0 -2480px
}

.f16 .mo {
    background-position: 0 -2496px
}

.f16 .mq {
    background-position: 0 -2512px
}

.f16 .mr {
    background-position: 0 -2528px
}

.f16 .ms {
    background-position: 0 -2544px
}

.f16 .mt {
    background-position: 0 -2560px
}

.f16 .mu {
    background-position: 0 -2576px
}

.f16 .mv {
    background-position: 0 -2592px
}

.f16 .mw {
    background-position: 0 -2608px
}

.f16 .mx {
    background-position: 0 -2624px
}

.f16 .my {
    background-position: 0 -2640px
}

.f16 .mz {
    background-position: 0 -2656px
}

.f16 .na {
    background-position: 0 -2672px
}

.f16 .nc {
    background-position: 0 -2688px
}

.f16 .ne {
    background-position: 0 -2704px
}

.f16 .ng {
    background-position: 0 -2720px
}

.f16 .ni {
    background-position: 0 -2736px
}

.f16 .nl {
    background-position: 0 -2752px
}

.f16 .no {
    background-position: 0 -2768px
}

.f16 .np {
    background-position: 0 -2784px
}

.f16 .nr {
    background-position: 0 -2800px
}

.f16 .nz {
    background-position: 0 -2816px
}

.f16 .om {
    background-position: 0 -2832px
}

.f16 .pa {
    background-position: 0 -2848px
}

.f16 .pe {
    background-position: 0 -2864px
}

.f16 .pf {
    background-position: 0 -2880px
}

.f16 .pg {
    background-position: 0 -2896px
}

.f16 .ph {
    background-position: 0 -2912px
}

.f16 .pk {
    background-position: 0 -2928px
}

.f16 .pl {
    background-position: 0 -2944px
}

.f16 .pr {
    background-position: 0 -2960px
}

.f16 .ps {
    background-position: 0 -2976px
}

.f16 .pt {
    background-position: 0 -2992px
}

.f16 .pw {
    background-position: 0 -3008px
}

.f16 .py {
    background-position: 0 -3024px
}

.f16 .qa {
    background-position: 0 -3040px
}

.f16 .re {
    background-position: 0 -3056px
}

.f16 .ro {
    background-position: 0 -3072px
}

.f16 .rs {
    background-position: 0 -3088px
}

.f16 .ru {
    background-position: 0 -3104px
}

.f16 .rw {
    background-position: 0 -3120px
}

.f16 .sa {
    background-position: 0 -3136px
}

.f16 .sb {
    background-position: 0 -3152px
}

.f16 .sc {
    background-position: 0 -3168px
}

.f16 .sd {
    background-position: 0 -3184px
}

.f16 .se {
    background-position: 0 -3200px
}

.f16 .sg {
    background-position: 0 -3216px
}

.f16 .si {
    background-position: 0 -3232px
}

.f16 .sk {
    background-position: 0 -3248px
}

.f16 .sl {
    background-position: 0 -3264px
}

.f16 .sm {
    background-position: 0 -3280px
}

.f16 .sn {
    background-position: 0 -3296px
}

.f16 .so {
    background-position: 0 -3312px
}

.f16 .sr {
    background-position: 0 -3328px
}

.f16 .st {
    background-position: 0 -3344px
}

.f16 .sv {
    background-position: 0 -3360px
}

.f16 .sy {
    background-position: 0 -3376px
}

.f16 .sz {
    background-position: 0 -3392px
}

.f16 .tc {
    background-position: 0 -3408px
}

.f16 .td {
    background-position: 0 -3424px
}

.f16 .tg {
    background-position: 0 -3440px
}

.f16 .th {
    background-position: 0 -3456px
}

.f16 .tj {
    background-position: 0 -3472px
}

.f16 .tl {
    background-position: 0 -3488px
}

.f16 .tm {
    background-position: 0 -3504px
}

.f16 .tn {
    background-position: 0 -3520px
}

.f16 .to {
    background-position: 0 -3536px
}

.f16 .tr {
    background-position: 0 -3552px
}

.f16 .tt {
    background-position: 0 -3568px
}

.f16 .tv {
    background-position: 0 -3584px
}

.f16 .tw {
    background-position: 0 -3600px
}

.f16 .tz {
    background-position: 0 -3616px
}

.f16 .ua {
    background-position: 0 -3632px
}

.f16 .ug {
    background-position: 0 -3648px
}

.f16 .us {
    background-position: 0 -3664px
}

.f16 .uy {
    background-position: 0 -3680px
}

.f16 .uz {
    background-position: 0 -3696px
}

.f16 .va {
    background-position: 0 -3712px
}

.f16 .vc {
    background-position: 0 -3728px
}

.f16 .ve {
    background-position: 0 -3744px
}

.f16 .vg {
    background-position: 0 -3760px
}

.f16 .vi {
    background-position: 0 -3776px
}

.f16 .vn {
    background-position: 0 -3792px
}

.f16 .vu {
    background-position: 0 -3808px
}

.f16 .ws {
    background-position: 0 -3824px
}

.f16 .ye {
    background-position: 0 -3840px
}

.f16 .za {
    background-position: 0 -3856px
}

.f16 .zm {
    background-position: 0 -3872px
}

.f16 .zw {
    background-position: 0 -3872px
}

.clientlogo {
    background: #fff;
    border-top: 1px solid #f7f7f7
}

.lastchild-bg {
    background: #fff
}

.feedback-mb-20 {
    margin-bottom: 35px!important
}

.ml-menu.treeview-menu.show li.bor-btn-no a::before {
    border-bottom: 0
}

.lftside-circle {
    border-radius: 50px;
    /* background: #904d97; */
    text-align: center;
    padding: 5px;
    color: #fff;
    font-family: Roboto, sans-serif!important;
    height: 33px;
    width: 145px
}

.lftside-circle .navbar-nav li a {
    padding: 0 10px!important
}

.lftside-circle .log_top_arrow {
    float: left;
    left: 0
}

.lftside-circle .in a {
    color: #fff
}

.log.out li.dropdown.notification-view {
    display: inline-block
}

.signin li.dropdown.notification-view a i {
    color: #fff;
    /* background: #904d97; */
    border-radius: 50%;
    font-size: 18px;
    padding: 6px
}

.log .label-count {
    /* color: #904d97; */
    background-color: #fff;
    border: 1px solid #904d97;
    right: 0;
    font-size: 11px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding-top: 1px;
    top: -3px;
    text-align: center
}

.log .label-count.active {
    color: #fff;
    background: #e60909;
    border: 1px solid #e60909
}

.navbar-nav>li>.dropdown-menu a {
    border-bottom: 0
}

.notification-view .dropdown-menu ul.menu li a {
    line-height: 0
}

.navbar-nav li a {
    letter-spacing: 0
}

.open-search {
    overflow: hidden
}

.sign-circle .log .dropdown-menu {
    margin-top: 18px!important;
    left: -111px
}

.notification-view .dropdown-menu li.header {
    text-align: center;
    background-color: #fafafa;
    border-bottom: none;
    padding: 0
}

.notification-view .dropdown-menu li.footer {
    text-align: center;
    background-color: #fafafa;
    border-top: none;
    padding: 12px 5px
}

.notification-view .dropdown-menu li.footer a {
    font-weight: 700;
    font-size: 13px
}

.notification-view .dropdown-menu li.footer a:hover {
    /* color: #904d97!important */
}

.notification-view .dropdown-menu li a {
    padding: 0;
    width: 100%
}

.notification-view .dropdown-menu {
    padding: 0
}

.notification-view .dropdown-menu ul.menu h4 {
    font-size: 14px
}

.notification-view .dropdown-menu ul.menu p {
    font-size: 12px;
    color: #575757;
    text-transform: lowercase
}

.notification-view .dropdown-menu ul.menu li a {
    width: 100%;
    padding: 5px
}

.notification-view .dropdown-menu ul.menu li a:hover {
    /* color: #904d97!important */
}

.notification-view ul.dropdown-menu {
    margin-top: 10px!important
}

.timeline-second-style .timeline-item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 15px
}

.timeline-second-style .timeline-item:last-child {
    padding-bottom: 0
}

.timeline-second-style .left-part {
    width: 25%;
    display: table-cell;
    padding-right: 25px;
    min-height: 100%;
    text-align: right;
    vertical-align: top
}

.timeline-second-style .right-part {
    width: 65%;
    display: table-cell;
    padding-left: 25px;
    padding-right: 15px;
    vertical-align: top;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    background: #fff;
    position: relative;
    left: 15px;
    padding-bottom: 10px
}

.timeline-second-style .right-part p,
.timeline-second-style .right-part p>* {
    font-size: .92em
}

.timeline-second-style .divider {
    position: absolute;
    top: 0;
    left: 30%;
    bottom: 0;
    width: 1px;
    background-color: #eee
}

.timeline-second-style .divider:after {
    content: '';
    display: block;
    margin-top: 7px;
    width: 11px;
    height: 11px;
    margin-left: -5px;
    border-radius: 5px;
    /*border: 2px solid #904d97;*/
    background-color: #fff
}

.timeline-second-style .item-title {
    font-size: 16px;
    margin-bottom: 3px
}

.timeline-second-style .item-title span {
    color: #656565;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 400
}

.timeline-second-style .item-period {
    margin: 3px 0;
    font-size: 14px;
    line-height: 1.4em
}

.timeline-second-style .item-company {
    display: block;
    color: #aaa;
    margin: 0 0 4px;
    font-size: 12px;
    line-height: 1.45em
}

.tc-dropdown-header {
    padding: 20px 20px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.tc-dropdown-header-title {
    display: block;
    padding: 0 0 5px 0;
    font-size: 25px;
    font-weight: 400;
    color: #fff
}

.tc-dropdown-header-subtitle {
    display: block;
    padding: 0 0 5px 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.tc-list-timeline-items {
    padding: 10px 15px 0 27px;
    position: relative
}

.tc-list-timeline-items:before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 13px;
    background: #f6e3f9
}

.tc-list-timeline-items .tc-list-timeline-item:first-child {
    padding-top: 0;
    margin-top: 0
}

.tc-list-timeline-items .tc-list-timeline-item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 6px 0;
    margin: 5px 0;
    border-bottom: 1px solid #f6e3f9
}

.tc-list-timeline-items .tc-list-timeline-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-badge {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 0
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-badge:before {
    /* background-color: #904d97 */
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-badge:before {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    left: -17px;
    top: 50%;
    margin-top: -3.5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-text {
    color: #575962
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding: 0 5px 0 0;
    font-size: 13px;
    text-transform: initial
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-time {
    color: #7b7e8a
}

.tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 80px;
    font-size: 11px
}

.tc-search-btn .col-md-8 {
    width: 64.667%
}

.navbar-nav .open.notification-view .dropdown-menu {
    left: -250px
}

.jOrgChart .node {
    z-index: 0
}

.testimonials {
    overflow: hidden;
    position: relative;
    max-height: 300px
}

.testimonials {
    background: #161d25
}

.message {
    border: none!important;
    outline: 0!important;
    width: 75%;
    margin: 0 auto
}

.icon-overlay {
    position: absolute;
    opacity: .3;
    right: 10%;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 400px
}

.carousel-controls .control {
    position: absolute;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer
}

.prev {
    left: -2.25rem;
    top: 45%
}

.next {
    right: -2.25rem;
    top: 45%
}

.slick-initialized .slick-slide {
    opacity: 1
}

.message p {
    color: #fff
}

.testmonial-logo .relative-tag {
    width: 194px!important;
    margin: 0 10px;
    padding: 4px;
    background: #fff;
    border-radius: 50%;
    /*border: 2px solid #904d97;*/
    height: 192px;
    transition: all .5s ease-in-out;
    padding: 25px
}

.testmonial-logo {
    width: 210px;
    margin: 0 auto;
    margin-top: 40px
}

h1.testimonal-head {
    z-index: 4;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 75%;
    line-height: 28px;
    font-size: 36px;
    font-family: lato, Arial, Tahoma, sans-serif
}

.clientlogo span {
    margin: 10px 0
}

.clientlogo {
    padding: 10px 0!important;
    float: left;
    width: 100%
}

.clientlogo .left-logo img.absolute-tag {
    top: 35px
}

.languagepart .navbar-nav li a.my-account {
    /* background: #904d97!important; */
    border-radius: 25px;
    padding-top: 7px!important
}

.languagepart .navbar-nav li a.my-account:hover {
    /* background: #904d97!important */
}

.languagepart .navbar-nav li a.my-account span i {
    height: 0
}

.languagepart .navbar-nav li.open .nav-top-user-dropdown {
    min-width: 160px
}

.box-wdt {
    width: 540px
}

.oi-select-main oi-select .select-dropdown {
    min-width: 0;
    max-height: 300px
}

.bor-rgt {
    border-right: 1px solid #ccc;
    overflow: scroll;
    max-height: 291px
}

.oiselect-list ul {
    padding: 0
}

.oiselect-list ul li {
    box-shadow: none!important;
    /* background: #904d97!important; */
    color: #fff;
    padding: 5px!important
}

oi-select.multiple .select-search-list-item_selection .select-search-list-item_selection-remove {
    opacity: 1
}

oi-select.multiple .select-search-list-item_selection .select-search-list-item_selection-remove i {
    font-size: 12px;
    color: #fff
}

oi-select.multiple .select-search-list-item_selection {
    margin-left: 0
}

.inner-addon {
    position: relative
}

.inner-addon .fa {
    position: absolute;
    padding: 10px;
    pointer-events: none
}

.left-addon .fa {
    left: 0!important;
    font-size: 14px
}

.left-addon input {
    padding-left: 30px!important;
    border-bottom: 2px solid #ccc!important;
    margin: 10px 5px 15px 5px!important;
    color: #000!important;
    box-shadow: 0 0 0!important
}

.left-addon input::placeholder {
    color: #000!important
}

#eidmubarak .modal-body {
    padding: 0
}

#eidmubarak .close-btn {
    position: absolute;
    top: 1px;
    right: -5%;
    background: #fff;
    z-index: 9999;
    padding: 5px;
    border-radius: 0 3px 3px 0
}

#eidmubarak .close-btn img {
    width: 20px;
    height: 20px
}

#eidmubarak .modal-content {
    border: 1px solid rgba(0, 0, 0, .2)
}

md-toolbar._md-toolbar-transitions {
    /*background: #904d97; */
}

.searchpage md-card {
    padding: 10px;
    margin: 0 0 15px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    font-family: Roboto, sans-serif important
}

.searchpage h3 {
    font-size: 14px;
    margin: 0 0 10px 0;
    font-family: Roboto, sans-serif
}

.searchpage md-chips .md-chips.md-focused {
    box-shadow: 0 2px #904d97;
    font-family: Roboto, sans-serif
}

.md-button.md-primary.md-raised {
    /* background: #904d97; */
    font-family: Roboto, sans-serif;
    /*padding: 5px 12px!important;*/
    height: auto!important;
    border-radius: 20px!important;
}

.md-button.md-primary.md-raised:not([disabled]):hover {
    /*background: #904d97; */
}

md-toolbar.md-top-header {
    min-height: 45px
}

.md-top-header .md-toolbar-tools {
    height: 45px;
    max-height: 45px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600
}

.md-button.md-primary.md-raised {
    font-weight: 600;
    font-family: Roboto, sans-serif
}

md-sidenav.sidenav-wdth {
    width: 45%;
    max-width: 45%
}

.sidenav-wdth .md-chips {
    font-size: 14px
}

.md-chips md-chip .md-chip-remove md-icon {
    min-height: 18px;
    min-width: 18px
}

md-chips md-chip.md-focused {
    /*background: #904d97; */
}

.md-chips .md-chip-input-container {
    width: 100%
}

.md-datepicker-input-container {
    width: 85%
}

.md-search-btn .md-button.md-primary.md-fab {
    /*background: #904d97; */
}

.md-search-btn .md-button.md-primary.md-fab:hover {
    background: #fff;
    /* color: #904d97 */
}

.md-search-btn .md-button.md-primary.md-fab:hover md-icon {
    /* color: #904d97 */
}

.md-close-btn {
    min-height: 27px!important;
    line-height: 28px!important
}

.md-subheader .md-subheader-inner {
    padding: 5px!important;
    text-align: right
}

.md-contact-suggestion .md-contact-name {
    overflow: initial!important;
    text-overflow: initial!important
}

md-content.md-course-page {
    background: #fff
}

.md-course-page md-card,
md-card md-card-header {
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.md-course-page .md-headline {
    font-size: 16px;
    font-weight: 600
}

.searchpage .md-padding {
    padding: 0 10px 4px 10px
}

.price-tag {
    /* background: #904d97; */
    z-index: 32
}

.price-tag {
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 0 10px;
    position: absolute;
    right: -7px;
    top: 16px;
    -webkit-transition: all 150ms ease-in-out 0s;
    -o-transition: all 150ms ease-in-out 0s;
    transition: all 150ms ease-in-out 0s;
    background: url(../images/ribbon.png);
    width: 53px;
    background-repeat: no-repeat;
    height: 22px
}

.price-tag {
    padding: 0 14px
}

.price-tag::before {
    border-left: 7px solid rgba(0, 0, 0, .45);
    border-top: 7px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -1px;
    top: 0;
    transform: translateY(-100%);
    width: 0
}

.education-comment-option,
.education-comment-option figure img,
.education-course,
.education-grid-wrap,
.education-modren-course figure a,
.education-modren-course figure a img,
.education-modren-course ul>li>figure,
.education-modren-course-text {
    float: left;
    width: 100%
}

.education-modren-course figure a img {
    max-height: 150px;
    width: auto;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.education-course ul {
    padding: 0;
    width: 100%
}

.education-course>ul>li {
    list-style: none;
    margin: 0 0 30px
}

.education-modren-course ul>li>figure {
    margin: 0;
    height: 150px
}

.education-modren-course .star-rating {
    position: absolute;
    left: 20px;
    top: 19px;
    height: 16px;
    line-height: 23px;
    width: 86px
}

.education-modren-course ul>li:hover>figure .star-rating {
    opacity: 0;
    visibility: hidden
}

.education-modren-course .star-rating-box:before,
.education-modren-course .star-rating:before {
    content: "\f006\f006\f006\f006\f006";
    font-family: FontAwesome;
    font-size: 15px;
    left: 0;
    letter-spacing: 4px;
    position: absolute;
    top: 0
}

.education-modren-course .star-rating-box:before {
    content: "\f005\f005\f005\f005\f005"
}

.education-modren-course .star-rating-box {
    height: 20px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.education-modren-course ul>li>figure>span {
    position: absolute;
    right: 20px;
    top: 20px;
    /* background-color: #904d97 */
    font-size: 13px;
    color: #fff;
    line-height: 1;
    padding: 5px 10px 7px;
    border-radius: 4px
}

.education-modren-course ul>li:hover>figure>span {
    opacity: 0;
    visibility: hidden
}

.education-modren-course ul>li>figure:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: -7px;
    height: 13px;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 2
}

.bootom-lawyer:after,
.education-grid-wrap:after,
.education-grid-wrap:before,
.education-modren-course ul>li>figure:before,
.education-search-result:before,
.education-testimonial-full>.education-shape-one:after,
.education-testimonial-full>.education-shape-two:before {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.education-modren-course figure a {
    position: relative;
    overflow: hidden
}

.education-modren-course figure a div.course-list-cont {
    position: absolute;
    /* background-color: #904d97 */
    height: 85%;
    width: 100%;
    font-size: 12px;
    padding: 10px;
    margin: 0;
    opacity: 0;
    z-index: 1;
    left: 0;
    color: #fff;
    overflow: auto;
    max-height: 150px
}

.course-list-cont::-webkit-scrollbar {
    width: 5px
}

.course-list-cont::-webkit-scrollbar-track {
    /*background: #904d97; */
}

.course-list-cont::-webkit-scrollbar-thumb {
    /*background: #904d97; */
}

.course-list-cont::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.education-modren-course ul li:hover figure a div.course-list-cont {
    opacity: 1;
    right: 50%
}

.education-modren-course figure a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    opacity: 0;
    z-index: 1
}

.education-modren-course ul li:hover figure a:before {
    width: 100%;
    opacity: 1
}

.education-modren-course figure a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.education-grid-wrap {
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden
}

.education-grid-wrap:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: -6px;
    height: 13px;
    width: 100%;
    background-color: #ddd
}

.education-grid-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 13px;
    width: 0%;
    z-index: 1
}

.education-modren-course ul li:hover .education-grid-wrap:after {
    width: 100%
}

.education-modren-course-text {
    padding: 10px
}

.education-modren-course-text h5 {
    margin: 0;
    font-weight: 700;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.education-modren-course-text p {
    float: left;
    margin: 0;
    line-height: 24px;
    height: 76px;
    overflow: hidden
}

.education-course-option {
    float: left;
    margin: 0 0 19px;
    padding: 0
}

.education-course-option li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 12px;
    color: #999;
    line-height: 1.5
}

.education-course-option li:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 5px;
    width: 2px;
    height: 11px;
    background-color: #999
}

.education-course-option li:last-child:before {
    content: none
}

.education-course-option li a {
    font-size: 12px;
    color: #999
}

.education-comment-option {
    border-top: 1px solid #fff;
    padding: 15px 10px 15px 10px
}

.education-comment {
    float: right;
    margin: 0;
    padding: 0
}

.education-comment li {
    float: left;
    list-style: none;
    margin: 0 0 0 14px
}

.education-comment li a i {
    margin: 0 10px 0 0;
    font-size: 14px
}

.education-comment li a {
    font-size: 13px;
    color: #000;
    font-weight: 600
}

.education-comment-option>figure img {
    border-radius: 100%
}

.education-comment-option>figure {
    float: left;
    margin: 0;
    width: 25px;
    height: 25px
}

.education-comment-option>a {
    float: left;
    margin: 0 0 0 10px;
    font-size: 12px;
    color: #999
}

.education-comment-option>figure img {
    border-radius: 100%;
    position: relative
}

.education-comment {
    float: right;
    margin: 0
}

.education-grid-wrap:before,
.education-search-result:before {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.education-modren-course ul li:hover figure a:before {
    width: 100%;
    opacity: 1
}

.md-skill-list ul li {
    background: #fff;
    padding: 2px 5px;
    /* color: #904d97; */
    font-weight: 600;
    font-size: 12px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px
}

.posted_courses {
    background: #fff;
    padding: 15px 0
}

.single-product-item {
    box-shadow: 0 0 8px rgba(34, 30, 31, .3)
}

.single-product-image {
    text-align: center
}

.single-product-image img {
    width: 100%
}

.single-product-text>h4 a {
    color: #4c4c4c;
    display: block;
    font-size: 18px;
    margin-bottom: 4px
}

.single-product-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #904d97;
    padding: 15px
}

.single-product-text h5 {
    color: #696969;
    font-size: 14px;
    margin-bottom: 20px
}

.product-price>h3 {
    color: #4c4c4c;
    display: inline-block;
    float: left;
    font-size: 20px;
    margin: 0
}

.product-price {
    margin-bottom: 23px;
    overflow: hidden
}

.product-buttons {
    overflow: hidden
}

.single-product-text .button-default {
    border: 0 none;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 27px;
    margin-left: 8px;
    padding: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 27px;
    /* background: #904d97; */
    color: #fff
}

.single-product-text .button-default:hover {
    background: #2d3e50 none repeat scroll 0 0
}

.single-product-text .button-default.cart-btn {
    font-size: 11px;
    line-height: 27px;
    margin-left: 0;
    padding: 0 14px;
    width: auto
}

.single-product-item:hover .button-default.cart-btn {
    background: #2d3e50 none repeat scroll 0 0
}

.tc-related-course {
    background: #fff;
    padding: 15px
}

.single-item-rating {
    color: #f3c30b;
    float: right
}

.single-item-rating i {
    font-size: 16px
}

.product-buttons button i {
    font-size: 14px
}

.single-item-rating span {
    color: #000;
    font-size: 13px;
    font-weight: 600
}

.cs-blog-col {
    margin-bottom: 30px
}

.cs-blog-col .widget:last-child {
    margin-bottom: 0
}

.cs-blog-col .cs-blog-img-box {
    position: relative;
    display: inline-block
}

.cs-blog-col .cs-blog-img-box .cs-blog-date {
    position: absolute;
    left: 20px;
    top: 10px
}

.cs-blog-col .cs-blog-img-box .cs-blog-date .cs-day {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #fff;
    /* background: #904d97; */
    margin-bottom: 0;
    text-align: center;
    padding: 2px 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.cs-blog-col .cs-blog-img-box .cs-blog-date .cs-month {
    font-family: Roboto, sans-serif;
    background: #0c0b0b;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 2px 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.cs-blog-col .cs-blog-img-box .cs-over-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(10, 10, 10, .9);
    padding: 10px 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.cs-blog-col:hover .cs-over-text {
    /* background-color: #904d97 */
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

ul.cs-over-text-left {
    padding: 0
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-left li {
    float: left;
    color: #fff;
    margin-right: 20px
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-left li i {
    margin-right: 3px;
    font-size: 14px
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-left li a {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-left li a:hover {
    color: #373636;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-right li {
    float: right;
    color: #fff;
    margin-left: 20px
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-right li a i {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cs-blog-col .cs-blog-img-box .cs-over-text .cs-over-text-right li a i:hover {
    color: #373636;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cs-blog-col .cs-blog-content h2 {
    width: 100%;
    font-size: 28px;
    display: inline-block
}

h2.post-title {
    margin-top: 0
}

.cs-blog-col .cs-blog-content h2 a {
    color: #373636;
    font-size: 28px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cs-blog-col .cs-blog-content h2 a:hover,
.cs-blog-col .sticky .cs-blog-content h2:hover:before {
    /* color: #904d97; */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cs-blog-content span {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block
}

p.cs-blog-dtlscmnt span {
    width: auto
}

.cs-blog-col .cs-blog-content a.cs-btn-default {
    padding: 3px 32px
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    display: block;
    position: absolute;
    font-size: 12px;
    color: #fff
}

[data-tooltip]:hover:before {
    border-radius: .2em;
    content: attr(title);
    /* background-color: #904d97 */
    margin-top: -38px;
    padding: .3em
}

[data-tooltip]:hover:after {
    content: "";
    margin-top: -33px;
    margin-left: 1em;
    border-style: solid;
    border-color: transparent;
    border-top-color: #904d97;
    border-width: .5em .5em 0 .5em
}

::-webkit-scrollbar {
    width: 7px;
    height: 3px
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    background: #999
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.trial-time select option[data-default] {
    color: #888
}

.education-grid-wrap .stars {
    float: none
}

.shortby {
    background: #fff
}

.shortby md-input-container {
    margin: 0;
    width: 200px
}

.shortby md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #fff
}

.shortby md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #fff
}

.md-button.md-warn.md-raised {
    background-color: #464646
}

.md-button.md-warn.md-raised:not([disabled]):hover {
    /* background-color: #904d97 */
}

#filter {
    /* background: #904d97; */
    margin: 0!important;
    padding: 0
}

#filter .navbar-default {
    /*background: #904d97; */
}

.multiselect-container.dropdown-menu {
    z-index: 1
}

.multi-date .multiselect-container {
    width: 280px
}

#filter ul {
    float: left
}

.sortby md-input-container {
    margin: 5px 0
}

.sortby md-select .md-select-value,
.sortby md-select.md-default-theme .md-select-value {
    border-bottom-color: #fff!important;
    color: #fff!important
}

.sortby md-select .md-select-icon,
.sortby md-select.md-default-theme .md-select-icon {
    color: #fff
}

.clearmd-btn .md-button {
    min-height: 30px;
    min-width: 60px;
    font-size: 13px;
    line-height: 0;
    font-weight: 600
}

.level-up.form-group .bootstrap-select.btn-group {
    z-index: 99!important
}

.search_divded {
    border-bottom: 3px solid #ddd;
    margin-bottom: 30px!important
}

.search_divded .form-group {
    margin-bottom: 15px
}

.branch-area {
    background: #fdfdfd;
    border: 1px solid #f1f1f1;
    padding: 6px;
    margin-bottom: 15px
}

.branch-area .form-group {
    margin-bottom: 0
}

.or-div {
    /* background: #904d97; */
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    padding: 8px 5px;
    text-align: center;
    height: 40px;
    width: 40px
}

.top-bro {
    border-top: 3px solid #ddd;
    margin-bottom: 10px
}

.skil-level-list h6 {
    float: left
}

.skil-level-list ul {
    padding: 0;
    margin: 0
}

.skil-level-list ul li {
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px 8px;
    color: #000;
    float: left;
    margin: 0 5px 5px 0;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 600
}

#skill-accordion .panel {
    border-radius: 0;
    border: 0;
    margin-top: 0
}

#skill-accordion a {
    display: block;
    text-decoration: none;
    color: #000
}

#skill-accordion .panel-heading a.collapsed:hover {
    /* background-color: #904d97 */
    color: #fff;
    transition: all .2s ease-in
}

#accordion .panel-heading a.collapsed:focus::before,
#skill-accordion .panel-heading a.collapsed:hover::before {
    color: #fff
}

#skill-accordion .panel-heading {
    padding: 0;
    border-radius: 0;
    text-align: left
}

#skill-accordion .panel-heading a:not(.collapsed) {
    color: #fff;
    /* background-color: #904d97 */
    transition: all .2s ease-in
}

#skill-accordion .panel-heading .accordion-toggle::before {
    font-family: FontAwesome;
    content: '\f00d';
    float: right;
    color: #fff;
    font-weight: lighter;
    transform: rotate(0);
    transition: all .2s ease-in
}

#skill-accordion .panel-heading .accordion-toggle.collapsed::before {
    color: #444;
    transform: rotate(-135deg);
    transition: all .2s ease-in
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #904d97
}

.matrix-bor-btn {
    border-bottom: 3px solid #ddd
}

.upskill-dashboard-h3 .il-card {
    padding: 15px
}

.il-card img {
    margin-top: 20px
}

.upskill-dashboard-h3 .il-card h2 {
    margin-bottom: 10px
}

.weightage-section {
    margin: 15px 0 0 0
}

.beginner-tr {
    color: #000;
    width: 90px;
    font-size: 16px;
    font-weight: 600
}

.intermediate-tr {
    color: #000;
    width: 90px;
    font-size: 16px;
    font-weight: 600
}

.expert-tr {
    color: #000;
    width: 90px;
    font-size: 16px;
    font-weight: 600
}

.wdt180 {
    width: 180px
}

.wdt60 {
    width: 90px;
    text-align: center
}

.skill-analysis i.beginner {
    font-size: 18px;
    margin: 0 10px;
    color: #ffc107
}

.skill-analysis i.intermediate {
    font-size: 18px;
    margin: 0 10px;
    color: #00bcd4
}

.skill-analysis i.expert {
    font-size: 18px;
    margin: 0 10px;
    color: #59c35d
}

.ledgend-area .beginner {
    color: #ffc107;
    font-weight: 600
}

.ledgend-area .intermediate {
    color: #00bcd4;
    font-weight: 600
}

.ledgend-area .expert {
    color: #59c35d;
    font-weight: 600
}

.analysis-head thead {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    background: #f1eeee
}

.martop5 {
    margin-top: 5px
}

.martop10 {
    margin-top: 10px
}

#resource-table thead tr th {
    padding: 0 15px 0 15px
}

#resource-table h6 {
    word-break: break-word;
    white-space: normal
}

.slice div.fill {
    display: none
}

.feedback-bor {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 15px
}

.gamification-table td.valign-middle {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600
}

.gamification-table tr.sun-learn {
    background: #fbf9f9
}

.gamification-table tr.weekend-warrior {
    background: #fef1ff
}

.gamification-table tr.repeat-learner {
    background: #fbf9f9
}

.gamification-table tr.night-owl {
    background: #fef1ff
}

.gamification-table tr.the-closer {
    background: #fbf9f9
}

.gamification-table tr.the-procrastinator {
    background: #fef1ff
}

.gamification-table td span {
    /* color: #904d97; */
    font-size: 14px;
    font-weight: 600
}

.incorrect-txt p {
    clear: both;
    /* color: #904d97; */
    font-size: 11px;
    font-weight: 600
}

.feedback-check {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    border-right: 2px solid #fff;
    width: 40px;
    height: 40px;
    color: #000;
    padding: 10px;
    background: #ddd
}

.feedback-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    border-right: 2px solid #fff;
    padding: 8px 10px
}

.feedback-check:hover input~.checkmark {
    background-color: #ccc
}

.feedback-check input:checked~.checkmark {
    /* background-color: #904d97 */
    padding: 8px 10px;
    color: #fff
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.feedback-check input:checked~.checkmark:after {
    display: block
}

.wdth400 {
    width: 400px
}

.wdth400 p {
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.m-text span {
    position: relative;
    left: -14px
}

.sidebar-collapse .m-text span {
    position: relative;
    left: 0
}

.employee-badges {
    margin-bottom: 0!important
}

.employee-badges .card-body h5 {
    margin: 15px 0;
    font-size: 12px
}

.employee-badges .card-body p {
    /* color: #904d97; */
    font-size: 13px;
    font-weight: 600
}

.employee-badges .card {
    padding: 10px
}

.ledgend-area {
    display: inline-block;
    padding: 0
}

.ledgend-area li {
    float: left;
    padding: 5px 10px
}

.skill-analysis td span {
    cursor: pointer;
    /* color: #904d97; */
    font-weight: 600;
    font-size: 14px
}

.skillname-list ol {
    display: block;
    padding: 0
}

.skillname-list li {
    padding: 8px 0;
    list-style-type: decimal
}

.fb {
    background-color: #3b5998;
    color: #fff
}

.linkedin {
    background-color: #007bb6;
    color: #fff
}

.google {
    background-color: #dd4b39;
    color: #fff
}

.socialLogin .btn {
    width: 72%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px!important
}

.omb_loginOr {
    position: relative;
    font-size: 1.5em;
    /* color: #904d97; */
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: .5em;
    padding-bottom: .5em
}

.omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -1em;
    margin-left: -1.5em;
    background-color: #fff;
    width: 37px;
    height: 37px;
    text-align: center;
    border-radius: 50%;
    padding: 9px;
    font-size: 15px;
    font-weight: 600
}

.omb_loginForm .input-group.i {
    width: 2em
}

.omb_loginOr {
    display: none
}

.m-view {
    display: none
}

.d-view {
    display: block
}

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

.col-white label,
.col-white p {
    color: #fff
}

.col-white [type=radio]:not(:checked)+label:after,
.col-white [type=radio]:not(:checked)+label:before {
    border: 2px solid #fff
}

.d-none {
    display: none
}

#trial_modal .signup-popup {
    background-size: cover!important
}

oi-select .select-dropdown-optgroup-option {
    color: #000
}

.signup-popup oi-select:not(.multiple) .select-search-list-item_selection {
    color: #fff;
    background: 0 0!important
}

.signup-popup oi-select .select-search-list-item_input input {
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%
}

.trail-planning oi-select ul.select-search-list li input {
    position: relative;
    left: -7px
}

.profile-card {
    position: relative;
    background: #fff;
    padding-bottom: 20px
}

.enterprises button#mobile-nav-toggle {
    margin-top: 15px
}

input[type=date]::-webkit-calendar-picker-indicator {
    color: transparent;
    opacity: 1;
    display: block;
    background: url(../images/calendar.png) no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
    position: relative;
    top: 5px;
    left: 10px
}

.signup-popup .form-line oi-select .select-search:after {
    border-color: #fff transparent transparent transparent
}

.signup-popup .form-line select {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff
}

.signup-popup .form-line select option {
    color: #000
}

.signup-popup .form-line input.datepicker {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    border-radius: 0
}

.add-site-color {
    /* background: #904d97!important */
}

.match-emp ul li {
    font-size: 14px;
    color: #fff;
    border: none
}

.tooltip2 {
    position: relative
}

.tooltip2 .tooltiptext {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    position: absolute;
    z-index: 1;
    height: auto;
    top: 0;
    width: 200px;
    min-width: 200px;
    max-height: 120px;
    overflow: auto;
    font-size: 14px;
    font-weight: 600;
    left: -185px;
    border: 2px solid #ddd
}

.tooltip2 .tooltiptext p {
    border-bottom: 1px solid #ddd;
    padding: 2px 4px;
    word-break: break-all
}

.tooltip2 .tooltiptext p:last-child {
    border-bottom: none
}

.tooltip2:hover .tooltiptext {
    visibility: visible
}

.width-160 {
    width: 160px
}

.proj-btn-icon {
    border: none;
    background: 0 0
}

.proj-btn-icon span {
    background: #fff;
    padding: 17px 7px 7px 8px !important;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 1.5px solid #904d97
}

.proj-btn-icon i {
    background: #fff;
    padding: 3px 6px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 1.5px solid #904d97;
    line-height: 27px;
    font-size: 16px
}

.proj-btn-icon i.red {
    color: red
}

.proj-btn-icon i.purble {
    /* color: #904d97 */
}

.proj-btn-icon span img {
    width: 30px !important;
    height: 30px !important;
}

img.gray-bg {
    filter: grayscale(1)
}

.emailregards-logo p:nth-of-type(5) {
    min-height: 100px;
    max-height: 100px
}

.emailregards-logo img {
    max-width: 100%;
    max-height: 42%;
    position: absolute;
    left: 20px;
    margin: auto;
    width: auto
}

.table-responsive::-webkit-scrollbar {
    width: 7px;
    height: 8px
}

.table-wrap::-webkit-scrollbar {
    width: 7px;
    height: 8px
}

#timeline .page-header h1 {
    font-size: 16px
}

.timeline>li.timeline-inverted:nth-child(odd) .timeline-panel {
    float: left;
    width: 100%;
    border: 1px solid #904d97;
    border-radius: 2px;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    background: #f4edf4;
    max-width: 335px
}

.timeline>li.timeline-inverted:nth-child(even) .timeline-panel {
    float: right
}

.timeline>li.timeline-inverted:nth-child(odd) hr {
    right: 89px!important;
    left: 0;
    top: 40px!important;
    bottom: auto;
    width: 181px
}

.timeline>li.timeline-inverted:nth-child(even) hr {
    right: 102px!important;
    left: 0;
    top: 40px!important;
    bottom: auto;
    width: 171px
}

.timeline>li.timeline-inverted:nth-child(odd) .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #904d97;
    border-right: 0 solid #904d97;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li.timeline-inverted:nth-child(odd) .timeline-panel:after {
    position: absolute;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #f4edf4;
    border-right: 0 solid #f4edf4;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li.timeline-inverted:nth-child(even) .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted:nth-child(even) .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline>li.timeline-inverted:nth-child(odd) .timeline-date {
    position: absolute;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    background: #f4edf4;
    right: 24%;
    border: 1px solid #904d97;
    border-radius: 2px;
    padding: 5px 10px;
    top: 25px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 8px;
    width: 120px
}

.timeline>li.timeline-inverted:nth-child(even) .timeline-date {
    position: absolute;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    background: #f4edf4;
    right: 59%;
    border: 1px solid #904d97;
    border-radius: 2px;
    padding: 5px 10px;
    top: 25px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 8px;
    width: 120px
}

.timeline-date i {
    position: relative;
    top: 2px;
    /* color: #904d97; */
    font-size: 20px
}

.timeline-date {
    display: block
}

.timeline-date-mob {
    display: none
}

.timelinenew {
    position: relative;
    list-style: none;
    padding-left: 0
}

.timelinenew:before {
    content: "";
    background-color: #949494;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -2px;
    z-index: 1
}

.timelinenew>li {
    position: relative;
    width: 50%;
    margin-bottom: 40px;
    padding-right: 35px;
    float: left;
    clear: both
}

.tl-content {
    display: inline-block;
    margin-top: 7px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #e2dfe6;
    color: #888;
    float: right;
    box-shadow: -1px 0 2px #eee;
    text-align: justify;
    width: 335px
}

.timelinenew>li:nth-child(odd) .timeline-badge {
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #904d97;
    position: absolute;
    top: 13px;
    left: 100%;
    margin-left: -20px;
    z-index: 9;
    padding: 8px 5px
}

.timelinenew>li:nth-child(even) .timeline-badge {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #904d97;
    position: absolute;
    top: 13px;
    right: 100%;
    margin-right: -20px;
    z-index: 9;
    padding: 8px 5px 5px
}

.timelinenew>li:nth-child(even) .badge-thumb {
    left: 0;
    top: 48%
}

.timelinenew>li:nth-child(odd) .badge-thumb {
    top: 57%
}

.timelinenew>li:nth-child(even) .year-add {
    left: 0;
    margin-left: -56px
}

.badge-thumb {
    width: 25px;
    height: 25px;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #904d97;
    position: absolute;
    left: 100%;
    margin-left: -13px;
    z-index: 9;
    padding: 2px 6px
}

.year-add {
    width: 42px;
    height: 42px;
    /* background-color: #904d97 */
    border-radius: 100%;
    border: 1px solid #904d97;
    position: relative;
    left: 100%;
    margin-left: 14px;
    z-index: 9;
    padding: 5px;
    color: #fff;
    line-height: 33px
}

.badge-thumb i {
    font-size: 13px;
    /* color: #904d97 */
}

.tl-content p {
    margin-bottom: 0;
    color: #000;
    font-weight: 600
}

.tl-content p:nth-child(2) {
    font-weight: 400
}

.tl-date {
    padding-bottom: 7px;
    color: #444
}

.tl-numb-day {
    float: left;
    font-size: 40px;
    line-height: 33px;
    margin-right: 5px;
    font-weight: 700
}

.tl-text-day {
    display: block;
    font-weight: 700;
    margin-right: 5px
}

.tl-month {
    display: block;
    color: #888
}

.tl-date-small .tl-numb-day {
    float: none;
    font-size: 14px;
    line-height: 15px
}

.tl-date-small .tl-month,
.tl-date-small .tl-text-day {
    display: inline-block
}

.tl-date-small .tl-text-day {
    float: left;
    font-weight: 400
}

.tl-date-small .tl-text-day:after {
    content: ", "
}

.tl-icon {
    position: absolute;
    left: 100%;
    margin-left: 35px;
    font-size: 28px;
    /* color: #904d97; */
    margin-top: 8px
}

.tl-time {
    position: absolute;
    left: 100%;
    margin-left: 15px;
    margin-top: 35px;
    color: #777;
    font-size: 11px
}

.tl-title {
    position: absolute;
    left: 100%;
    margin-left: 70px;
    margin-top: 19px;
    /* color: #904d97; */
    font-weight: 700;
    font-size: 15px
}

.tl-arrow,
.tl-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tl-arrow {
    border-width: 8px;
    top: 23px;
    right: 27px;
    margin-top: -8px;
    border-right-width: 0;
    border-left-color: #ddd
}

.tl-arrow:after {
    content: "";
    right: -6px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -7px;
    border-width: 7px
}

.timelinenew>li:nth-child(even) {
    padding-right: 0;
    padding-left: 35px;
    float: right
}

.timelinenew>li:nth-child(even) .tl-content {
    float: left;
    box-shadow: 1px 0 2px #eee
}

.timelinenew>li:nth-child(even) .tl-content:after {
    left: 0;
    margin-left: -9px
}

.timelinenew>li:nth-child(even) .tl-icon {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 31px
}

.timelinenew>li:nth-child(even) .tl-time {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 15px
}

.timelinenew>li:nth-child(even) .tl-title {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 64px;
    text-align: right
}

.timelinenew>li:nth-child(even) .tl-arrow {
    left: 27px;
    right: auto;
    margin-top: -8px;
    border-left-width: 0;
    border-right-width: 8px;
    border-right-color: #ddd
}

.timelinenew>li:nth-child(even) .tl-arrow:after {
    left: 1px;
    right: auto;
    border-left-width: 0;
    border-right-width: 7px;
    border-right-color: #fff
}

.timelinenew>li.clearfix {
    float: none
}

.width-200 {
    width: 200px
}

.timeline-badge i:nth-child(odd) {
    line-height: 21px;
    /* color: #904d97 */
}

.timeline-badge i:nth-child(even) {
    line-height: 25px;
    /* color: #904d97 */
}

.course-orange .tl-content {
    border: 1.5px solid #f6aa01
}

.course-orange .tl-arrow:after {
    border-left-color: #f6aa01
}

.course-orange .tl-icon {
    color: #f6aa01
}

.course-orange .tl-title {
    color: #f6aa01
}

.course-orange .badge-thumb {
    color: #f6aa01;
    border: 1px solid #f6aa01
}

.course-orange .badge-thumb i {
    color: #f6aa01
}

.course-orange .timeline-badge i {
    color: #f6aa01
}

.course-orange .timeline-badge {
    border: 1px solid #f6aa01!important
}

.timelinenew>li.course-orange:nth-child(even) .tl-arrow:after {
    border-left-color: #f6aa01;
    border-right-color: #f6aa01
}

.timelinenew>li.course-orange:nth-child(even) .tl-arrow {
    border-left-color: #f6aa01;
    border-right-color: #f6aa01
}

.timelinenew>li:nth-child(even).course-orange .tl-arrow:after {
    border-right-color: #f6aa01;
}

.course-green .tl-content {
    border: 1.5px solid #006400
}

.course-green .tl-arrow:after {
    border-left-color: green
}

.course-green .tl-icon {
    color: green
}

.course-green .tl-title {
    color: green
}

.course-green .badge-thumb {
    color: green;
    border: 1px solid green
}

.course-green .badge-thumb i {
    color: green
}

.course-green .timeline-badge i {
    color: green
}

.course-green .timeline-badge {
    border: 1px solid green!important
}

.timelinenew>li:nth-child(even).course-green .tl-arrow:after {
    border-right-color: green
}

.course-red .tl-content {
    border: 1.5px solid red!important
}

.course-red .tl-arrow:after {
    border-left-color: red
}

.course-red .tl-icon {
    color: red
}

.course-red .tl-title {
    color: red
}

.course-red .badge-thumb {
    color: red;
    border: 1px solid red
}

.course-red .badge-thumb i {
    color: red
}

.course-red .timeline-badge i {
    color: red
}

.course-red .timeline-badge {
    border: 1px solid red!important
}

.timelinenew>li:nth-child(even).course-red .tl-arrow:after {
    border-right-color: red
}

.course-purble .tl-content {
    /* border: 1.5px solid #904d97!important */
}

.course-purble .tl-arrow:after {
    /* border-left-color: #904d97 !important; */
}

.course-purble .tl-icon {
    /* color: #904d97 !important; */
}

.course-purble .tl-title {
    /* color: #904d97 !important; */
}

.course-purble .badge-thumb {
    /* color: #904d97 !important; */
    /* border: 1px solid #904d97 !important; */
}

.course-purble .badge-thumb i {
    /* color: #904d97 !important; */
}

.course-purble .timeline-badge i {
    /* color: #904d97 !important; */
}

.course-purble .timeline-badge {
    /* border: 1px solid #904d97 !important; */
}

.timelinenew>li:nth-child(even).course-purble .tl-arrow:after {
    /* border-right-color: #904d97; */
}

.status-green {
    color: #006400
}

.status-in-progress {
    color: #f6aa01
}

.status-expire {
    color: red
}

.status-scheduled {
    /* color: #904d97 */
}

.min-height-280 {
    height: 280px!important
}

.top-12 {
    margin-top: 12px
}

.search-val .form-group {
    margin-bottom: 0
}

ul.timeline-pathway {
    width: 250px;
    margin: 0 auto
}

.pathway-active li.active {
    /* background: #904d97; */
    color: #fff
}

.pathway-active.nav-tabs>li.active>a {
    /* background: #904d97; */
    color: #fff!important
}

ul.pathway-active>li {
    /* background: #904d97; */
    color: #fff!important;
    border-right: 2px solid #fff
}

ul.pathway-active>li a {
    /* color: #904d97 */
}

ul.pathway-active>li:last-child {
    border-right: none
}

.full-pathway {
    height: 45px;
    margin-bottom: 20px
}

.pathyway-setting {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px!important
}

.pathyway-setting .form-group .form-line {
    border-bottom: 0
}

.pathyway-setting .form-group {
    margin-bottom: 15px
}

.pathyway-setting .form-group p.text {
    margin-bottom: 10px
}

.modal-open .dtp {
    z-index: 99999
}

.pointer {
    cursor: pointer
}

.skill-avatar {
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.employee-compare {
    background: #fbfbfb;
    border: 2px solid #f5f5f5;
    text-align: center
}

.employee-compare div {
    border-right: 2px solid #f5f5f5;
    padding: 10px 10px 0 10px
}

.employee-compare h4 {
    font-size: 16px;
    color: #000
}

.employee-compare h5 {
    font-size: 13px;
    color: #000
}

.employee-compare h6 {
    font-size: 16px;
    /* color: #904d97; */
    font-weight: 600
}

.employee-compare p {
    font-size: 14px;
    color: #000
}

.tc-list-timeline-item a {
    line-height: 14px!important;
    font-size: 12px!important;
    text-transform: lowercase!important;
    padding: 0!important
}

.log .dropdown-menu li a {
    padding-left: 0!important
}

.open>.dropdown-menu {
    overflow: auto;
    max-height: 300px
}

.multiselect-container>li {
    width: inherit!important;
    float: none!important
}

#filter div.search-field {
    padding: 8px
}

#filter div.search-field i {
    line-height: 40px
}

.filter-btn i {
    font-size: 16px!important;
    color: #fff!important
}

.filter-close {
    /* background-color: #904d97 */
    color: #fff;
    top: -12px;
    right: -10px;
    border-radius: 50px;
    padding: 0 7px;
    position: absolute;
    float: right;
    border: 0;
    font-size: 18px;
    width: 25px;
    height: 25px;
    font-weight: 600
}

.filter-bg {
    position: relative;
    background: url(../images/emloyee-group.jpg) no-repeat center;
    background-size: cover
}

.filter-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .92)
}

.filter-body {
    background: rgba(255, 255, 255, .92);
    padding: 10px;
    opacity: .8;
    color: #000
}

.search_divded .omb_loginOr {
    display: block
}

.search_divded .omb_loginOr .omb_spanOr {
    /* background-color: #904d97 */
    color: #fff;
    top: -7px
}

#container {
    min-width: 100%;
    max-width: 100%;
    height: 400px;
    margin: 0 auto
}

#container .highcharts-axis-title tspan {
    display: none
}

.our-team-main {
    height: auto;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: .5s;
    margin-bottom: 28px;
    border-bottom: 5px solid #ccc;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc
}

.our-team-main img {
    border-radius: 50%;
    margin-bottom: 20px;
    width: 90px;
    height:90px;
}

.our-team-main h3 {
    font-size: 20px;
    font-weight: 700
}

.our-team-main p {
    margin-bottom: 0
}

.team-back {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    text-align: center;
    background: #fff
}

.team-front {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 15px;
    bottom: 0;
    transition: all .5s ease
}

.our-team-main:hover .team-front {
    bottom: -200px;
    transition: all .5s ease
}

.our-team-main:hover {
    border-color: #777;
    transition: .5s
}

.employee-compare1 {
    margin-top: 20px
}

.header-dropdown i.fa-file-pdf-o {
    color: #fff!important
}

.rememberme {
    float: left!important;
    color: #000
}

.rememberme label {
    color: #000;
    font-weight: 600
}

.rememberme label:before {
    border: 2px solid #000
}

.rememberme [type=checkbox]:checked+label:before {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

.add-certficate-btn {
    float: right;
    position: absolute;
    top: -15px;
    right: 50px
}

.cert-add {
    margin-bottom: 27px!important
}

.cert-add .collapse {
    border: 5px solid #f1f1f1;
    background: #fff;
    border-radius: 15px;
    margin-top: 20px
}

.linkIconPDF table td {
    word-break: break-all;
    white-space: nowrap
}

.home-services-item {
    display: block;
    background-image: linear-gradient(127deg, #fff 0, #fff 91%);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    font-weight: 400;
    font-size: 14px;
    color: #647e95;
    line-height: 28px;
    letter-spacing: .88px;
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.home-services-item.box {
    border-radius: 4px!important
}

.home-services-item.box:before {
    border-radius: 4px!important
}

.home-services-item:before {
    content: '';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 5px;
    background: red;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(127deg, #39466b 0, #904d97 91%);
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.home-services-item.active,
.home-services-item:hover {
    color: #fff
}

.home-services-item.active:before,
.home-services-item:hover:before {
    height: 100%
}

.home-services-item.active .services-title,
.home-services-item:hover .services-title {
    color: #fff
}

.home-services-item.active i,
.home-services-item:hover i {
    background-image: linear-gradient(127deg, #fff 0, #fff 91%)
}

.home-services-item .services-title {
    font-weight: 400;
    font-size: 30px;
    line-height: 26px;
    color: #3b566e;
    margin-bottom: 23px!important;
    letter-spacing: .7px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: relative;
    z-index: 2
}

.home-services-item i {
    font-size: 26px;
    margin-bottom: 23px;
    background-image: linear-gradient(127deg, #39466b 0, #904d97 91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: relative;
    z-index: 2
}

.card-count-employee.home-services-item i {
    font-size: 26px;
    margin-bottom: 23px;
    background-image: linear-gradient(127deg, #fff 0, #fff 91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: relative;
    z-index: 2
}

.home-services-item p {
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-bottom: 0!important;
    height: 45px;
    font-size: 15px
}

.home-services-item .btn-white-line {
    position: relative;
    z-index: 2;
    width: 100%
}

.gapanalysis thead th {
    /* background: #904d97; */
    color: #fff
}

.gapanalysis thead th {
    vertical-align: middle;
    text-transform: capitalize
}

.text-center {
    text-align: center
}

.gapanalysis tr:nth-child(odd) {
    background-color: #fff
}

.gapanalysis tr:nth-child(even) {
    background-color: #fef5ff
}

.fixed-table-container {
    max-height: 500px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 60px;
    white-space: nowrap!important
}

.fixed-table-container table {
    border-collapse: collapse;
    width: 100%
}

.fixed-table-container td,
.fixed-table-container th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px;
    text-align: left;
    vertical-align: top
}

.fixed-table-container th {
    background: #eee;
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 10px
}

.fixed-table-container td:first-child {
    background: #f8f8f8
}

.fixed-table-container tr:last-child td {
    border-bottom: 0
}

.fixed-table-container td:last-child,
.fixed-table-container th:last-child {
    border-right: 0
}

.z-index-table {
    z-index: 55;
    position: absolute
}

.gapanalysis thead {
    z-index: 66!important
}

.fixed-table-container table td:first-child {
    background-color: #f8e1fc;
    height: 100%;
    word-break: break-all
}

.fixed-table-container table th:first-child {
    /* background-color: #904d97 */
}

.mandatory-chk [type=checkbox].filled-in:not(:checked)+label:after {
    border: 2px solid #028000
}

.gapanalysis th.mandatory-th {
    background: #028000
}

.mandatory {
    /*background-color: #02800;*/
}

.card-count-employee {
    background: #c7c7c7
}

.card-count-employee h5 {
    color: #fff!important
}

.card-count-employee p {
    color: #fff!important
}

.sweet-alert .confirm {
    /* background-color: #904d97 */
    text-transform: capitalize;
    border-radius: 20px !important;
}

.timeline-skill {
    position: absolute;
    bottom: 13px;
    right: 38px
}

.timelinenew>li:nth-child(even) .course-timeline-status p.timeline-skill {
    position: relative;
    bottom: 7px;
    right: 0;
    float: right
}

.timelineself-skill {
    position: absolute;
    bottom: 6px;
    right: 38px
}

.timelinenew>li:nth-child(even) p.timelineself-skill {
    position: relative;
    bottom: 7px;
    right: 0;
    float: right
}

.email-dear-txt {
    position: absolute;
    font-size: 13px;
    top: 16px;
    z-index: 565;
    font-weight: 600;
    color: #000;
    letter-spacing: .2px
}

.timeline-contant {
    word-break: break-all;
    position: relative
}

#message-box {
    resize: none;
    width: 400px;
    min-height: 100px;
    padding: 5px;
    overflow: hidden;
    box-sizing: border-box
}

.card-content {
    height: 158px;
    white-space: normal;
    overflow: auto
}

.update-template textarea {
    margin-top: 17px;
    height: auto
}

.card-count-employee span {
    color: #fff!important;
    font-weight: 600
}

.home-services-item span {
    /* color: #904d97; */
    font-weight: 600
}

.home-services-item:hover span {
    color: #fff
}

.conference-count.home-services-item i {
    font-size: 26px;
    margin-bottom: 23px;
    background-image: linear-gradient(127deg, #fff 0, #fff 91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: relative;
    z-index: 2
}

.conference-count {
    background: -moz-linear-gradient(left, #b27bc8 0, #b187d1 100%)!important;
    background: -webkit-linear-gradient(left, #b27bc8 0, #b187d1 100%)!important;
    background: -o-linear-gradient(left, #b27bc8 0, #b187d1 100%)!important;
    background: -ms-linear-gradient(left, #b27bc8 0, #b187d1 100%)!important;
    background: linear-gradient(to right, #b27bc8 0, #b187d1 100%)!important
}

.conference-count h5 {
    color: #fff!important
}

.conference-count p {
    color: #fff!important
}

.effe {
    display: none
}

.home-services-item:hover .effe {
    display: block
}

.filter-ledger {
    float: right
}

.filter-ledger ul {
    margin-top: 0!important;
    margin-right: 15px
}

#jd_to_create_rfp h5.modal-title {
    float: left
}

.filter-ledger span.yellow {
    color: #ffc107
}

.filter-ledger span.blue {
    color: #00bcd4
}

.filter-ledger span.green {
    color: #59c35d
}

.pjo-ledger .filter {
    float: none
}

.talent-experience-wrapper {
    background: #f9d7fa;
    width: 100%
}

#logo {
    width: 245px
}

ul.cd-dropdown-content {
    margin-bottom: 0
}

.cd-no-trigger {
    display: block;
    position: relative;
    padding: 0 14px 0 14px;
    line-height: 32px;
    /* background-color: #904d97 */
    color: #fff;
    border-radius: 3px
}

.table-overflow {
    max-height: 450px
}

.cd-dropdown-wrapper a:focus,
.cd-dropdown-wrapper a:hover {
    color: #fff
}

.talent-exper-bg {
    background-color: #f8d7fb
}

.enterprise-solution-rgt img {
    position: relative;
    right: 0;
    float: right;
    height: 550px
}

.tep-txt {
    margin-top: 50px
}

.tep-txt h2 {
    font-size: 45px;
    color: #000;
    font-weight: 600;
    font-family: 'Sofia Pro Bold'
}

.tep-txt h2 small {
    font-size: 30px;
    color: #000;
    font-family: 'Sofia Pro Regular'
}

.tep-txt p {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    font-family: 'Sofia Pro Regular'
}

.b2b-cor {
    background-color: #b377ba;
    font-size: 24px;
    text-align: center;
    padding: 8px 15px;
    border-radius: 25px;
    width: 295px;
    margin: 20px 0;
    color: #000;
    font-family: Lato;
    font-weight: 600
}

.btn-purble {
    /* background-color: #904d97 */
    font-size: 22px;
    color: #fff;
    font-family: Lato;
    padding: 15px 20px;
    width: 45%;
    margin-top: 25px;
    border: 0;
    border-radius: 8px;
    font-weight: 400
}

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

.dreamjobs-pro {
    margin-top: 60px;
    margin-bottom: 220px
}

.dreamjobs-pro-left img {
    position: absolute;
    left: 0;
    float: left;
    height: 550px
}

.dreamjobs-txt {
    margin-top: 50px;
    float: right
}

.dreamjobs-txt h2 {
    font-size: 35px;
    color: #4e4f6e;
    font-weight: 600;
    font-family: 'Sofia Pro Bold'
}

.dreamjobs-txt p {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    font-family: 'Sofia Pro Regular'
}

.dreamjobs-txt .b2b-cor {
    background-color: #b377ba;
    font-size: 18px;
    text-align: center;
    padding: 8px 15px;
    border-radius: 8px;
    width: 60%;
    margin: 20px 0;
    color: #000;
    font-family: Lato;
    font-weight: 600
}

.dreamjobs-txt .btn-purble {
    /* background-color: #904d97 */
    font-size: 22px;
    color: #fff;
    font-family: Lato;
    padding: 15px 20px;
    width: 75%;
    margin-top: 25px;
    border: 0;
    border-radius: 15px;
    font-weight: 400
}

.dreamjobs-txt .btn-purble:hover {
    color: #fff
}

.tc-partners {
    margin-top: 40px;
    margin-bottom: 25px
}

.partners-head {
    color: #4e4f6e;
    font-size: 60px;
    font-family: Lato;
    font-weight: 600
}

.partners-subhead {
    /* color: #904d97; */
    font-size: 28px;
    font-family: Lato;
    margin: 10px 0 25px 0
}

.partners-cont-txt {
    color: #000;
    font-size: 20px;
    font-family: Lato;
    line-height: 26px
}

.tc-partners .btn-purble {
    /* background-color: #904d97 */
    font-size: 18px;
    color: #fff;
    font-family: Lato;
    padding: 15px 15px;
    width: 70%;
    margin-top: 25px;
    border: 0;
    border-radius: 15px;
    font-weight: 400
}

.tc-partners .btn-purble:hover {
    color: #fff
}

.ecosystem-new {
    margin-top: 80px
}

.btn-1 {
    background-color: #fff;
    border: 1px solid #904d97;
    /* color: #904d97; */
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 35px
}

.btn-1:hover {
    /* background: #904d97; */
    color: #fff
}

.btn-1 .round {
    /* background-color: #904d97 */
}

.type-3 a {
    text-decoration: none;
    /* color: #904d97; */
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.type-3 a span {
    position: relative;
    z-index: 3
}

.type-3 a .round {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 6px;
    top: 7px;
    z-index: 2;
    border-radius: 50%
}

.type-3 a .round i {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 50%;
    margin-left: -4px;
    color: #fff
}

.txt {
    font-size: 14px;
    line-height: 1.45
}

.type-3 {
    margin-top: 30px
}

.type-3 a {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 12px 53px 12px 23px
}

.type-3 a:after {
    content: "";
    width: 37px;
    height: 38px;
    position: absolute;
    right: 3px;
    top: 3px
}

.type-3 a:hover:after {
    right: 100%;
    width: 50%;
    /* background-color: #904d97 */
}

.mt-35 {
    margin-top: 35px
}

#testimonial .slick-slide img {
    padding: 44px
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    top: -38px !important;
    background:none !important;
    line-height: 48px !important;
}

.profile-wrap .form-group {
    margin-bottom: 0
}

.linkedin-url-wrap md-input-container .md-input {
    padding-left: 162px !important;
}


md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
    visibility: hidden
}

.md-select-menu-container.md-active md-select-menu {
    top: -5px;
    position: relative
}

.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: 0;
    height: 100%;
    width: 100%;
    padding: 0
}

.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto
}

.selectdemoSelectHeader md-content._md {
    max-height: 240px
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-footer .btn {
    font-size: 12px!important;
    padding: 3px 8px!important
}

.editable {
    position: absolute;
    top: 11px;
    width: 93%;
    margin: 4px
}

.switch-actdeact md-switch.md-default-theme .md-bar,
md-switch .md-bar {
    background-color: #ff5722!important
}

.switch-actdeact .checked md-switch .md-thumb:before {
    background-color: green!important
}

.switch-actdeact .checked md-switch.md-checked .md-bar {
    background-color: green!important
}

.editable.ng-hide~button#toggleMessage i.fa-pencil {
    display: none
}

.editable~button#toggleMessage i.fa-times {
    display: none
}

md-select .md-select-value.md-select-placeholder,
md-select.md-default-theme .md-select-value.md-select-placeholder {
    color: #000
}

#resource-table [type=checkbox]:checked,
[type=checkbox]:not(:checked):not(#show_posted_by) {
    position:absolute;
}



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

.w-35 {
    width: 35%
}

.w-65 {
    width: 65%
}

.certi .card:nth-child(1n+1) {
    margin-left: 0
}

.certi .card:nth-child(2n+1) {
    margin-left: 0
}

md-switch.md-checked .md-bar {
    background-color: #59c35d!important
}

md-switch.md-checked .md-thumb:before {
    background-color: #fff!important
}

.editable.dropdown-menu {
    padding: 0
}

@media screen and (max-width:768px) {
    .testimonials {
        max-height: 700px
    }
    .icon-overlay {
        height: 300px;
        top: calc(50% - 150px)
    }
    .carousel-controls .control {
        width: 25px;
        height: 25px;
        display: none!important
    }
    .prev {
        left: 0;
        top: 70%
    }
    .next {
        right: 0;
        top: 70%
    }
    .testimonials .message {
        font-size: 1rem
    }
    .testimonials h2 {
        font-size: 1.5rem
    }
    #testimonial .testimonial-slider p,
    .message {
        width: 100%!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) {
    .m-r-m {
        float: left
    }
    .d-r-m {
        float: none
    }
    .margin-top-10 {
        margin-top: 10px
    }
    .tep-txt .btn-purble {
        padding: 10px 10px;
        width: 295px;
        font-size: 16px;
        margin-bottom: 10px
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) {
    .m-r-m {
        float: left
    }
    .d-r-m {
        float: none
    }
    .margin-top-10 {
        margin-top: 10px
    }
}

@media only screen and (min-device-width:600px) and (max-device-height:960px) {
    .d-r-m {
        float: right!important
    }
    .margin-top-10 {
        margin-top: 0
    }
}

@media (min-width:768px) {
    #wrapper {
        padding-right: 0!important
    }
    #wrapper.toggled {
        padding-left: 0
    }
    #sidebar-wrapper {
        width: 0
    }
    #wrapper.toggled #side_bar {
        width: 300px
    }
    #page-content-wrapper {
        padding: 20px;
        position: relative
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0
    }
}

@media only screen and (min-width:768px) {
    .search-feilds-2 {
        padding-top: 40px
    }
    .modal-sign-in {
        width: 600px
    }
    .signin-img-bg h5 {
        font-size: 14px
    }
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .right-side {
        margin-left: 50px!important;
        z-index: 840
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 85px!important;
        z-index: 850
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li {
        position: relative
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a {
        margin-right: 0;
        height: 58px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>span {
        border-top-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu li {
        border-bottom: 1px solid #e4e3e3
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu li.active {
        background-image: none
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu li:last-child {
        border-bottom: none
    }
    .new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a {
        padding: 0 0 0 50px
    }
    .sidebar-collapse .new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a {
        padding: 0
    }
    .new_leftment .sidebar .menu .list a:active,
    .new_leftment .sidebar .menu .list a:focus,
    .new_leftment .sidebar .menu .list a:hover {
        /* color: #904d97 */
    }
    .sidebar-mini.sidebar-collapse .new_leftment .main-sidebar .user-panel>.info,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-form,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu li.header,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>.pull-right,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>span {
        display: none!important;
        -webkit-transform: translateZ(0)
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span {
        display: block!important;
        position: absolute;
        width: 270px;
        left: 85px;
        top: 0;
        /* background: #904d97; */
        padding: 12px;
        color: #fff;
        margin: 0
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
        display: block!important;
        position: absolute;
        width: 260px;
        left: 85px;
        top: 0;
        background: #fff;
        padding: 56px 12px 12px;
        box-shadow: 7px 6px 23px 2px rgba(0, 0, 0, .2);
        z-index: 555
    }
    .dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
        display: block!important;
        position: absolute;
        width: 260px;
        left: 85px;
        top: 0;
        background: #fff;
        padding: 56px 12px 12px;
        box-shadow: 7px 6px 23px 2px rgba(0, 0, 0, .2);
        z-index: 555
    }
    .sidebar-collapse .sidebar .menu .list .menu-toggle:before {
        display: none
    }
    .sidebar .menu .list .menu-toggle:after {
        display: none
    }
}

@media only screen and (max-width:475px) {
    .lms li {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .Modern-Slider .item h3 {
        margin-top: 2%;
        font-size: 16px
    }
    .Modern-Slider .item h5 {
        margin-top: 1%;
        font-size: 13px
    }
    #feature-ben li>a {
        width: 100%!important
    }
    .dirRight .sign-circle {
        margin-right: 15px
    }
    .dirRight #mobile-nav-toggle {
        left: 0;
        margin: 115px 10px 0 0
    }
    .dirRight .navbar-nav .open.notification-view .dropdown-menu {
        right: inherit;
        left: -133px
    }
    .dirRight .sign-circle .log .dropdown-menu {
        left: -182px;
        right: inherit
    }
    .dirRight #mobile-nav-toggle {
        left: 0;
        margin: 115px 10px 0 0!important
    }
    #mobile-nav-toggle {
        margin: 115px 10px 0 0!important
    }
    .mob-lang {
        height: 35px
    }
    .navbar-nav>li>a {
        padding: 7px!important
    }
    .languagepart .navbar-nav li a.my-account {
        padding-top: 0!important
    }
    .min-height-280 {
        height: 250px
    }
    .min-height-280 .mt-120 {
        margin-top: 30px
    }
    h2.search-heading {
        font-size: 18px
    }
    .timelinenew:before {
        left: 20px
    }
    .timelinenew>li:nth-child(odd) .timeline-badge {
        left: 0;
        margin-left: 1px;
        top: 42px
    }
    .timelinenew>li:nth-child(even) .tl-content {
        left: 0;
        margin-left: 13px;
        box-shadow: none
    }
    .timelinenew>li:nth-child(odd) .badge-thumb {
        left: 0;
        margin-left: 7px;
        top: 67%
    }
    .timelinenew>li:nth-child(even) .badge-thumb {
        left: -5%;
        margin-left: -20px;
        top: 68%
    }
    .timelinenew>li:nth-child(even) {
        padding-left: 0
    }
    .timelinenew>li:nth-child(even) .timeline-badge {
        left: -10%;
        margin-top: 29px
    }
    .timelinenew>li:nth-child(even) {
        width: 90%
    }
    .timelinenew>li:nth-child(odd) {
        width: 97%
    }
    .year-add {
        left: -15px
    }
    .timelinenew>li:nth-child(even) .tl-title {
        margin-left: -21px
    }
    .tl-icon {
        left: 0;
        position: relative;
        margin-left: 36px
    }
    .tl-title {
        margin-left: 12px;
        position: relative;
        left: 0
    }
    .tl-arrow,
    .tl-arrow:after {
        display: none
    }
    .tl-content {
        width: 100%;
        background: 0 0;
        border: none;
        box-shadow: none;
        padding: 0
    }
    .timelinenew>li {
        width: 90%
    }
    .mob-set-timeline {
        position: relative;
        left: 53px;
        background-color: #fafafa;
        border: 1px solid #e2dfe6;
        padding: 5px
    }
    .timelinenew>li:nth-child(even) .mob-set-timeline {
        left: -1%;
        width: 98%
    }
    .timelinenew>li:nth-child(even) .tl-icon {
        right: 0
    }
    .timelinenew>li:nth-child(even) .tl-title {
        right: 0
    }
    .timelinenew>li:nth-child(even) .year-add {
        left: -12%;
        border: none
    }
    .timelinenew>li:nth-child(even) .date-timeline {
        margin-left: 10px
    }
    .timelinenew>li:nth-child(odd) .date-timeline {
        margin-left: 22px
    }
    .timeline>li.timeline-inverted:nth-child(odd) .timeline-panel {
        left: 80px;
        max-width: 80%
    }
    .timeline>li.timeline-inverted:nth-child(even) .timeline-panel {
        float: none;
        max-width: 88%;
        left: 80px
    }
    .timeline>li.timeline-inverted:nth-child(even) .timeline-date {
        position: relative;
        width: 120px;
        left: 80px
    }
    .timeline>li.timeline-inverted:nth-child(odd) .timeline-date {
        position: relative;
        width: 120px;
        right: -79px;
        top: -39px;
        height: 35px
    }
    .timeline>li.timeline-inverted:nth-child(even) .timeline-date {
        position: relative;
        width: 120px;
        right: -79px;
        top: -39px;
        height: 35px
    }
    .timeline>li.timeline-inverted:nth-child(odd) .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }
    .timeline>li.timeline-inverted:nth-child(odd) .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
    .timeline-date {
        display: none
    }
    .timeline-date-mob {
        display: block
    }
    .socialLogin .btn span {
        display: none
    }
    .socialLogin .btn {
        width: 32%;
        text-align: center
    }
    .socialLogin {
        margin-top: 0!important;
        height: 80px
    }
    .arr {
        display: none
    }
    .feature {
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 10px
    }
    .m-view {
        display: block
    }
    .d-view {
        display: none
    }
    .trial-but {
        font-size: 18px;
        padding: 0 21px
    }
    .sidebar-collapse .new_leftment aside.main-sidebar {
        position: fixed;
        width: 0!important;
        display: none
    }
    .new_leftment .profile-card aside.main-sidebar {
        position: absolute;
        display: block
    }
    toggled .sidebar-open .new_leftment .sidebar {
        display: block
    }
    .order-text {
        font-size: 16px
    }
    .order-sub-txt {
        font-size: 14px
    }
    .add-activity.header .header-dropdown {
        position: relative;
        margin: 8px 0;
        right: 0;
        top: 0
    }
    .right-content {
        background: 0 0
    }
    .course-contact-info ul li {
        float: none;
        width: 100%
    }
    .tc-classtime-mobile {
        margin: 10px 0 10px 0
    }
    .affix {
        position: initial;
        width: 100%
    }
    .tc-details-content {
        margin: 0
    }
    .contact-bg .bg-slide,
    .contact-bg .bg-slider {
        height: 165px
    }
    .contact-bg .search-fields-title {
        margin-top: 87px
    }
    .tc-contact-bor {
        margin-bottom: 25px
    }
    .detail-like {
        margin-left: 21px
    }
    .tc-enquiry {
        margin-top: 10px
    }
    .price-wrap {
        margin-bottom: 0
    }
    .signin-img-bg {
        margin-bottom: 0;
        padding-bottom: 0;
        border-radius: 6px 6px 0 0;
        text-align: center
    }
    .signinicon-bg {
        bottom: 10px;
        width: 211px;
        height: 234px;
        margin: 0 auto
    }
    .mob-view {
        display: block
    }
    .desktop-view {
        display: none
    }
    .menu-overflow {
        margin-bottom: 999999px;
        padding-bottom: 999999px
    }
    ul.list {
        height: 100%
    }
    .desktop-option {
        display: none
    }
    .mob-option {
        display: block
    }
    .blog-mob {
        padding: 5px 8px!important
    }
    .blog-list-desc h2 {
        font-size: 16px
    }
    .card-button-right-top {
        top: 0
    }
    .cal-month-box,
    .cal-week-box {
        width: 767px
    }
    .mob-view-calendar .cal-row-fluid {
        width: 767px!important;
        overflow: scroll
    }
    .mob-center .text-left {
        text-align: center
    }
    .mob-center .text-right {
        text-align: center
    }
    .media-view-calendar {
        overflow-x: scroll;
        width: 100%
    }
    .search-feilds-4 .search-field {
        width: 50%
    }
    .search-feilds-4.search-feilds-wrap {
        margin-top: -365px
    }
    .search-feilds-5 .search-field {
        width: 50%
    }
    .search-feilds-5.search-feilds-wrap {
        margin-top: -365px;
        height: 220px
    }
    .bg-mob-hgt {
        height: 250px
    }
    .online-mob-hgt {
        padding-top: 37px;
        margin-top: -372px
    }
    .edit-icon-pic .material-icons {
        margin-top: 0;
        right: 0;
        position: absolute
    }
    .filter-search {
        padding-bottom: 0;
        margin-bottom: 0!important
    }
    .guide-figure p span {
        width: 93%!important
    }
    .mab10 {
        margin-bottom: 20px
    }
    .bg-indigo1 {
        float: none;
        margin-left: 0
    }
    .mob-wdh {
        width: 100%;
        float: left
    }
    .purple-bg.all-hegt>div,
    .purple-l-bg.all-hegt>div {
        height: auto!important
    }
    .purple-bg>div,
    .purple-l-bg>div {
        height: auto!important
    }
    .new_heg {
        height: auto!important
    }
    .guide-figure p {
        width: 100%!important;
        clear: both
    }
    .btn-size button.btn-block {
        width: 48%;
        float: left;
        margin-right: 1%
    }
    .new_leftment .container-fluid {
        padding-left: 15px
    }
    .menu-mob-view a {
        display: none
    }
    .new_leftment aside.main-sidebar {
        position: fixed;
        display: none;
        top: 0
    }
    .overlay-open .new_leftment aside.main-sidebar {
        position: fixed;
        left: 0;
        top: 0
    }
    .toggled .new_leftment aside.main-sidebar {
        display: block
    }
    .btn-size button {
        width: 49%!important
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 14px;
        padding: 6px 6px
    }
    md-sidenav.sidenav-wdth {
        width: 100%;
        max-width: 100%
    }
    #filter ul.list-inline>li {
        width: 100%;
        border-bottom: 1px solid #fff
    }
    #filter ul.list-inline>li:first-child {
        display: none
    }
    #filter .navbar-collapse {
        padding-left: 0!important
    }
    #filter .btn-group .multiselect.btn {
        width: 100%
    }
    #filter .navbar-default .navbar-toggle {
        border-color: #fff;
        color: #fff
    }
    #filter .navbar-default .navbar-toggle:focus,
    #filter .navbar-default .navbar-toggle:hover {
        /* background-color: #904d97 */
    }
    #filter .btn-group .multiselect.btn {
        text-align: left
    }
    #filter .btn-group {
        width: 100%
    }
    #filter .navbar-collapse {
        padding: 0
    }
    .mob-bg-size .search-feilds-8 {
        height: 120px
    }
    .fb-sf .header-dropdown {
        text-align: left!important;
        margin-top: 10px;
        padding-left: 0
    }
    .tep-txt h2 {
        font-size: 20px
    }
    .tep-txt h2 small {
        font-size: 16px
    }
    .tep-txt p {
        font-size: 15px;
        line-height: 20px
    }
    .enterprise-solution-rgt {
        display: none
    }
    .b2b-cor {
        font-size: 18px;
        padding: 6px 10px;
        width: 239px
    }
    .tep-txt .btn-purble {
        padding: 10px 10px;
        width: 295px;
        font-size: 16px;
        margin-bottom: 10px
    }
    .dreamjobs-pro-left {
        display: none
    }
    .dreamjobs-txt {
        margin-top: 0
    }
    .dreamjobs-pro-left img {
        height: 460px
    }
    .dreamjobs-txt h2 {
        font-size: 30px;
        margin-top: 0
    }
    .dreamjobs-txt .b2b-cor {
        font-size: 15px
    }
    .dreamjobs-txt p {
        font-size: 18px;
        line-height: 25px
    }
    .dreamjobs-txt .btn-purble {
        width: 320px;
        font-size: 14px
    }
    .partners-head {
        font-size: 50px
    }
    .partners-subhead {
        font-size: 21px;
        margin: 10px 0 15px 0
    }
    .partners-cont-txt {
        line-height: 24px;
        font-size: 16px
    }
    .tc-partners .btn-purble {
        width: 320px;
        font-size: 13px
    }
    .tc-partners {
        background: #e6e6e6;
        padding: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .tl-content {
        width: 250px
    }
    .m-view {
        display: block
    }
    .d-view {
        display: none
    }
    .arr {
        display: none
    }
    .feature {
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 10px
    }
    .btn-size button {
        width: 6%!important
    }
    .course-lesson-list ul li {
        padding: 10px 5px;
        font-size: 13px;
        font-weight: 500
    }
    .course-lesson-list ul li i {
        margin-right: 3px;
        width: 14px
    }
    .tc-details-content .nav>li>a {
        font-size: 13px;
        padding: 11px 15px
    }
    .course-contact-info ul li {
        float: none;
        width: 100%
    }
    .menu-overflow {
        margin-bottom: 999999px;
        padding-bottom: 999999px
    }
    ul.list {
        overflow: auto;
        height: 100%;
        max-height: 400px
    }
    .overlay-open {
        overflow: hidden
    }
    .tablt_pro_size .container {
        padding: 0
    }
    .tablt_pro_size .navbar-nav li a {
        padding: 12px 9px
    }
    .filter-search {
        padding-bottom: 0;
        margin-bottom: 0!important
    }
    .guide-figure p span {
        width: 95%!important
    }
    .btn-size button.btn-block {
        width: 48%;
        float: left;
        margin-right: 1%
    }
    .sidebar-collapse .new_leftment aside.main-sidebar {
        position: relative;
        width: 0!important;
        display: none
    }
    .menu-mob-view a {
        display: none
    }
    .new_leftment .dashboard-content {
        padding-left: 15px
    }
    .new_leftment .container-fluid {
        padding-left: 15px
    }
    .new_leftment aside.main-sidebar {
        position: absolute;
        display: none;
        top: -118px
    }
    .toggled .new_leftment aside.main-sidebar {
        display: block
    }
    #filter {
        /* background: #904d97 */
    }
    #filter ul.list-inline>li {
        width: 100%;
        border-bottom: 1px solid #fff
    }
    #filter ul.list-inline>li:first-child {
        display: none
    }
    #filter .navbar-collapse {
        padding-left: 0!important
    }
    #filter .btn-group .multiselect.btn {
        width: 100%
    }
    #filter .navbar-default .navbar-toggle {
        border-color: #fff;
        color: #fff
    }
    #filter .navbar-default .navbar-toggle:focus,
    #filter .navbar-default .navbar-toggle:hover {
        /* background-color: #904d97 */
    }
    #filter .btn-group .multiselect.btn {
        text-align: left
    }
    #filter .btn-group {
        width: 100%
    }
    #filter .navbar-collapse {
        padding: 0
    }
    #filter .navbar-header {
        width: 100%
    }
    .mob-bg-size .search-feilds-8 {
        height: 120px
    }
    .tep-txt h2 {
        font-size: 25px
    }
    .tep-txt p {
        font-size: 18px;
        line-height: 20px
    }
    .enterprise-solution-rgt {
        display: none
    }
    .dreamjobs-pro-left {
        display: none
    }
}

@media only screen and (min-width:500px) and (max-width:538px) {
    .tc-details-content .nav>li>a {
        font-size: 11px;
        padding: 11px 20px
    }
}

@media only screen and (min-width:470px) and (max-width:499px) {
    .tc-details-content .nav>li>a {
        font-size: 11px;
        padding: 10px 16px
    }
}

@media only screen and (min-width:320px) and (max-width:469px) {
    .tc-details-content .nav-tabs>li {
        float: none;
        background: #f6f6f6;
        margin: 1px 0
    }
    .tc-details-content .nav-tabs {
        position: relative
    }
    .tc-details-content .nav-tabs>li.active>a,
    .tc-details-content .nav-tabs>li.active>a:focus,
    .tc-details-content .nav-tabs>li.active>a:hover {
        /* background: #904d97!important */
    }
    .tc-details-content .nav-tabs li.active a {
        color: #fff!important
    }
    .tc-details-content .nav-tabs>li>a {
        margin-right: 0
    }
    .blog-list-meta span {
        margin-left: 0;
        display: inherit
    }
    .blog-user .photo-wrapper img {
        border-radius: 50%;
        width: 30px;
        height: 30px
    }
    .photo-wrapper {
        width: 30px
    }
    .text-wrapper {
        width: 80%
    }
    .check-course .tc_check_style {
        width: 100%
    }
    .mobile-header h2 {
        font-size: 15px!important
    }
    .cartbutton .cartcheckout {
        width: 100%;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:1199px) {
    .sidebar {
        z-index: 4545!important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .res-g-4 .col-md-3 {
        width: 33.33%
    }
    #user-main ul li {
        padding: 5px 5px 0!important
    }
    .purple-bg>div,
    .purple-l-bg>div {
        height: 502px
    }
    #user-main ul li:first-child {
        font-size: 14px
    }
    #user-main ul li a {
        padding: 4px 5px!important
    }
    .tl-content {
        width: 275px
    }
    .tep-txt h2 {
        font-size: 25px
    }
    .tep-txt p {
        font-size: 18px;
        line-height: 20px
    }
    .dreamjobs-txt {
        margin-top: 0
    }
    .dreamjobs-pro-left img {
        height: 460px
    }
    .dreamjobs-txt h2 {
        font-size: 30px;
        margin-top: 0
    }
    .dreamjobs-txt .b2b-cor {
        font-size: 15px
    }
    .dreamjobs-txt p {
        font-size: 18px;
        line-height: 25px
    }
    .dreamjobs-txt .btn-purble {
        width: 84%;
        font-size: 20px
    }
}

.comment-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /* background-color: #904d97 */
    border-radius: 10px
}

.tc-rating {
    margin-top: 15px
}

.rating-block {
    background-color: #fafafa;
    border: 1px solid #efefef;
    padding: 15px 15px 10px 15px;
    border-radius: 3px
}

.tc-rating-count h2 {
    padding-bottom: 7px;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    color: #000
}

.tc-rating-count h4 {
    font-weight: 600;
    text-align: center
}

.tc-rating-count i {
    text-align: center;
    font-size: 20px
}

.tc-rating-progress i {
    font-size: 13px
}

.tc-count-star {
    float: left;
    width: 35px;
    line-height: 1
}

.tc-progress-count {
    height: 9px;
    margin: 5px 0
}

.tc-progress {
    height: 9px;
    margin: 8px 0
}

.marlft10 {
    margin-left: 10px
}

.tc-review {
    border-bottom: 4px double #efefef;
    margin-bottom: 15px
}

.tc-review-date {
    font-size: 12px
}

.tc-review-name {
    font-size: 13px;
    margin-top: 15px;
    /* color: #904d97; */
    font-weight: 500
}

.tc-review-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000
}

.tc-review-description {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

p.rating-txt {
    color: #000;
    font-size: 18px
}

p.rating-txt span.stars {
    top: 2px;
    position: relative;
    margin-left: 8px
}

.post-comment textarea {
    border: 1px solid #ccc!important;
    height: 110px;
    padding: 5px 15px 15px 15px!important
}

@media only screen and (min-width:992px) and (max-width:1150px) {
    #user-main ul li:first-child {
        font-size: 14px!important
    }
}

@media only screen and (min-width:1050px) and (max-width:1285px) {
    #user-main ul li {
        padding: 4px 0 0!important
    }
    .dreamjobs-pro-left img {
        height: 470px
    }
}

@media only screen and (min-width:992px) and (max-width:1050px) {
    #user-main ul li {
        padding: 4px 0 0!important
    }
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

md-input-container {
    margin: 18px 0 0 0;
    width: 100%
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    /* color: #904d97 */
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #000
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
    /* border-bottom-color: #904d97 */
}

md-select .md-select-value:focus,
md-select.md-default-theme:focus .md-select-value {
    /* border-bottom-color: #904d97 */
}

.file-field {
    position: relative
}

.file-field span {
    cursor: pointer
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0
}

.file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
    height: 2.5rem
}

.file-field input.file-path {
    width: 100%;
    height: 36px
}

.benefitsper>div>div {
    margin-bottom: 30px;
    height: 370px!important;
    overflow: hidden
}

.feature h3,
.feature h5 {
    text-align: left!important
}

.img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

.img-fill img {
    min-height: 100%;
    position: relative;
    display: inline-block;
    max-width: none
}

.Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto
}

.blocks-box,
.slick-slider {
    margin: 0;
    padding: 0!important
}

.slick-slide {
    float: left;
    padding: 0
}

.Modern-Slider .item .img-fill {
    height: 510px
}

.Modern-Slider .item .img-fill .info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center
}

.Modern-Slider .item .info>div {
    display: inline-block!important;
    vertical-align: middle
}

.Modern-Slider .NextArrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    height: 45px;
    /* background: #904d97; */
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 20px/45px FontAwesome;
    color: #fff;
    z-index: 5
}

.Modern-Slider .NextArrow:before {
    content: '\f105'
}

.Modern-Slider .PrevArrow {
    position: absolute;
    top: 50%;
    left: 0;
    width: 45px;
    height: 45px;
    /* background: #904d97; */
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 20px/45px FontAwesome;
    color: #fff;
    z-index: 5
}

.Modern-Slider .PrevArrow:before {
    content: '\f104'
}

.Modern-Slider .slick-dots {
    position: absolute;
    height: 5px;
    background: rgba(255, 255, 255, .2);
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.Modern-Slider .slick-dots li button {
    display: none
}

.Modern-Slider .slick-dots li {
    float: left;
    width: 0;
    height: 5px;
    /* background: #904d97; */
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0!important
}

.Modern-Slider .slick-dots li.slick-active {
    width: 100%;
    animation: ProgressDots 11s both
}

.Modern-Slider .item h3 {
    font-size: 35px;
    text-transform: uppercase;
    color: #fff;
    animation: fadeOutRight 1s both;
    margin: 25% 0 5% 0;
    padding: 0;
    text-align: center
}

.Modern-Slider .item h5 {
    text-align: center;
    margin: 5% 0 0 0;
    padding: 0;
    font-size: 20px;
    color: #fff;
    max-width: 600px;
    overflow: hidden;
    animation: fadeOutLeft 1s both;
    line-height: 30px
}

.Modern-Slider .item.slick-active h3 {
    animation: fadeInDown 1s both 1s
}

.Modern-Slider .item.slick-active h5 {
    animation: fadeInLeft 1s both 1.5s
}

.Modern-Slider .item.slick-active {
    animation: Slick-FastSwipeIn 1s both
}

.Modern-Slider {
    background: url(../images/corp-land/ban-bg.jpg)
}

@keyframes Slick-FastSwipeIn {
    0% {
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px)
    }
    100% {
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px)
    }
}

@-webkit-keyframes ProgressDots {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes ProgressDots {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.bor-bot-4 {
    border-bottom: 3px solid rgba(0, 0, 0, .2)!important
}

#feature-ben {
    margin: 20px 0 0;
    text-align: center;
    /*background: #904d97; */
}

#feature-ben+.tab-content {
    padding: 25px 0 30px
}

.feature-ben .tab-pane {
    text-align: center
}

#feature-ben li {
    margin-bottom: 0;
    display: inline-block;
    float: none;
    margin-right: 4px
}

#feature-ben li:last-child {
    margin: 0
}

#feature-ben li>a {
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 35px 20px;
    font-size: 20px;
    width: 247px;
    border-radius: 10px 10px 0 0
}

#feature-ben.nav-tabs>li.active>a,
#feature-ben.nav-tabs>li.active>a:hover {
    background: #fff;
    /* color: #904d97!important; */
    border-radius: 10px 10px 0 0
}

#feature-ben.nav-tabs>li a:hover.tab-icon span {
    /* color: #904d97!important */
}

#feature-ben.nav-tabs>li>a::before {
    border-bottom: none
}

#feature-ben.nav-tabs>li.active {
    /* border-bottom-color: #904d97;
    color: #904d97!important */
}

#feature-ben.nav-tabs>li:hover {
    background: #fff;
    /* color: #904d97!important; */
    border-radius: 10px 10px 0 0
}

#feature-ben.nav-tabs>li:hover.tab-icon span {
    /* color: #904d97!important */
}

.tab-icon img {
    width: 80px
}

.app-text {
    font-size: 28px;
    margin: 20px 0 50px
}

.inner-banner {
    background: #f2f2f2 none repeat scroll 0 0/cover;
    padding: 40px 0
}

.inner-banner h5 {
    color: #777;
    margin: 31px 0 0;
    text-align: right
}

.inner-banner h5 a {
    color: #363636
}

.inner-banner h2 {
    color: #363636;
    font-size: 26px
}

.btn-center {
    width: 112px;
    margin: 0 auto
}

.form-control {
    font-weight: 500;
    font-size: 12px
}

.form-left {
    padding: 10px;
    color: #fff;
    background: #1c8943
}

.form-left h2 {
    font-weight: 600;
    color: #fff
}

.form-left p {
    font-weight: 500;
    color: #fff
}

.kih-about h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0 20px 0;
    color: #232323
}

.kih-about span {
    color: #1c8943
}

.kih-about p {
    font-size: 13px;
    font-weight: 500;
    margin: 5px 0 20px 0;
    color: #232323;
    text-align: justify;
    line-height: 26px
}

.kih-aboutbox {
    margin-top: 55px
}

.kih-box {
    background: #e6e6e6;
    border: 2px solid #cdcdcd;
    padding: 5px;
    margin-bottom: 30px
}

.box-model {
    background: #f5f4f4;
    padding: 5px;
    height: 135px
}

.box-model h3 {
    color: #1c8943;
    font-size: 18px;
    text-transform: uppercase;
    margin: 8px 0 15px 0
}

.box-model p {
    color: #2f2f2f;
    font-size: 12px;
    font-weight: 500;
    text-align: justify;
    line-height: 20px
}

.box-model h2 i {
    margin-right: 15px
}

.kih-about li {
    font-size: 13px;
    font-weight: 500;
    padding: 6px 0
}

.kih-box:hover {
    background: #1c8943;
    color: #fff
}

.kih-box:hover .box-model {
    background: #32a95d;
    color: #fff
}

.kih-box:hover .box-model h2 {
    color: #fff
}

.kih-box:hover .box-model h3 {
    color: #fff
}

.kih-box:hover .box-model p {
    color: #fff
}

.b-logo {
    border: 1px solid #f0f0f0
}

.b-logo img {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.b-logo img {
    -webkit-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%)
}

.b-logo img:hover {
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
    filter: none
}

section[consent='']>div>div {
    /* background: #904d97!important; */
    text-align: center;
    padding: 10px;
    color: #fff!important
}

section[consent='']>div>div a {
    color: #fff!important;
    font-size: 16px!important
}

section[consent='']>div>div>button {
    background: #fff;
    border: 0;
    /* color: #904d97; */
    padding: 5px;
    border-radius: 5px;
    font-size: 16px
}

.full-logo-bg {
    background: #f1f1f1;
    padding: 15px
}

.full-logo-bg h3 {
    line-height: 35px
}

.list-inline>li {
    padding-right: 10px;
    padding-left: 10px
}

.watch-but {
    border-radius: 50px;
    background: #181352;
    border: 0;
    text-align: center;
    color: #fff;
    font-family: Roboto, sans-serif!important;
    height: 50px;
    padding: 0 50px;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 10px
}

md-switch .md-thumb-container {
    z-index: 0
}

.org-box {
    border: 1px solid #ccc;
    height: 600px;
    width: 100%;
    position: relative
}

.org-function-area {
    margin-top: 15px
}

.org-function-area .employee-list {
    border: 1px solid #cecece
}

.org-function-area .employee-list h4 {
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    background: #f3f2f2;
    margin: 0
}

.org-function-area .employee-list ul {
    padding: 0;
    margin: 0
}

.org-function-area .employee-list ul li {
    list-style: none;
    display: block;
    border-bottom: 1px solid #eee;
    padding: 8px
}

.org-function-area .employee-list ul li h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 5px 0
}

.org-function-area .employee-list ul li p {
    font-size: 11px;
    color: #333;
    margin: 0 0 0 45px
}

.org-function-area .employee-list .emp-listby {
    max-height: 320px;
    overflow: auto
}

.org-function-area .employeelist-search {
    background: #f3f2f2;
    padding: 7px;
    height: auto
}

.org-function-area .employeelist-search input {
    width: 100%;
    padding: 8px
}

.org-function-area .employeelist-search .emp-periority {
    margin: 8px 0
}

.org-function-area .employeelist-search .emp-periority .btn {
    margin-right: 10px
}

.org-function-area .employeelist-search ul {
    padding-left: 20px
}

.org-function-area .employeelist-search ul li {
    list-style-type: circle;
    padding: 5px;
    cursor: pointer
}

.org-function-area .employeelist-search ul a:hover {
    /* color: #904d97 */
}

#chart-container {
    background-image: linear-gradient(90deg, rgba(187, 187, 187, .15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(187, 187, 187, .15) 10%, rgba(0, 0, 0, 0) 10%);
    background-size: 10px 10px;
    background-color: #fff
}

.orgchart {
    display: block;
    background-image: linear-gradient(90deg, rgba(187, 187, 187, .15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(187, 187, 187, .15) 10%, rgba(0, 0, 0, 0) 10%)
}

.org-gif img {
    width: 100%;
    margin-top: 20px
}

.orgchart .node {
    /*border: 2px solid #904d97;*/
    border-radius: 8px;
    padding: 0;
    margin: 0 10px
}

.name {
    padding: 5px
}

.type {
    visibility: hidden
}

.orgchart .node .title {
    height: 30px;
    /*background: #904d97; */
}

.orgchart .lines .rightLine {
    border-right: 1px solid #904d97
}

.orgchart .lines .leftLine {
    border-left: 1px solid #904d97
}

.orgchart .lines .downLine {
    /* background-color: #904d97 */
}

.orgchart .lines .topLine {
    border-top: 1px solid #904d97
}

#chart-container {
    overflow: auto!important;
    height: 550px!important;
    max-height: 95%;
    border: 0
}

#chart-container::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

#chart-container::-webkit-scrollbar-track {
    background: #f1f1f1
}

#chart-container::-webkit-scrollbar-thumb {
    background: #888
}

.org-action-btn button {
    margin-right: 6px
}

.zoom-btn {
    z-index: 999;
    position: absolute;
    top: 0
}

.orgchart .node .title .symbol {
    margin-right: 10px
}

.emp-role .rolelist {
    margin-bottom: 0
}

.emp-role .input-group {
    margin-bottom: 10px
}

.rolewrapper #sign_in {
    margin-top: 10px
}

.orgchart .frontend1 .title {
    background-color: #c06
}

.orgchart .frontend1 .content {
    border-color: #c06
}

.orgchart .rd-dept .title {
    background-color: #936
}

.orgchart .rd-dept .content {
    border-color: #936
}

.orgchart .middle-level .title {
    background-color: #ffc107
}

.orgchart .middle-level .content {
    border-color: #ffc107
}

.orgchart .product-dept .title {
    background-color: #59c35d
}

.orgchart .product-dept .content {
    border-color: #59c35d
}

.orgchart .pipeline1 .title {
    background-color: #00bcd4
}

.orgchart .pipeline1 .content {
    border-color: #00bcd4
}

md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after,
md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: red!important
}

.show-pass-icon-wrap i.show-pass-icon {
    color: #000
}

.sidebar .menu-sub-menu:before {
    border-left: 0!important
}

.sidebar .menu-sub-menu ul.menu.list.ml-menu {
    border-bottom: 0!important
}

.sidebar .menu-sub-menu ul li:before {
    left: 63px!important
}

.sidebar .menu-sub-menu ul li a {
    padding-left: 80px!important
}

.sidebar .menu-sub-menu ul li a:before {
    left: 63px!important
}

.employees-contant h4 .badge {
    background-color: #f7f7f7;
    color: #8e54e9
}

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

.m-auto {
    margin: 0 auto!important
}

.md-container-row md-input-container {
    margin-top: 10px
}

.md-container-row md-input-container.md-icon-float {
    margin-top: 26px!important
}

.md-container-row .md-errors-spacer {
    min-height: 0
}

.md-container-row .md-input-focused md-select .md-select-value.md-select-placeholder {
    border-bottom-width: 2px
}

.mdtTable .mdt-footer,
.mdtTable tr th {
    line-height: 0
}

.mdtTable .mdt-footer .mdt-pagination md-input-container,
.mdtTable tr th .mdt-pagination md-input-container {
    width: 85px
}

.md-button.md-icon-button {
    margin: 0!important
}

.action-btn {
    width: 150px
}

.md-toolbar-tools a {
    margin: 20px
}

.md-table-responsive thead th {
    font-size: 14px!important;
    color: #000;
}

.md-table-responsive tbody tr:nth-child(odd) {
    background: #fcfcfc
}

.md-table-responsive tbody tr:nth-child(even) {
    background: #fff
}

.md-table-responsive tbody .profile-pic {
    margin: 5px
}

.md-table-responsive::-webkit-scrollbar {
    height: 6px
}

.md-pagination div.label {
    color: #000;
    font-size: 12px
}

.md-pagination md-select.md-table-select {
    border-bottom: 1px solid #000
}

.md-table-search form {
    border-bottom: 0
}

.md-table-search form input {
    border: 0;
    width: 100%;
    background: 0 0;
    font-size: 16px
}

.md-tooltip.md-origin-bottom {
    margin-top: 0
}

md-dialog .md-toolbar-tools h2 {
    color: #fff
}

md-toolbar.md-table-toolbar .md-toolbar-tools {
    padding: 14px
}

.plan-box .my-learning-courses {
    background: #fff;
    margin-bottom: 11px;
    padding: 12px 0
}

.plan-box .my-learning-courses .il-card {
    width: 100%;
    margin-bottom: 0
}

.plan-box .my-learning-courses h4 {
    font-size: 18px;
    padding: 0 0 0 15px;
    margin: 8px 8px 15px 8px
}

md-dialog.md-transition-in,
md-dialog.md-transition-out {
    width: 680px
}

.md-whiteframe-1dp,
.md-whiteframe-z1 {
    box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, .12)
}

md-autocomplete input:not(.md-input) {
    padding: 0
}

.multiple-inner md-input-container .md-input {
    border-width: 0 0 2px
}

.material-align .mate-datepicker {
    margin-top: 14px;
    padding: 0 26px 0 0
}

.material-align .mate-datepicker .md-datepicker-input-container {
    border-bottom-width: 2px
}

.material-align .mate-datepicker label {
    margin-left: 10px
}

.material-align md-input-container:not(.md-input-invalid).md-input-has-value label {
    font-size: 17px
}

.material-align .role-align .md-whiteframe-z1 {
    height: 26px
}

.material-align .role-align .md-whiteframe-z1 input {
    height: 24px
}

.material-align .role-align md-chips .md-chips {
    box-shadow: none;
    margin-bottom: 20px
}

.material-align .error-hide .md-errors-spacer {
    min-height: 15px
}

.material-align md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
.material-align md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
.material-align md-input-container:not(.md-input-invalid).md-input-focused label,
.material-align md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    font-size: 17px
}

md-dialog-actions.dialog-footer {
    box-shadow: 1px 0 9px #ccc
}

.highlight .button {
    display: inline-block;
    color: #fff;
    background: #8b0000;
    margin: 20px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.highlight .button:before {
    content: "";
    position: absolute;
    top: -30px;
    left: -80px;
    height: 100px;
    width: 70px;
    background: rgba(255, 255, 255, .7);
    transform: rotate(20deg)
}

.highlight .button:hover:before {
    left: 150px;
    transition: all .5s
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.md-sort-icon svg {
    display: none
}

.md-sort-icon {
    min-height: 0;
    min-width: 0;
    margin-left: 8px
}

.md-desc {
    width: 0!important;
    height: 0!important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    transform: rotate(0)!important
}

.md-asc {
    width: 0!important;
    height: 0!important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000 !important;
    transform: rotate(0)!important
}

.sign-modal {
    background: -webkit-linear-gradient(top, #7579ff, #b224ef);
    border-radius: 30px!important;
    width: 500px
}

.progressbar {
    overflow: visible;
    margin-bottom: 26px;
    height: 6px;
    background: #ccc
}

.progressbar .progress-bar {
    background-color: #5c4084;
    position: relative
}

.progressbar .progress-bar span {
    background-color: #5c4084;
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    line-height: 10px;
    padding: 2px 3px 2px 4px;
    right: -1.4em;
    border-radius: 2px;
    font-weight: 600
}

.progressbar .progress-bar span:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #5c4084;
    border-width: 5px;
    margin-left: -5px
}

.progressbar .match-yellow {
    background-color: #ff9e2c!important
}

.progressbar .match-yellow span {
    background-color: #ff9e2c
}

.progressbar .match-yellow span:after {
    border-bottom-color: #ff9e2c
}

.progressbar .match-blue {
    background-color: #307bbb!important
}

.progressbar .match-blue span {
    background-color: #307bbb
}

.progressbar .match-blue span:after {
    border-bottom-color: #307bbb
}

.progressbar .match-green {
    background-color: #2b982b!important
}

.progressbar .match-green span {
    background-color: #2b982b
}

.progressbar .match-green span:after {
    border-bottom-color: #2b982b
}

.md-table-search {
    border-bottom: 1px solid #ccc
}

.md-table-search .md-toolbar-tools {
    background: #f1ebeb;
    height: 41px
}

.md-table-search .md-toolbar-tools .md-table-search form {
    border-bottom: 0
}

.md-table-search .md-toolbar-tools .md-table-search form input {
    background: 0 0;
    border: 0;
    height: 60px;
    font-size: 16px
}

.circle-chart__circle {
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center
}

.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1, -1)
}

.circle-chart__info {
    animation: circle-chart-appear 2s forwards;
    opacity: 0;
    transform: translateY(.3em)
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ledger-top-emp ul {
    margin-top: 15px 0
}

.ledger-top-emp li {
    font-weight: 700;
    line-height: 13px;
    padding-right: 15px
}

.ledger-top-emp li:last-child {
    padding-right: 0
}

.card {
    z-index: inherit;
}

.circle-main .circle-bar,
.circle-main.circle-p100 .circle-fill,
.circle-main.circle-p51 .circle-fill,
.circle-main.circle-p52 .circle-fill,
.circle-main.circle-p53 .circle-fill,
.circle-main.circle-p54 .circle-fill,
.circle-main.circle-p55 .circle-fill,
.circle-main.circle-p56 .circle-fill,
.circle-main.circle-p57 .circle-fill,
.circle-main.circle-p58 .circle-fill,
.circle-main.circle-p59 .circle-fill,
.circle-main.circle-p60 .circle-fill,
.circle-main.circle-p61 .circle-fill,
.circle-main.circle-p62 .circle-fill,
.circle-main.circle-p63 .circle-fill,
.circle-main.circle-p64 .circle-fill,
.circle-main.circle-p65 .circle-fill,
.circle-main.circle-p66 .circle-fill,
.circle-main.circle-p67 .circle-fill,
.circle-main.circle-p68 .circle-fill,
.circle-main.circle-p69 .circle-fill,
.circle-main.circle-p70 .circle-fill,
.circle-main.circle-p71 .circle-fill,
.circle-main.circle-p72 .circle-fill,
.circle-main.circle-p73 .circle-fill,
.circle-main.circle-p74 .circle-fill,
.circle-main.circle-p75 .circle-fill,
.circle-main.circle-p76 .circle-fill,
.circle-main.circle-p77 .circle-fill,
.circle-main.circle-p78 .circle-fill,
.circle-main.circle-p79 .circle-fill,
.circle-main.circle-p80 .circle-fill,
.circle-main.circle-p81 .circle-fill,
.circle-main.circle-p82 .circle-fill,
.circle-main.circle-p83 .circle-fill,
.circle-main.circle-p84 .circle-fill,
.circle-main.circle-p85 .circle-fill,
.circle-main.circle-p86 .circle-fill,
.circle-main.circle-p87 .circle-fill,
.circle-main.circle-p88 .circle-fill,
.circle-main.circle-p89 .circle-fill,
.circle-main.circle-p90 .circle-fill,
.circle-main.circle-p91 .circle-fill,
.circle-main.circle-p92 .circle-fill,
.circle-main.circle-p93 .circle-fill,
.circle-main.circle-p94 .circle-fill,
.circle-main.circle-p95 .circle-fill,
.circle-main.circle-p96 .circle-fill,
.circle-main.circle-p97 .circle-fill,
.circle-main.circle-p98 .circle-fill,
.circle-main.circle-p99 .circle-fill,
.circle-pie {
    position: absolute;
    border: .09em solid #000;
    width: .82em;
    height: .82em;
    clip: rect(0, .5em, 1em, 0);
    border-radius: 50%;
    transform: rotate(0)
}

.circle-rect-auto {
    clip: rect(auto, auto, auto, auto)
}

.circle-main {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: .4em;
    background-color: #dfe8ed
}

.circle-main.circle-w25 {
    font-size: 25px
}

.circle-main.circle-w50 {
    font-size: 50px
}

.circle-main.circle-w75 {
    font-size: 75px
}

.circle-main.circle-w100 {
    font-size: 100px
}

.circle-main.circle-w125 {
    font-size: 125px
}

.circle-main.circle-w150 {
    font-size: 150px
}

.circle-main.circle-w175 {
    font-size: 175px
}

.circle-main.circle-w200 {
    font-size: 200px
}

.circle-main.circle-p51 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p51 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p51 .circle-bar {
    transform: rotate(183.6deg)
}

.circle-main.circle-p51 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p52 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p52 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p52 .circle-bar {
    transform: rotate(187.2deg)
}

.circle-main.circle-p52 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p53 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p53 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p53 .circle-bar {
    transform: rotate(190.8deg)
}

.circle-main.circle-p53 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p54 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p54 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p54 .circle-bar {
    transform: rotate(194.4deg)
}

.circle-main.circle-p54 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p55 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p55 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p55 .circle-bar {
    transform: rotate(198deg)
}

.circle-main.circle-p55 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p56 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p56 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p56 .circle-bar {
    transform: rotate(201.6deg)
}

.circle-main.circle-p56 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p57 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p57 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p57 .circle-bar {
    transform: rotate(205.2deg)
}

.circle-main.circle-p57 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p58 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p58 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p58 .circle-bar {
    transform: rotate(208.8deg)
}

.circle-main.circle-p58 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p59 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p59 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p59 .circle-bar {
    transform: rotate(212.4deg)
}

.circle-main.circle-p59 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p60 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p60 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p60 .circle-bar {
    transform: rotate(216deg)
}

.circle-main.circle-p60 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p61 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p61 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p61 .circle-bar {
    transform: rotate(219.6deg)
}

.circle-main.circle-p61 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p62 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p62 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p62 .circle-bar {
    transform: rotate(223.2deg)
}

.circle-main.circle-p62 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p63 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p63 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p63 .circle-bar {
    transform: rotate(226.8deg)
}

.circle-main.circle-p63 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p64 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p64 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p64 .circle-bar {
    transform: rotate(230.4deg)
}

.circle-main.circle-p64 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p65 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p65 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p65 .circle-bar {
    transform: rotate(234deg)
}

.circle-main.circle-p65 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p66 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p66 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p66 .circle-bar {
    transform: rotate(237.6deg)
}

.circle-main.circle-p66 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p67 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p67 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p67 .circle-bar {
    transform: rotate(241.2deg)
}

.circle-main.circle-p67 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p68 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p68 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p68 .circle-bar {
    transform: rotate(244.8deg)
}

.circle-main.circle-p68 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p69 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p69 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p69 .circle-bar {
    transform: rotate(248.4deg)
}

.circle-main.circle-p69 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p70 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p70 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p70 .circle-bar {
    transform: rotate(252deg)
}

.circle-main.circle-p70 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p71 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p71 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p71 .circle-bar {
    transform: rotate(255.6deg)
}

.circle-main.circle-p71 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p72 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p72 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p72 .circle-bar {
    transform: rotate(259.2deg)
}

.circle-main.circle-p72 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p73 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p73 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p73 .circle-bar {
    transform: rotate(262.8deg)
}

.circle-main.circle-p73 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p74 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p74 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p74 .circle-bar {
    transform: rotate(266.4deg)
}

.circle-main.circle-p74 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p75 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p75 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p75 .circle-bar {
    transform: rotate(270deg)
}

.circle-main.circle-p75 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p76 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p76 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p76 .circle-bar {
    transform: rotate(273.6deg)
}

.circle-main.circle-p76 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p77 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p77 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p77 .circle-bar {
    transform: rotate(277.2deg)
}

.circle-main.circle-p77 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p78 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p78 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p78 .circle-bar {
    transform: rotate(280.8deg)
}

.circle-main.circle-p78 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p79 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p79 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p79 .circle-bar {
    transform: rotate(284.4deg)
}

.circle-main.circle-p79 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p80 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p80 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p80 .circle-bar {
    transform: rotate(288deg)
}

.circle-main.circle-p80 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p81 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p81 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p81 .circle-bar {
    transform: rotate(291.6deg)
}

.circle-main.circle-p81 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p82 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p82 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p82 .circle-bar {
    transform: rotate(295.2deg)
}

.circle-main.circle-p82 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p83 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p83 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p83 .circle-bar {
    transform: rotate(298.8deg)
}

.circle-main.circle-p83 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p84 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p84 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p84 .circle-bar {
    transform: rotate(302.4deg)
}

.circle-main.circle-p84 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p85 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p85 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p85 .circle-bar {
    transform: rotate(306deg)
}

.circle-main.circle-p85 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p86 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p86 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p86 .circle-bar {
    transform: rotate(309.6deg)
}

.circle-main.circle-p86 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p87 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p87 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p87 .circle-bar {
    transform: rotate(313.2deg)
}

.circle-main.circle-p87 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p88 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p88 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p88 .circle-bar {
    transform: rotate(316.8deg)
}

.circle-main.circle-p88 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p89 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p89 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p89 .circle-bar {
    transform: rotate(320.4deg)
}

.circle-main.circle-p89 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p90 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p90 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p90 .circle-bar {
    transform: rotate(324deg)
}

.circle-main.circle-p90 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p91 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p91 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p91 .circle-bar {
    transform: rotate(327.6deg)
}

.circle-main.circle-p91 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p92 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p92 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p92 .circle-bar {
    transform: rotate(331.2deg)
}

.circle-main.circle-p92 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p93 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p93 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p93 .circle-bar {
    transform: rotate(334.8deg)
}

.circle-main.circle-p93 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p94 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p94 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p94 .circle-bar {
    transform: rotate(338.4deg)
}

.circle-main.circle-p94 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p95 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p95 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p95 .circle-bar {
    transform: rotate(342deg)
}

.circle-main.circle-p95 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p96 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p96 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p96 .circle-bar {
    transform: rotate(345.6deg)
}

.circle-main.circle-p96 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p97 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p97 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p97 .circle-bar {
    transform: rotate(349.2deg)
}

.circle-main.circle-p97 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p98 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p98 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p98 .circle-bar {
    transform: rotate(352.8deg)
}

.circle-main.circle-p98 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p99 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p99 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p99 .circle-bar {
    transform: rotate(356.4deg)
}

.circle-main.circle-p99 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main.circle-p100 .circle-slice {
    clip: rect(auto, auto, auto, auto)
}

.circle-main.circle-p100 .circle-fill {
    transform: rotate(180deg)
}

.circle-main.circle-p100 .circle-bar {
    transform: rotate(360deg)
}

.circle-main.circle-p100 .circle-bar:after {
    transform: rotate(180deg)
}

.circle-main * {
    box-sizing: content-box
}

.circle-main:before {
    box-sizing: content-box
}

.circle-main:after {
    box-sizing: content-box
}

.circle-main>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 20%;
    color: #3c4761;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-out
}

.circle-main:after {
    position: absolute;
    top: .09em;
    left: .09em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #fff;
    width: .82em;
    height: .82em;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-in
}

.circle-main .circle-slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0, 1em, 1em, .5em)
}

.circle-main:hover {
    cursor: default
}

.circle-main:hover>span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: .3em;
    color: #3c4761
}

.circle-main:hover:after {
    top: .07em;
    left: .07em;
    width: .86em;
    height: .86em
}

.circle-main.circle-purple .circle-bar {
    /* border-color: #904d97!important */
}

.circle-main.circle-purple .circle-fill {
    /* border-color: #904d97!important */
}

.circle-main.circle-purple:hover>span {
    color: #3c4761
}

.circle-main.circle-green .circle-bar {
    border-color: #59c35d!important
}

.circle-main.circle-green .circle-fill {
    border-color: #59c35d!important
}

.circle-main.circle-green:hover>span {
    color: #3c4761
}

.circle-main.circle-blue .circle-bar {
    border-color: #00bcd4!important
}

.circle-main.circle-blue .circle-fill {
    border-color: #00bcd4!important
}

.circle-main.circle-blue:hover>span {
    color: #3c4761
}

.circle-main.circle-orange .circle-bar {
    border-color: #ffc107!important
}

.circle-main.circle-orange .circle-fill {
    border-color: #ffc107!important
}

.circle-main.circle-orange:hover>span {
    color: #3c4761
}

.circle-main.circle-p1 .circle-bar {
    transform: rotate(3.6deg)
}

.circle-main.circle-p2 .circle-bar {
    transform: rotate(7.2deg)
}

.circle-main.circle-p3 .circle-bar {
    transform: rotate(10.8deg)
}

.circle-main.circle-p4 .circle-bar {
    transform: rotate(14.4deg)
}

.circle-main.circle-p5 .circle-bar {
    transform: rotate(18deg)
}

.circle-main.circle-p6 .circle-bar {
    transform: rotate(21.6deg)
}

.circle-main.circle-p7 .circle-bar {
    transform: rotate(25.2deg)
}

.circle-main.circle-p8 .circle-bar {
    transform: rotate(28.8deg)
}

.circle-main.circle-p9 .circle-bar {
    transform: rotate(32.4deg)
}

.circle-main.circle-p10 .circle-bar {
    transform: rotate(36deg)
}

.circle-main.circle-p11 .circle-bar {
    transform: rotate(39.6deg)
}

.circle-main.circle-p12 .circle-bar {
    transform: rotate(43.2deg)
}

.circle-main.circle-p13 .circle-bar {
    transform: rotate(46.8deg)
}

.circle-main.circle-p14 .circle-bar {
    transform: rotate(50.4deg)
}

.circle-main.circle-p15 .circle-bar {
    transform: rotate(54deg)
}

.circle-main.circle-p16 .circle-bar {
    transform: rotate(57.6deg)
}

.circle-main.circle-p17 .circle-bar {
    transform: rotate(61.2deg)
}

.circle-main.circle-p18 .circle-bar {
    transform: rotate(64.8deg)
}

.circle-main.circle-p19 .circle-bar {
    transform: rotate(68.4deg)
}

.circle-main.circle-p20 .circle-bar {
    transform: rotate(72deg)
}

.circle-main.circle-p21 .circle-bar {
    transform: rotate(75.6deg)
}

.circle-main.circle-p22 .circle-bar {
    transform: rotate(79.2deg)
}

.circle-main.circle-p23 .circle-bar {
    transform: rotate(82.8deg)
}

.circle-main.circle-p24 .circle-bar {
    transform: rotate(86.4deg)
}

.circle-main.circle-p25 .circle-bar {
    transform: rotate(90deg)
}

.circle-main.circle-p26 .circle-bar {
    transform: rotate(93.6deg)
}

.circle-main.circle-p27 .circle-bar {
    transform: rotate(97.2deg)
}

.circle-main.circle-p28 .circle-bar {
    transform: rotate(100.8deg)
}

.circle-main.circle-p29 .circle-bar {
    transform: rotate(104.4deg)
}

.circle-main.circle-p30 .circle-bar {
    transform: rotate(108deg)
}

.circle-main.circle-p31 .circle-bar {
    transform: rotate(111.6deg)
}

.circle-main.circle-p32 .circle-bar {
    transform: rotate(115.2deg)
}

.circle-main.circle-p33 .circle-bar {
    transform: rotate(118.8deg)
}

.circle-main.circle-p34 .circle-bar {
    transform: rotate(122.4deg)
}

.circle-main.circle-p35 .circle-bar {
    transform: rotate(126deg)
}

.circle-main.circle-p36 .circle-bar {
    transform: rotate(129.6deg)
}

.circle-main.circle-p37 .circle-bar {
    transform: rotate(133.2deg)
}

.circle-main.circle-p38 .circle-bar {
    transform: rotate(136.8deg)
}

.circle-main.circle-p39 .circle-bar {
    transform: rotate(140.4deg)
}

.circle-main.circle-p40 .circle-bar {
    transform: rotate(144deg)
}

.circle-main.circle-p41 .circle-bar {
    transform: rotate(147.6deg)
}

.circle-main.circle-p42 .circle-bar {
    transform: rotate(151.2deg)
}

.circle-main.circle-p43 .circle-bar {
    transform: rotate(154.8deg)
}

.circle-main.circle-p44 .circle-bar {
    transform: rotate(158.4deg)
}

.circle-main.circle-p45 .circle-bar {
    transform: rotate(162deg)
}

.circle-main.circle-p46 .circle-bar {
    transform: rotate(165.6deg)
}

.circle-main.circle-p47 .circle-bar {
    transform: rotate(169.2deg)
}

.circle-main.circle-p48 .circle-bar {
    transform: rotate(172.8deg)
}

.circle-main.circle-p49 .circle-bar {
    transform: rotate(176.4deg)
}

.circle-main.circle-p50 .circle-bar {
    transform: rotate(180deg)
}

.circle-pie-fill {
    transform: rotate(180deg)
}

.text-small {
    font-size: 12px
}

.modal {
    z-index: 10000
}

.purpletxt {
    /* color: #904d97 */
}

.bg-light-grey {
    background: #f5f5f5!important
}

.user-pop .modal-content {
    background: url(../images/guide/pop-bg.jpg) no-repeat;
    border-radius: 0
}

.user-pop .modal-header {
    padding: 0
}

.user-pop .modal-body {
    padding: 25px 0 5px
}

.user-pop .modal-header h4 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-family: Lato, sans serif
}

.user-pop .btn {
    line-height: 32px;
    padding: 0 40px!important;
    border-radius: 0!important;
    margin: -10px 0 10px
}

.user-pop .btn.btn-danger.btn-outline {
    background: 0 0!important;
    border: 1px solid #fa0202
}

.user-pop .no-btn {
    border: 1px solid #333;
    transition: background .5s ease;
    background-color: #fff
}

.user-pop .btn.btn-danger.btn-outline:hover,
.user-pop .no-btn:hover {
    background: #fa0202!important;
    color: #fff
}

#user-main {
    text-align: center;
    overflow: hidden
}

#user-main img {
    width: auto;
    max-width: 100%
}

#user-main h3 {
    /* color: #904d97; */
    margin-top: 15px
}

.purple-l-bg {
    background: #e5d6e7
}

.purple-bg {
    background: #dcc8df
}

.purple-bg>div,
.purple-l-bg>div {
    margin: 15px 0;
    height: 525px;
    padding: 0 5px
}

.purple-bg.all-hegt>div,
.purple-l-bg.all-hegt>div {
    height: 485px;
    margin: 15px 0
}

.guide-figure {
    height: 400px
}

.new_heg {
    height: 360px
}

#user-main figure img {
    max-height: 200px
}

#user-main small {
    display: inline-block;
    height: 100px;
    overflow: hidden;
    padding: 0 10px
}

.guide-figure p {
    text-align: left;
    line-height: 15px;
    font-size: 12px
}

.guide-figure p img {
    float: left;
    width: 10px;
    height: 10px;
    padding-right: 6px;
    margin-top: 3px
}

.guide-figure p span {
    float: left;
    width: 91%;
    margin-bottom: 5px
}

figure h4 {
    font-size: 16px!important;
    text-overflow: ellipsis;
    white-space: pre
}

#user-main figure:hover {
    cursor: pointer
}

#user-main figure:hover h4 {
    /* color: #904d97 */
}

#user-main ul {
    padding: 0
}

#user-main ul li {
    display: inline-block;
    padding: 15px 13px 0
}

#user-main ul li span {
    /* background: #904d97; */
    padding: 6px 10px;
    color: #fff;
    cursor: pointer
}

#user-main ul li a {
    /* background: #904d97; */
    padding: 6px 10px;
    color: #fff;
    width: 110px;
    cursor: pointer
}

#user-main ul li:first-child {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    width: 100%
}

.ngdialog-overlay {
    background: rgba(255, 255, 255, .7)!important
}

.bor_box {
    border: 2px solid #f1ebeb;
    padding: 10px
}

.key-bg {
    background: #ff9600!important;
    padding: 6px 10px;
    color: #fff
}

@media (min-width:768px) {
    .modal-dialog.user-pop {
        max-width: 500px;
        margin: 100px auto;
        width: 100%
    }
}

.trip-block.white {
    background: #f1eded;
    color: #424042;
    border-radius: 30px;
    min-width: 355px;
    box-sizing: border-box;
    font-family: Lato, Sans serif;
    padding: 0;
    border: none
}

.trip-header {
    font-size: 22px;
    /* color: #904d97; */
    text-align: left;
    padding: 25px 0 10px 25px
}

.trip-block .trip-content {
    text-align: left;
    margin: 0 25px 25px;
    max-width: 315px;
    font-size: 12px;
    letter-spacing: .0320em;
    line-height: 20px
}

.trip-block .trip-navigation {
    display: -webkit-flex;
    display: flex;
    margin-top: -36px;
    background: #959aa2;
    line-height: 43px;
    border-radius: 0 0 30px 30px
}

.trip-next,
.trip-prev {
    /* background: #904d97; */
    color: #fff;
    font-size: 16px;
    line-height: 37px;
    border-radius: 0 0 0 30px
}

.trip-next {
    border-radius: 0 0 30px 0
}

.trip-navigation>a:focus,
.trip-navigation>a:hover {
    color: #fff;
    /*background: #904d97; */
}

.trip-next .fa-long-arrow-left::before,
.trip-next .fa-long-arrow-right::before {
    content: "\f178";
    font-weight: 100;
    font-size: 15px
}

.trip-block .trip-progress-bar {
    display: none!important
}

.trip-block .trip-progress-steps {
    border: 0;
    margin: 4px 0
}

.trip-block .trip-progress-steps .trip-progress-step {
    margin: 0 5px 0
}

.trip-block .trip-next.disabled,
.trip-block .trip-prev.disabled {
    color: #fff;
    opacity: .5
}

.trip-skip {
    visibility: hidden
}

.trip-block .trip-progress-steps .trip-progress-step {
    background: 0 0;
    width: 10px;
    height: 10px;
    border: 1px solid #ddd
}

.trip-block .trip-progress-steps .trip-progress-step.selected {
    background: #fff;
    border: 1px solid #fff;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-box-shadow: 0 0 14px 8px rgba(255, 255, 255, .25);
    -moz-box-shadow: 0 0 14px 8px rgba(255, 255, 255, .25);
    box-shadow: 0 0 14px 8px rgba(255, 255, 255, .25)
}

.trip-block .trip-close {
    font-size: 180%;
    margin: 6px 16px 0 0;
    z-index: 1
}

nav>ul.nav.navbar-nav {
    width: 100%
}

.container.guide {
    float: left;
    position: relative
}

.guide img {
    position: absolute;
    text-align: right;
    z-index: 9999;
    height: auto;
    width: auto;
    right: 28px;
    top: -49px
}

.guide-but {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9999;
    /* background: #904d97!important */
}

.skills {
    color: #000
}

.resources h4,
.skill-matrix h4 {
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
    height: 50px
}

.skill-matrix .card {
    height: 100%;
    float: left;
    width: 100%
}

[id^=skill-list] {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0 auto;
    font-size: 8px
}

/*[id^=res-skill],
[id^=skill] {
    z-index: 1
}*/

a[title="JavaScript charts"] {
    display: none!important
}

.chart-title {
    margin-top: 10px;
    height: 31px;
    word-break: break-word
}

.chartdiv {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.circle1,
.circle2,
.circle3 {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 106%;
    border: 1px dashed #b3b0af;
    border-radius: 50%;
    animation: animateZoom .6s
}

@keyframes animateZoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.circle1 {
    width: 100%;
    height: 100%
}

.circle2 {
    width: 85%;
    height: 85%
}

.circle3 {
    width: 70%;
    height: 70%
}

.skill-matrix .body {
    max-height: 450px;
    overflow-y: scroll;
    margin: 0 0 25px
}

.resources .card .body {
    color: #000;
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 40px
}

.resource-table {
    position: relative;
    margin: auto;
    overflow: hidden
}

.results-info>div {
    margin: 0!important
}

.pagination {
    margin: 0
}

.results-info-1 {
    line-height: 36px
}

.table-wrap {
    width: 100%;
    overflow: auto
}

.resource-table table {
    width: 100%;
    margin: auto
}

.resource-table tbody td,
.resource-table tbody th {
    padding: 20px 30px 20px 0;
    width: 110px
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.clone td,
.clone th {
    visibility: hidden
}

.clone td,
.clone th {
    border-color: transparent
}

.clone tbody th {
    visibility: visible;
    color: red
}

.clone .fixed-side {
    background: #fff;
    visibility: visible
}

.DTFC_LeftBodyWrapper,
.DTFC_LeftHeadWrapper,
.DTFC_LeftWrapper {
    background: #fff
}

.profile-pic {
    position: relative;
    margin: 0 auto !important;
    width: 66px;
    height: 65px
}

.profile-pic img {
    position: relative;
    border-radius: 50%;
    margin: 2px 0 0 1px;
    width: 65px;
    height: 65px
}

.empprofile-pic img {
    position: relative;
    border-radius: 50%;
    margin: 10px;
    width: 40px!important;
    height: 40px!important;
}
.empprofile-pic{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.profile-pic .top {
    position: absolute;
    border: 1px solid #904d97;
    height: 34px;
    width: 68px;
    z-index: 0;
    border-radius: 68px 68px 0 0
}

.profile-pic .bottom {
    position: absolute;
    border: 1px solid #904d97;
    height: 34px;
    width: 68px;
    z-index: 0;
    border-radius: 0 0 68px 68px;
    bottom: -4px
}

#resources tbody>tr>td {
    padding: 15px 0
}

.DTFC_LeftBodyLiner>table {
    margin: 0!important
}

[id*=userchart-] {
    width: 88px;
    height: 88px;
    position: relative;
    margin: 0;
    font-size: 8px
}

[id*=userchart-] .circle1 {
    width: 92%;
    height: 92%
}

[id*=userchart-] .circle2 {
    width: 78%;
    height: 78%
}

[id*=userchart-] .circle3 {
    width: 63%;
    height: 63%
}

#resource-table h6 {
    color: #000;
    text-align: center
}

table.dataTable thead .sorting_asc::after {
    content: ""
}

#resource-table thead tr th {
    border-bottom: 3px solid #e8e8e8;
    padding: 5px;
    text-align: center
}

#resources_filter,
#resources_info,
#resources_length,
#resources_paginate {
    display: none
}

.resource-table th>p.ng-binding,
.resource-table thead tr th h5 {
    height: 40px;
    margin: 0
}

.resource-table th>p.ng-binding {
    text-transform: capitalize;
    padding-right: 10px;
    word-break: break-word;
    overflow: hidden
}

.resources .filter {
    float: right;
    font-size: 11px
}

.filter ul {
    margin-top: -45px
}

.filter li {
    font-weight: 700;
    line-height: 13px;
}

.filter li:last-child {
    padding-right: 0
}

.filter li span {
    box-shadow: 1px 1px 2px #aaa;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 7px
}

.green {
    background: #59c35d !important;
}

.blue {
    background: #1a9bd6
}

.yellow {
    background: #f39c00
}

.red {
    background: #c92b2a
}

.resources table .filter {
    position: absolute;
    margin-top: -9px;
    z-index: 1
}

table .filter li {
    padding: 0
}

table .filter.list-inline li a span {
    width: 25px;
    height: 3px;
    margin: 0;
    box-shadow: none;
    opacity: .3
}

.filter a {
    display: block;
    height: 3px;
    width: 25px
}

table .filter.list-inline li .active span {
    opacity: 1
}

.pagination-table ul {
    padding: 0;
    margin: 15px auto;
    font-size: 12px;
    font-weight: 700;
    float: none;
    width: 324px
}

.pagination-table li {
    display: inline-block;
    padding: 0 15px;
    height: 22px;
    width: 22px
}

.pagination-table li>a {
    border: none;
    width: 19px;
    height: 19px;
    transition: background .5s
}

.pagination-table li.next:hover,
.pagination-table li.prev:hover {
    cursor: pointer;
    background: url(../images/light-tri.png) no-repeat 9px 3px
}

.pagination-table li.active,
.pagination-table li:hover {
    cursor: pointer;
    background: url(../images/pur-tri.png) no-repeat 9px 0
}

.pagination-table li.active,
.pagination-table li:hover a {
    color: #fff
}

#process-steps {
    margin: 50px 0 0;
    text-align: center
}

#process-steps+.tab-content {
    padding: 25px 0 30px
}

.process-steps .tab-pane {
    text-align: center
}

#process-steps li {
    border-bottom: 3px solid rgba(0, 0, 0, .2);
    margin-right: 40px;
    margin-bottom: 15px;
    transition: background .5s ease-in-out;
    display: inline-block;
    float: none
}

#process-steps li:last-child {
    margin: 0
}

#process-steps li>a {
    color: rgba(0, 0, 0, .5);
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 12px 7px
}

#process-steps.nav-tabs>li.active>a,
#process-steps.nav-tabs>li.active>a:focus,
#process-steps.nav-tabs>li.active>a:hover {
    background: 0 0;
    color: #fff!important
}

#process-steps.nav-tabs>li>a::before {
    border-bottom: none
}

#process-steps.nav-tabs>li.active,
#process-steps.nav-tabs>li:hover,
#process-steps.nav-tabs>li:hover>a {
    /* background: #904d97; */
    /* border-bottom-color: #904d97; */
    color: #fff!important
}

#medias {
    margin: 50px 0
}

#medias h2 {
    margin-bottom: 50px
}

#medias .slick-next:before {
    content: '→'
}

#medias .absolute-figure img {
    max-width: 98%;
    max-height: 98%;
    padding: 15px
}

#medias .c-logo img:hover {
    padding: 15px
}

#mediascor {
    margin: 50px 0
}

#mediascor h2 {
    margin-bottom: 50px
}

#mediascor .slick-next:before {
    content: '→'
}

#mediascor .absolute-figure img {
    max-width: 98%;
    max-height: 98%;
    padding: 15px
}

#mediascor .c-logo img:hover {
    padding: 15px
}

.videoWrapper {
    position: relative;
    width: 70%!important;
    margin: 0 auto
}

.playpause {
    background: url(../images/play.png) no-repeat center center/contain;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: .8
}

@media only screen and (max-width:1279px) {
    .playpause {
        width: 55px;
        height: 55px
    }
}

@media only screen and (max-width:767px) {
    .resources table .filter {
        display: none
    }
    .filter ul {
        margin-top: -12px
    }
    .resource-table {
        margin: 84px auto 0
    }
    .playpause {
        width: 40px;
        height: 40px
    }
    #forgot_password_modal .signup-popup,
    #signup_modal .signup-popup,
    #trial_modal .signup-popup {
        background-size: cover!important
    }
}

.chart-card {
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 15px 0 rgba(128, 128, 128, .28);
    -moz-box-shadow: 4px 4px 15px 0 rgba(128, 128, 128, .28);
    box-shadow: 4px 4px 15px 0 rgba(128, 128, 128, .28);
    margin-bottom: 50px;
    padding: 22px 30px 0;
    height: 430px;
}

.main_info .info_inner span.ind,
.main_info .info_inner span.uae {
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 5px
}

.uae::before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 15px;
    background: url(../images/flag.png) no-repeat -27px 0
}

.ind::before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 15px;
    background: url(../images/flag.png) no-repeat
}

.ind>a,
.uae>a {
    padding-left: 10px
}

.il-card {
    background: #39466b;
    background: -moz-linear-gradient(left, #39466b 0, #904d97 100%);
    background: -webkit-linear-gradient(left, #39466b 0, #904d97 100%);
    background: -o-linear-gradient(left, #39466b 0, #904d97 100%);
    background: -ms-linear-gradient(left, #39466b 0, #904d97 100%);
    background: linear-gradient(to right, #39466b 0, #904d97 100%);
    border-radius: 5px;
    padding: 25px;
    height: 300px;
    width: 100% !important;
    text-align: center;
    font-family: Roboto, Arial, Tahoma, sans-serif;
    color: #fff;
    margin-bottom: 30px
}

.il-card.card-count-employee {
    background: #39466b;
    background: -moz-linear-gradient(left, #a9a9a9 0, #727272 100%);
    background: -webkit-linear-gradient(left, #a9a9a9 0, #727272 100%);
    background: -o-linear-gradient(left, #a9a9a9 0, #727272 100%);
    background: -ms-linear-gradient(left, #a9a9a9 0, #727272 100%);
    background: linear-gradient(to right, #a9a9a9 0, #727272 100%);
    border-radius: 5px;
    padding: 25px;
    height: 300px;
    width: 90%;
    text-align: center;
    font-family: Roboto, Arial, Tahoma, sans-serif;
    color: #fff;
    margin-bottom: 30px
}

.il-card h2 {
    font-size: 50px;
    font-weight: 200;
    color: #fff;
    line-height: 80px
}

.il-card h3 {
    font-weight: 300;
    margin-top: 0;
    font-size: 18px;
    line-height: 23px
}

@media only screen and (max-width:767px) {
    .results-info p {
        padding-left: 13px
    }
    .skillview-length {
        text-align: center
    }
    .skillview-length button {
        margin-top: 10px
    }
    .il-card {
        width: 100%
    }
}

#breadcrumb-wrapper {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 500
}

h1.title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    padding: 22px 0 10px
}

.bread,
.bread ul {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center
}

.bread ul {
    list-style: none
}

.bread ul li {
    display: inline-block
}

.bread ul li:first-child::before {
    content: "";
    padding: 0
}

.bread ul li::before {
    padding: 0 12px;
    content: " / ";
    color: #fff
}

.bread ul li a {
    color: #fff;
    font-size: 13px
}

.bread ul li.current a {
    color: #b487b9
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #b084b5
}

.glyphicon-remove-circle {
    font-size: 21px;
    color: #999
}

#filter {
    margin: 10px auto 0;
    background: #b487b9
}

#filter ul {
    margin: 0;
    color: #eee
}

#filter ul.list-inline>li {
    padding: 0
}

#filter .btn-group .multiselect.btn {
    background: 0 0;
    font-size: 14px;
    line-height: 50px;
    padding: 0 15px
}

#filter .btn-group .multiselect.btn:hover,
#filter .btn-group.open .multiselect.btn {
    /* background: #904d97; */
    border-radius: 0;
    color: #fff
}

#filter h5 {
    font-size: 16px;
    color: #000;
    padding: 0 23px 0 0;
    margin: 0
}

.btn.multiselect-clear-filter {
    background: 0 0
}

.styled-select {
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    margin: 13px 0 0 20px
}

.styled-select,
.styled-select select {
    width: 100px
}

select:focus {
    outline: 0
}

.styled-select select {
    height: 25px;
    padding: 2px 0 5px 5px;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    color: #fff
}

.styled-select>span {
    position: absolute;
    top: 2px;
    right: 6px;
    color: #e9e6ea
}

@-moz-document url-prefix() {
    .styled-select select {
        width: 150%
    }
}

#filter .fa-sort-desc {
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 24px
}

select::-ms-expand {
    display: none
}

.styled-select {
    background: 0 0
}

.sort-by label {
    line-height: 50px;
    color: #000;
    margin: 0
}

.sort-by .form-group {
    margin: 0
}

.jobs {
    background: #fcfcfd;
    margin: 40px 0 0 0;
    -webkit-box-shadow: 0 1px 30px 2px rgba(34, 34, 31, .2);
    box-shadow: 0 1px 30px 2px rgba(34, 34, 31, .2);
    padding: 12px 0 0 12px;
    border-radius: 10px;
    float: left;
    width: 100%
}

.job-listing {
    background: #f7f6f6;
    padding-bottom: 40px
}

figure {
    position: relative;
    height: 190px
}

.jobs figure::before {
    content: "";
    background: url(../images/leaf-left.png) no-repeat;
    display: block;
    width: 66px;
    height: 70px;
    position: absolute;
    left: 50px;
    top: 95px
}

.jobs figure::after {
    content: "";
    background: url(../images/leaf-right.png) no-repeat;
    display: block;
    width: 66px;
    height: 70px;
    position: absolute;
    right: 50px;
    top: 95px
}

.corporate-img {
    width: 158px;
    height: 158px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 15px 2px #ccc;
    border-radius: 50%;
    padding: 20px 0 0 4px
}

.jobs h4 {
    font-size: 14px;
    color: #2d3666
}

.job-type {
    float: left
}

.freelance {
    color: #f96e08
}

.fulltime {
    color: #53bc9b
}

.parttime {
    color: #2e92ac
}

.internship {
    /* color: #904d97 */
}

.temporary {
    color: #0996d1
}

.volunteer {
    color: #d12109
}

.jobs .price {
    font-size: 11px;
    font-weight: 100;
    float: right;
    padding-right: 12px
}

.jobs>div {
    float: left
}

.w-100 {
    width: 100%
}

.w-50 {
    width: 50%
}

.posted-by {
    color: #5a5656;
    font-size: 13px
}

.exp-list {
    color: #8f8f91;
    font-size: 11px;
    width: 50%;
    line-height: 20px
}

.jobs>div.map-list {
    float: right;
    font-size: 11px;
    color: #5a5656;
    text-align: center;
    line-height: 20px
}

.map-list .fa {
    font-size: 15px
}

.login-apply {
    line-height: 32px;
    background: #b487b9;
    color: #fff;
    text-align: center;
    margin: 10px 0 0 -12px;
    padding: 0 6px;
    border-radius: 0 0 0 10px;
    width: calc(50% + 12px)
}

.quick-apply {
    line-height: 32px;
    /* background: #904d97; */
    color: #fff;
    padding: 0 6px;
    text-align: center;
    margin: 10px -12px 0 0;
    border-radius: 0 0 10px 0
}

.login-apply:hover,
.quick-apply:hover {
    cursor: pointer;
    background: #f96e08
}

.price-filter .range {
    margin: 20px
}

.filter-selection {
    padding: 20px 0 10px
}

.filter-selection .selections .btn {
    border-radius: 10px;
    padding: 3px;
    font-weight: 100!important;
    background: #fff
}

.filter-selection .selections .btn:not(.btn-link):not(.btn-circle):hover {
    /* background: #904d97; */
    color: #fff
}

.selections {
    padding: 0 30px
}

.selections .btn:not(.btn-link):not(.btn-circle) span {
    top: 0;
    font-size: 12px
}

.selections .btn:not(.btn-link):not(.btn-circle) span.glyphicon {
    top: 1px;
    font-size: 11px;
    /* color: #904d97; */
    font-weight: 100
}

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #b487b9;
    z-index: 22
}

.cookie>div {
    float: left
}

.cookie .txt {
    color: #fff;
    padding: 20px;
    line-height: 26px;
    width: 80%
}

.cookie-but {
    margin: 30px 0 0
}

.cookie-but .btn {
    /* background: #904d97; */
    color: #fff;
    height: auto;
    padding: 5px 12px!important;
    border-radius: 20px !important;
}

.close-but {
    margin: 22px 62px 0;
    color: #000;
    font-size: 30px;
    float: right
}

.lms {
    padding: 50px 0
}

.lms li {
    padding: 50px 15px 0
}

.lms li img {
    max-height: 95px
}

.corp-feature>div>.feature:nth-child(odd) .arr {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph
}

.future-learning {
    background: #7d9cf9 url(../images/corp-land/ban-bg.jpg) no-repeat center;
    z-index: 2;
    position: relative
}

.future-learning p {
    font-size: 16px
}

.feature {
    margin: 50px 0
}

.arr {
    margin: 80px 0 0
}

.future-learning p {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    padding: 0 0 20px 30px
}

.future-learning h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 100;
    margin: 80px 0 30px
}

.feature h3 {
    /* color: #904d97 */
}

.benefits {
    color: #666
}

.benefits h2 {
    margin: 25px 0 50px
}

.benefits>div>div {
    margin-bottom: 30px;
    height: 330px;
    overflow: hidden
}

.benefits h4 {
    font-size: 16px;
    /* color: #904d97; */
    height: 40px;
    margin-bottom: 0
}

.benefits figure {
    height: 150px;
    text-align: center
}

.trial-but {
    border-radius: 50px;
    /* background: #904d97; */
    border: 0;
    text-align: center;
    color: #fff;
    font-family: Roboto, sans-serif!important;
    height: 50px;
    padding: 0 50px;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.mock {
    float: right;
    margin: 50px 0 10px
}

.mock img {
    margin-bottom: -30px
}

.demo-request .btn-search {
    margin: 30px 0
}

.demo-request .btn-search {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 400
}

.demo-request .big {
    font-size: 18px;
    padding: 20px 0
}

.benefits+.app-bg {
    padding: 40px 0 10px 30px;
    background: url(../images/map-socai.png);
    background-size: cover;
    background-repeat: no-repeat
}

.trial-sticky {
    position: fixed;
    top: 50%;
    margin-top: -85px;
    opacity: .7;
    transition: opacity .5s ease-in-out;
    z-index: 1
}

.trial-sticky:hover {
    opacity: 1
}

.trial-sticky button {
    border: 0;
    background: 0 0;
    padding: 0
}

.trial {
    background: url(../images/corp-land/sign-bg.png) right -250px center no-repeat;
    min-height: 700px
}

.trialSign {
    padding: 0 50px 50px;
    width: 100%;
    max-width: 550px
}

.trialSign h1 {
    font-size: 40px;
    font-weight: 100;
    /* color: #904d97; */
    padding: 25px 0 0
}

.trialSign p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 100
}

.trialSign form {
    margin: 30px 0 0
}

.trialSign .input-group .form-line {
    border-bottom: none
}

.trialSign .input-group .form-control {
    border: 1px solid #ccc;
    text-indent: 10px;
    height: 40px;
    border-radius: 3px
}

.trialSign .form-group .bootstrap-select.btn-group {
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 3px
}

.trialSign .bootstrap-select .dropdown-toggle {
    padding: 0;
    line-height: 38px;
    background: 0 0;
    width: 99%
}

.trialSign .input-group select.form-control {
    text-indent: 4px
}

.trialSign .btn:not(.btn-link):not(.btn-circle) span {
    top: 0;
    text-indent: 10px
}

.btn:not(.btn-link):not(.btn-circle).trial-login {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 35px;
    box-shadow: #deb887
}

.trialRight {
    margin: 120px 0 0;
    padding: 0 50px
}

.trialRight ul {
    padding: 0;
    margin: 0
}

.trialRight li {
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin: 15px 0 0
}

.trialRight li>span {
    width: 30px;
    float: left;
    text-align: center;
    /* color: #904d97 */
}

.trialRight li p {
    float: right;
    width: 90%;
    color: #666;
    text-shadow: 1px 0 #aaa
}

.fb-sf .header-dropdown {
    margin: 0;
    text-align: right
}

.no-padding-xs {
    padding: 0!important
}

.get-skills .form-line-autocomplete {
    border-width: 0 0 1px 0
}

#signin_modal .modal-dialog {
    width: 662px;
    font-family: Roboto, sans-serif;
    letter-spacing: 0
}

.signup-popup .close {
    font-size: 34px!important;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    top: 0;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right
}

#signin_modal .signup-popup {
    height: 368px;
    /* background: #904d97 url(../images/corp-land/login-bg.jpg) no-repeat right center */
}

#signin_modal .modal-header {
    border: 0
}

.innowork-body #signin_modal .signup-popup {
   /* background: #904d97  url(../images/innowork/login-bg.jpg) no-repeat right center */
}

.socialLogin {
    margin-top: 35px;
    text-align: center
}

.socialLogin img {
    margin-bottom: 30px;
    opacity: .8;
    transition: opacity .5s ease-in-out
}

.socialLogin a:hover img {
    opacity: 1
}

.sloginTxt {
    text-align: center;
    color: #fff;
    margin: 110px 0 10px
}

#signin_modal .socialLogin .account {
    width: 228px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    background: #ec7c03;
    border-radius: 20px;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    opacity: 1;
    display: inline-block;
    transition: background .5s ease-in-out;
    margin-top: 110px
}

#signin_modal .socialLogin .account:hover {
    background: #d17007
}

#sign_in {
    margin: 50px 0 0 60px
}

.signup-popup .input-group .form-line {
    border-bottom: 0
}

.signup-popup input[type=email],
.signup-popup input[type=name],
.signup-popup input[type=password],
.signup-popup input[type=text] {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-indent: 17px;
    font-size: 16px;
    color: #fff
}

.signup-popup select {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    width: 100%;
    text-indent: 17px;
    font-size: 16px;
    color: #000;
    border-radius: 0
}

.signup-popup oi-select {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    width: 100%;
    text-indent: 17px;
    font-size: 16px;
    color: #fff;
    padding: 4px
}

.emp-role .input-group:nth-child(3) {
    margin-bottom: 0
}

.signup-popup md-select {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    width: 100%;
    text-indent: 17px;
    font-size: 16px;
    color: #fff;
    padding: 4px
}

.signup-popup md-select .md-select-value.md-select-placeholder {
    color: #fff
}

.signup-popup md-select .md-select-value {
    border-bottom: 0
}

.signup-popup md-select .md-select-icon {
    color: #fff
}

.signup-popup oi-select .select-search {
    background-color: transparent
}

.signup-popup oi-select .select-search-list-item_input input {
    background-color: transparent
}

.form-group .form-line .signup-popup {
    border: none
}

.signup-popup input::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px
}

.signup-popup input::-moz-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px
}

.signup-popup input:-moz-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px
}

.signup-popup #sign_in a {
    font-size: 13px;
    color: #000;
    letter-spacing: 0;
    padding-top: 4px
}

.signup-popup .modal-body button {
    width: 193px;
    height: 55px;
    border-radius: 27px;
    /* color: #904d97; */
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all .5s ease-in-out;
    background: #fff
}

.signup-popup .modal-body .socialLogin button {
    max-width: 210px;
    border-radius: 0;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0 0 20px;
    opacity: .8
}

.signup-popup .modal-body .socialLogin button:hover {
    opacity: 1
}

.signup-popup .svg {
    margin: 0 0 0 8px;
    height: 11px
}

.signup-popup .modal-body button svg use {
    fill: #904d97;
    transition: all 1s ease-in-out
}

.signup-popup .modal-body button:hover svg use {
    fill: #fff
}

.signup-popup .login-box a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin-top: 8px;
    font-weight: 600;
    color: #fff
}

.signup-popup .login-box a:hover {
    color: #000;
    text-decoration: none
}

.login-box .help-error {
    color: #ff0;
    margin: 0
}

@media screen and (max-width:410px) {
    .card-photo img {
        padding: 0;
        margin: -16px auto 0
    }
    .bootstrap-select.btn-group .dropdown-menu {
        max-width: 270px
    }
}

.bootstrap-select.btn-group .dropdown-menu {
    max-width: 300px
}

@media screen and (max-width:767px) {
    .left-logo {
        min-height: 50px;
        max-height: 50px
    }
    .main-sidebar #gradient h4 {
        font-size: 14px
    }
    #signin_modal {
        /*background: #904d97; */
    }
    #signin_modal .modal-dialog {
        width: 100%
    }
    #signin_modal .signup-popup {
        height: auto;
        background: 0 0;
        box-shadow: none!important
    }
    #sign_in {
        margin: 0
    }
    .signup-popup .login-box a {
        padding: 10px 0
    }
    .view-section {
        overflow-x: hidden
    }
}

.canvasjs-chart-canvas {
    left: 0
}

.signup-popup {
    color: #fff
}

#forgot_password_modal .signup-popup,
#signup_modal .signup-popup,
#trial_modal .signup-popup {
    background: url(../images/corp-land/signup-bg.jpg) no-repeat;
    background-size: cover
}

.modal .signup-popup .modal-header {
    border: 0
}

#signup_modal .terms {
    color: #fff
}

#signup_modal .modal-body button {
    margin: 15px 0 0 25%
}

.signup-popup a {
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.signup-popup a:hover {
    color: #fff
}

@media screen and (max-width:767px) {
    .tc-ecosystem-mob>ul {
        margin: 40px auto;
        padding: 0;
        width: 100%
    }
    .tc-ecosystem-mob li {
        margin-bottom: 30px;
        text-align: center
    }
    .ent-sol-mob {
        margin: -9px 0 0 1px
    }
}

@media screen and (min-width:639px) and (max-width:767px) {
    .tc-ecosystem-mob li:nth-child(4) {
        height: 404px
    }
    .tc-ecosystem-mob li {
        width: 50%;
        float: left
    }
    .ent-sol-mob {
        margin: -9px 0 0 2px
    }
}

.badge-main {
    margin: 30px auto;
    float: left;
    width: 100%
}

.badge-title {
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    position: relative
}

.badge-title span {
    background: rgba(63, 5, 82, .9);
    line-height: 42px;
    height: 42px;
    display: inline-block;
    margin-left: -7px
}

.badge-title::before {
    background: url(../images/badge/left.png) no-repeat transparent;
    display: inline-block;
    content: "";
    width: 55px;
    height: 49px;
    position: absolute;
    left: -61px
}

.badge-title:after {
    background: url(../images/badge/right.png) no-repeat transparent;
    display: inline-block;
    content: "";
    width: 55px;
    height: 149px;
    position: absolute
}

.badges {
    width: 750px;
    margin: 50px auto;
    position: relative
}

.badges>div {
    width: 278px;
    height: 393px;
    background-size: 100%;
    float: left;
    position: relative
}

.badges.procrastinator>div {
    height: 428px
}

.badges .badge2 {
    height: 434px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    top: -20px
}

.badges.procrastinator .badge2 {
    height: 469px
}

.tc-tab-content .badge-detail p {
    text-align: center!important;
    color: #000;
    font-size: 13px
}

.tc-tab-content .badge-detail p.small {
    /* color: #904d97; */
    margin: 0
}

.badge-detail {
    position: absolute;
    bottom: 40px;
    left: 0;
    text-align: center;
    width: 80%;
    right: 0;
    margin: 0 auto
}

.badge2 .badge-detail {
    bottom: 60px
}

.badge-detail h3 {
    font-size: 17px;
    text-transform: uppercase;
    /* color: #904d97 */
}

.badge-detail button {
    width: 161px;
    height: 32px;
    line-height: 32px;
    color: #000;
    background: #ff9a24;
    border-radius: 16px;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    border: none;
    text-transform: uppercase
}

.badges>div:hover {
    cursor: pointer
}

.badges>div:hover h3,
.badges>div:hover p span,
.badges>div:hover p.small {
    color: #fff
}

.badges>div:hover p {
    color: #dda3ef
}

.sun-learn .badge1 {
    background: url(../images/badge/sun-bronze.png) no-repeat
}

.sun-learn .badge1:hover {
    background: url(../images/badge/sun-bronze-hov.png) no-repeat
}

.sun-learn>div.badge2 {
    background: url(../images/badge/sun-silver.png) no-repeat
}

.sun-learn>div.badge2:hover {
    background: url(../images/badge/sun-silver-hov.png) no-repeat
}

.sun-learn .badge3 {
    background: url(../images/badge/sun-gold.png) no-repeat
}

.sun-learn .badge3:hover {
    background: url(../images/badge/sun-gold-hov.png) no-repeat
}

.weekend .badge1 {
    background: url(../images/badge/weekend-bronze.png) no-repeat
}

.weekend .badge1:hover {
    background: url(../images/badge/weekend-bronze-hov.png) no-repeat
}

.weekend>div.badge2 {
    background: url(../images/badge/weekend-silver.png) no-repeat
}

.weekend>div.badge2:hover {
    background: url(../images/badge/weekend-silver-hov.png) no-repeat
}

.weekend .badge3 {
    background: url(../images/badge/weekend-gold.png) no-repeat
}

.weekend .badge3:hover {
    background: url(../images/badge/weekend-gold-hov.png) no-repeat
}

.repeat-learn .badge1 {
    background: url(../images/badge/repeat-bronze.png) no-repeat
}

.repeat-learn .badge1:hover {
    background: url(../images/badge/repeat-bronze-hov.png) no-repeat
}

.repeat-learn>div.badge2 {
    background: url(../images/badge/repeat-silver.png) no-repeat
}

.repeat-learn>div.badge2:hover {
    background: url(../images/badge/repeat-silver-hov.png) no-repeat
}

.repeat-learn .badge3 {
    background: url(../images/badge/repeat-gold.png) no-repeat
}

.repeat-learn .badge3:hover {
    background: url(../images/badge/repeat-gold-hov.png) no-repeat
}

.night .badge1 {
    background: url(../images/badge/night-owl-bronze.png) no-repeat
}

.night .badge1:hover {
    background: url(../images/badge/night-owl-bronze-hov.png) no-repeat
}

.night>div.badge2 {
    background: url(../images/badge/night-owl-silver.png) no-repeat
}

.night>div.badge2:hover {
    background: url(../images/badge/night-owl-silver-hov.png) no-repeat
}

.night .badge3 {
    background: url(../images/badge/night-owl-gold.png) no-repeat
}

.night .badge3:hover {
    background: url(../images/badge/night-owl-gold-hov.png) no-repeat
}

.the-close .badge1 {
    background: url(../images/badge/the-closer-bronze.png) no-repeat
}

.the-close .badge1:hover {
    background: url(../images/badge/the-closer-bronze-hov.png) no-repeat
}

.the-close>div.badge2 {
    background: url(../images/badge/the-closer-silver.png) no-repeat
}

.the-close>div.badge2:hover {
    background: url(../images/badge/the-closer-silver-hov.png) no-repeat
}

.the-close .badge3 {
    background: url(../images/badge/the-closer-gold.png) no-repeat
}

.the-close .badge3:hover {
    background: url(../images/badge/the-closer-gold-hov.png) no-repeat
}

.procrastinator .badge1 {
    background: url(../images/badge/dustbin.png) no-repeat
}

.procrastinator .badge1:hover {
    background: url(../images/badge/dustbin-hov.png) no-repeat
}

.procrastinator>div.badge2 {
    background: url(../images/badge/carbage-drum.png) no-repeat
}

.procrastinator>div.badge2:hover {
    background: url(../images/badge/carbage-drum-hov.png) no-repeat
}

.procrastinator .badge3 {
    background: url(../images/badge/garbage-truck.png) no-repeat
}

.procrastinator .badge3:hover {
    background: url(../images/badge/garbage-truck-hov.png) no-repeat
}

.leaders {
    margin: 50px 0;
    width: 100%;
    max-width: 854px;
    font-family: Roboto, sans-serif
}

.leader {
    background: #f5f3f3;
    width: calc(100% - 60px);
    height: 156px;
    float: right;
    margin-bottom: 65px
}

.leader-pic {
    float: left;
    margin: -20px 0 0 -40px;
    max-width: 100px;
    border-radius: 40px
}

.leader-pic img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.leader-detail {
    padding-left: 10px
}

.leaders h3 {
    font-weight: 400;
    font-size: 24px
}

.leaders h5 span {
    font-weight: 400;
    color: #3f3f3f
}

.leader .row>div.total-point {
    float: right;
    margin: 10px 60px 0 0;
    text-align: center
}

.leaders h4 {
    font-weight: 300;
    color: #303030;
    text-transform: uppercase;
    font-size: 14px
}

.leader .point {
    font-size: 29px;
    text-align: center;
    color: #303030
}

.total-point .svg {
    width: 22px;
    height: 22px;
    margin: 0;
    float: left
}

.leader hr {
    background: #bdbcbc;
    height: 1px;
    clear: both;
    width: 100%;
    margin: 0 auto
}

.txt-orange {
    color: #ec7c03!important
}

.txt-red {
    color: #ff370f!important
}

.txt-green {
    color: #1a7805!important
}

.leader .row>div {
    float: left
}

.learn-point {
    padding: 10px 20px 0 40px;
    border-right: 1px solid #bdbcbc
}

.impact-point {
    padding: 10px 20px 0;
    border-right: 1px solid #bdbcbc
}

.impact-point h4,
.learn-point h4 {
    margin: 0
}

.badge-list li img {
    width: 58px;
    margin: 0 10px 0 0
}

.badge-list ul {
    margin: 0 0 0 10px
}

.badge-list li {
    position: relative
}

.badge-list li span {
    /* background: #904d97; */
    border: 1px solid #f5f3f3;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    color: #fff;
    position: absolute;
    right: 7px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    top: 6px;
    font-weight: 600
}

.total-point .txt-orange .svg>svg>path {
    fill: #ec7c03!important
}

.total-point .txt-red .svg>svg>path {
    fill: #ff370f!important
}

.total-point .txt-green .svg>svg>path {
    fill: #1a7805!important
}

#search_modal {
    padding-right: 0!important
}

.border-bootom-1.mob-search {
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

#formsearch .oi-select-main oi-select:focus {
    box-shadow: 0 0 6px #ccc!important
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative
}

.timeline::before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    /* background-color: #904d97 */
    left: 50%;
    margin-left: -1.5px
}

.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 100%;
    float: left;
    border: 1px solid #904d97;
    border-radius: 2px;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    background: #f4edf4;
    max-width: 335px
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #904d97;
    border-right: 0 solid #904d97;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #f4edf4;
    border-right: 0 solid #f4edf4;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline-heading img {
    float: left;
    margin-right: 20px
}

.timeline-heading p {
    font-size: 12px
}

.timeline-heading p {
    font-size: 12px;
    margin-bottom: 2px;
    font-weight: 600
}

#timeline hr {
    /* background: #904d97; */
    height: 1px;
    position: absolute;
    right: 100px;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

#timeline li.timeline-inverted hr {
    right: 0;
    left: 100px
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    border: 1px solid #904d97;
    top: 16px;
    left: 50%;
    background: #fff;
    margin-left: -25px;
    z-index: 100;
    border-radius: 50%
}

.timeline-title button.btn {
    margin-left: -250px;
    width: 250px;
    /* background: #904d97; */
    color: #fff;
    font-size: 20px!important;
    font-weight: 700;
    letter-spacing: 0;
    transition: background .5s ease-in-out
}

.timeline-title button.btn:hover {
    background: #b162b9
}

.timeline-badge.like img {
    margin-top: -11px
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0
}

.timeline-body>p+p {
    margin-top: 5px
}

.timeline-title button {
    margin-left: -250px;
    width: 250px
}

.search-heading {
    margin-top: 100px
}

.category-card {
    float: left;
    width: 100%
}

.category-listing>div {
    padding: 0;
    border: 1px solid #fff;
    background-image: -moz-linear-gradient(90deg, #350b9b 0, #904d97 100%);
    background-image: -webkit-linear-gradient(90deg, #350b9b 0, #904d97 100%);
    background-image: -ms-linear-gradient(90deg, #350b9b 0, #904d97 100%);
    position: relative;
    color: #fff;
    font-size: 16px
}

.category-listing>div>img {
    opacity: .4;
    transition: opacity .5s ease-in-out
}

.category-listing>div:hover>img {
    opacity: 0
}

.category-listing .category-con {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 70%;
    height: 100px;
    text-align: center
}

.btn.btn-white.btn-sm {
    padding: 0 14px!important;
    line-height: 18px;
    height: 30px;
    font-size: 12px;
    /* color: #904d97 */
}

.category-con button {
    margin: 10px 0 0
}

@media screen and (min-width:992px) {
    .slick-slide img {
        height: 512px
    }
}

.dirRight .new_leftment .dashboard-left.corporatemenu {
    float: right;
}

.dirRight .dashboard-right {
    float: left
}

.dirRight .pull-right {
    float: left!important
}

.dirRight .pull-left {
    float: right!important
}

.inno-landing .demo-request,
.inno-landing .subcribe_bg {
    z-index: 2;
    position: relative
}

.inno-landing .curve-btn,
.inno-landing .curve-btn:focus,
.inno-landing .curve-btn:hover {
    /* background-color: #904d97 */
    border: none;
    color: #fff;
    border-radius: 21px;
    padding: 5px 23px;
    font-weight: 700;
    float: right;
    margin-top: 14px;
    cursor: pointer
}

.inno-landing .my-account-list li a {
    padding: 5px 12px;
    width: 100%;
    float: left
}

.inno-landing .btn-outline {
    background-color: #fff;
    border: 1px solid #904d97!important;
    /* color: #904d97 */
}

.inno-landing #header {
    height: auto!important;
    padding-bottom: 20px!important;
    z-index: 999!important
}

.inno-landing .f16 .eg {
    background-position: 0 -1455px!important
}

.inno-landing .f16 .flag {
    line-height: 15px;
    margin-bottom: 0!important
}

.inno-landing .my-account-list li a {
    text-align: right
}

@media screen and (max-width:767px) {
    .inno-landing .view-section {
        overflow-x: inherit!important
    }
}

mwl-calendar .badge-important {
    /* background-color: #904d97 */
}

mwl-calendar .cal-day-today {
    background-color: #ecdced
}

.carousel-controls .control {
    /* background: #904d97; */
    border: 2px solid #b377ba;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

.carousel-controls .control>i {
    font-size: 40px;
    line-height: 60px;
    text-align: center
}

.carousel-controls .control.prev {
    padding: 0 7px 0 0
}

.carousel-controls .control.next {
    margin: 0 0 0 7px
}

.theme-main>li {
    float: left;
    margin: 0 0 25px 20px;
    height: 50px
}

.theme-main>li>.theme-wrap {
    text-align: center;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 53px;
    border-radius: 50%
}

.theme-main>li:hover>.theme-wrap {
    opacity: 1
}

.theme-main>li.theme-checked>.theme-wrap {
    opacity: 1
}

.dirRight .badge3 {
    float: left!important
}

.profile-detail {
    font-family: 'Proxima Nova', sans-serif
}

.profile-detail .card {
    border-radius: 5px;
    padding: 20px 30px
}

.profile-detail>.row:first-child {
    margin-bottom: 35px;
    background: #ecdced;
    border-bottom: 1px solid #904d97
}

.profile-detail h1 {
    font-size: 34px;
    line-height: 1.2
}

.profile-detail h3 {
    font-size: 20px
}

.profile-detail h5 {
    font-size: 15px;
    font-weight: 400
}

.profile-detail .profile-head {
    padding: 50px 0 0;
    color: #525152
}

.profile-detail .profile-head h3 {
    margin: 5px 0 0;
    font-weight: 700
}

.profile-detail .profile-head .img-circle {
    max-width: 210px;
    max-height: 210px
}

.profile-detail .profile-head .points {
    margin-top: 50px;
    font-family: Roboto, sans-serif
}

.profile-detail .profile-head .points li {
    border: 1px solid #904d97;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 10px 40px;
    background: #fff;
    text-align: center;
    font-size: 13px;
    color: #000;
    float: left
}

.profile-detail .profile-head .points li b {
    font-size: 20px;
    font-weight: 700
}

.profile-detail .profile-head .points li:last-child {
    border-right-width: 1px;
    font-size: 25px;
    color: #fff;
    /* background: #904d97; */
    line-height: 66px;
    padding: 0 60px
}

.profile-detail .profile-head .points li:last-child i {
    font-size: 25px
}

.profile-detail .core-skills {
    height: 83px
}

.profile-detail .core-skills h3 {
    margin: 0;
    font-weight: 600;
    padding: 0 20px 0 10px
}

.profile-detail .core-skills .c-logo figure {
    height: 50px
}

.profile-detail .core-skills .all-skill {
    margin: -12px 0 0
}

.profile-detail .core-skills .slick-prev:before {
    content: '\f104';
    font-family: FontAwesome;
    font-size: 14px
}

.profile-detail .core-skills .slick-next:after {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px
}

.profile-detail .core-skills .cir-beginner>i {
    display: none;
    color: #ffc107
}

.profile-detail .core-skills .cir-beginner>i:first-child {
    display: inline-block
}

.profile-detail .core-skills .cir-intermediate>i {
    display: inline-block;
    color: #00bcd4
}

.profile-detail .core-skills .cir-intermediate>i:last-child {
    display: none
}

.profile-detail .core-skills .cir-expert>i {
    color: #59c35d
}

.profile-detail .badges-list {
    margin: 35px 0;
    padding: 0
}

.profile-detail .badges-list li {
    display: inline-block;
    padding-right: 40px
}

.profile-detail .badges-list li:last-child {
    padding-right: 0
}

.profile-detail .badges-list li img {
    max-width: 150px
}

.profile-detail .timeline-wrap {
    max-width: 900px
}

.profile-detail .timeline-wrap .timeline-head ul {
    text-align: center;
    margin: 0 0 0 -93px
}

.profile-detail .timeline-wrap .timeline-head ul li {
    background: #aa66b1;
    font-size: 17px;
    text-align: center;
    font-family: 'Proxima Nova', sans-serif;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 0 50px;
    line-height: 50px;
    height: 50px
}

.profile-detail .timeline-wrap .timeline-head ul li.active {
    /*background: #904d97; */
}

.profile-detail .timeline-wrap .timeline>li>.timeline-panel {
    max-width: 390px
}

.ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 0 20px 20px 20px
}

.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec
}

.feed-element {
    padding: 15px 0 15px 0
}

.dropdown-messages-box img.img-circle,
.ibox-content img.img-circle {
    width: 38px;
    height: 38px
}

.ibox-content>.pull-left {
    margin-right: 10px
}

.ibox-content .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px
}

.img-circle {
    border-radius: 50%
}

.text-navy {
    color: #1ab394
}

.ibox-content .actions {
    margin-top: 10px
}

.feed-photo {
    height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px
}

@media (min-width:768px) and (max-width:991px) {
    .feed-photo {
        width: 100%;
        height: 350px!important;
        border-radius: 4px;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .btn-primary {
        margin: 15px auto
    }
    .profile-detail .profile-head {
        text-align: center
    }
    .profile-detail .profile-head .points ul {
        margin: 0 auto;
        display: flex;
        justify-content: center
    }
    .profile-detail .core-skills {
        height: 150px
    }
    .profile-detail .core-skills .all-skill {
        margin: 15px 0 0
    }
    .profile-detail .badges-list li {
        padding-right: 20px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .feed-photo {
        width: 100%;
        height: 300px!important;
        border-radius: 4px;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .profile-detail .profile-head .points li {
        width: 100%;
        border-right-width: 1px
    }
    .profile-detail .badges-list li {
        padding-right: 15px
    }
    .profile-detail .core-skills {
        height: 150px
    }
    .profile-detail .core-skills .all-skill {
        margin: 15px 0 0
    }
    .btn-primary {
        margin: 15px auto
    }
    .profile-detail .timeline-wrap .timeline-head ul {
        width: 100%;
        height: 100px;
        max-width: 300px
    }
    .profile-detail .timeline-wrap .timeline-head ul li {
        float: left;
        width: 100%;
        margin: 0 0 0 -1px
    }
}

@media (max-width:480px) {
    .feed-photo {
        width: 100%;
        border-radius: 4px;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .btn-primary {
        margin: 15px auto
    }
}

.progress {
    height: 4px;
    background-color: #f2f2f2;
    border-radius: 0;
    box-shadow: none;
    float: left;
    width: 100%
}

.progress-label {
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px
}

.progress-label h5 {
    float: left;
    margin: 0
}

.progress-label span {
    float: right;
    font-size: 11px
}

.timeline-centered.education {
    position: relative;
    margin: 10px 0
}

.timeline-centered.education img {
    vertical-align: middle
}

.timeline-centered.education .img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.timeline-centered.education .img-rounded {
    border-radius: 3px
}

.timeline-centered.education .img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out
}

.timeline-centered.education .img-circle {
    border-radius: 50%
}

.timeline-centered.education:before {
    content: " ";
    display: table
}

.timeline-centered.education:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-centered.education:before {
    content: " ";
    display: table
}

.timeline-centered.education:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-centered.education:before {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background: #f4f4f4;
    left: 28%;
    top: 20px;
    bottom: 20px;
    margin-left: -18px
}

.timeline-centered.education .timeline-entry {
    position: relative;
    width: 72%;
    float: right;
    margin-bottom: 10px;
    clear: both
}

.timeline-centered.education .timeline-entry:before {
    content: " ";
    display: table
}

.timeline-centered.education .timeline-entry:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-centered.education .timeline-entry:before {
    content: " ";
    display: table
}

.timeline-centered.education .timeline-entry:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-centered.education .timeline-entry.begin {
    margin-bottom: 0
}

.timeline-centered.education .timeline-entry.left-aligned {
    float: left
}

.timeline-centered.education .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px
}

.timeline-centered.education .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left
}

.timeline-centered.education .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right
}

.timeline-centered.education .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px
}

.timeline-centered.education .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.timeline-centered.education .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -22px
}

.timeline-centered.education .timeline-entry .timeline-entry-inner:before {
    content: " ";
    display: table
}

.timeline-centered.education .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-centered.education .timeline-entry .timeline-entry-inner:before {
    content: " ";
    display: table
}

.timeline-centered.education .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
    clear: both
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -85px;
    text-align: right;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-time>span {
    display: block
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
    font-size: 13px;
    font-weight: 700
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
    font-size: 12px
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-icon {
    background: #fff;
    color: #737881;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    -moz-box-shadow: 0 0 0 5px #f5f5f6;
    -webkit-box-shadow: 0 0 0 5px #f5f5f6;
    box-shadow: 0 0 0 5px #f5f5f6;
    line-height: 40px;
    font-size: 15px;
    float: left
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    margin-top: 15px;
    background-color: #fff;
    color: #fff;
    /*border: 2px solid #904d97;*/
    width: 11px;
    height: 11px;
    box-shadow: none
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: 0 0;
    padding: 0;
    margin: 11px 0 0 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label h2 {
    color: #444;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    margin: 0;
    line-height: 1.428571429
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label p {
    color: #737881;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    margin: 0;
    line-height: 1.428571429
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label p+p {
    margin-top: 15px
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label h2 {
    font-size: 14px;
    margin-bottom: 10px
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label h2 a {
    color: #303641
}

.timeline-centered.education .timeline-entry .timeline-entry-inner .timeline-label h2 span {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.courseContent,
.courseContentDiv {
    padding: 0;
    background: 0 0
}

.courseCard {
    margin: 10px 0
}

.courseContentDiv div:nth-child(odd) {
    padding-left: 0
}

.courseContentDiv div:nth-child(even) {
    padding-right: 0
}

.btnEditAbs {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 6px 9px
}

.btnEditAbs .fa-pencil {
    color: #fff;
    font-size: 14px!important
}

.cordBadge {
    display: inline-block;
    background: #fff;
    color: #000;
    top: 0!important;
    width: 25px;
    height: 22px;
    padding: 3px;
    text-align: center;
    margin-left: 4px!important
}

.cordPencil {
    font-size: 15px!important;
    position: relative;
    top: 0!important
}

.btnCircle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    margin-right: 5px
}

.btnCircle .fa-plus {
    color: #fff;
    font-size: 14px!important
}

.courseCard p span {
    margin-right: 10px;
    font-weight: 700
}

.svgLeft,
.svgLeft svg {
    width: 20px;
    margin-right: 5px !important;
    height: 20px;
    vertical-align: -4px;
}

.svgLeftDash,
.svgLeftDash svg {
    width: 18px;
    margin-right: 5px;
    vertical-align: -2px
}

.new_leftment .sidebar .menu .list a:hover .svgLeft path {
    fill: #904d97
}

.new_leftment .sidebar .menu .list a:hover .svgLeftDash path {
    fill: #904d97
}

.sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>.svgLeft,
.sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>.svgLeftDash {
    display: block!important;
    line-height: 25px
}

.sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>.svgLeft,
.sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>.svgLeftDash {
    display: block!important;
    /* color: #904d97!important; */
    left: 25px!important;
    width: 20px!important;
    top: 24px!important;
    width: 20px!important;
    padding: 0!important;
    background: 0 0!important
}

.md-abs-circle-1 {
    position: absolute;
    top: 20px;
    right: 20px
}

.md-abs-circle-2 {
    position: absolute;
    top: 65px;
    right: 20px
}

md-card {
    padding: 20px!important
}

md-card-title {
    margin-bottom: 10px;
    padding: 0!important
}

md-card-content {
    padding: 0!important
}

.dropdown-menu.md-btn-right {
    left: auto!important;
    right: 25px!important;
    top: 0
}

.new_leftment .sidebar .menu .list ul.ml-menu li a span {
    display: block
}

.new_leftment .sidebar .menu .list .ml-menu {
    background-color: #fff!important
}

.rftpLbl label {
    color: rgba(0, 0, 0, .68);
    font-weight: 700;
    -webkit-transform: none!important;
    transform: none!important
}

.rftpLbl .demo-switch {
    margin-top: 0
}

.rftpLbl .trainPlan md-radio-button {
    display: inline-block;
    margin-right: 10px
}

.rftpLbl .trainPlan md-switch:before {
    content: "No ";
    padding: 0 10px
}

.rftpLbl .check-box label {
    padding: 0 26px!important
}

.rftpLbl [type=radio]:checked+label,
.rftpLbl [type=radio]:not(:checked)+label {
    padding-left: 26px!important
}

.rftpLbl .form-control:focus,
.rftpLbl input {
    box-shadow: none!important
}

.rftpLbl md-datepicker {
    padding-left: 0!important
}

.rftpLbl .flex-gt-xs {
    padding-left: 0!important
}

md-checkbox.md-checked .md-icon,
md-checkbox.md-default-theme.md-checked .md-icon {
    background-color: #4caf50!important
}

.rftpLbl .autocomplete-add-form {
    top: -5px!important
}

.rftpLbl md-chip {
    position: absolute;
    z-index: 111
}

.rftpLbl md-checkbox {
    margin-bottom: 8px
}

.empAdd md-switch:before {
    content: "NEW ";
    padding: 0 10px
}

.popupTimeline .fa {
    margin-left: 4px
}

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

@font-face {
    font-family: Bebas-Neue-Book;
    src: url(../fonts/Bebas-Neue-Book.ttf.woff) format("woff"), url(../fonts/Bebas-Neue-Book.ttf.svg#BebasNeueBold) format("svg"), url(../fonts/Bebas-Neue-Book.ttf.eot), url(../fonts/Bebas-Neue-Book.ttf.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}

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

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

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

#topbar {
    background: #fff;
    padding: 7px 0;
    font-size: 14px
}

.signin a {
    padding: 0 7px;
    display: inline-block;
    line-height: 1px
}

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

.signin a:first-child {
    border-left: 0
}

.sign-circle {
    border-radius: 50px;
    /* background: #904d97; */
    border: 0;
    text-align: center;
    color: #fff;
    font-family: Roboto, sans-serif!important;
    height: 33px;
    width: 160px;
    margin-left: 15px;
    line-height: 33px
}

.sign-circle a {
    color: #fff;
    font-weight: 600;
    font-size: 12px
}

.sign-circle a:hover {
    color: #fff
}

.tc-search-btn {
    float: left
}

.tc-search-btn i {
    margin-right: 15px
}

a.tc-search-btn:hover {
    /* color: #904d97!important */
}

input[disabled=disabled] {
    background: transparent!important;
    border-color: #ddd!important;
    font-weight: 600;
}

#header {
    padding: 10px 0 0 0;
    height: 68px;
    transition: all .5s;
    background: #fff;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, .06);
    z-index: 1;
    position: relative
}

#header #logo h1 {
    font-size: 42px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

#header #logo h1 a {
    color: #0c2e8a;
    line-height: 1;
    display: inline-block
}

#header #logo h1 a span {
    /* color: #904d97 */
}

#header #logo img {
    padding: 0;
    margin: 0;
    position: relative;
    top: 0
}

#nav-menu-container {
    float: right;
    margin: 10px 0 0 0
}

.nav-menu a {
    padding: 5px 8px;
    text-decoration: none;
    display: inline-block;
    /* color: #904d97; */
    font-family: Roboto, sans-serif!important;
    font-weight: 500;
    font-size: 14px;
    outline: 0;
    text-transform: uppercase
}

.nav-menu a.active-tab,
.nav-menu li:hover>a,
.nav-menu>.menu-active>a {
    color: #fff;
    /* background: #904d97; */
    text-decoration: none;
    border-radius: 20px
}

.menu-has-children ul li .active {
    background-color: #fff;
    border-radius: 25px;
    /* color: #904d97 */
}

.nav-menu>li {
    margin-left: 10px
}

.nav-menu ul {
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(127, 137, 161, .25);
    /*background: #904d97; */
}

.nav-menu li ul li:hover>a,
.nav-menu>.menu-active ul li>a {
    color: #fff;
    background: 0 0;
    text-decoration: none;
    border-radius: 20px
}

.nav-menu ul li {
    transition: .3s
}

.nav-menu li ul li>a:hover {
    text-decoration: underline
}

.nav-menu ul li a {
    padding: 10px;
    color: #333;
    transition: .3s;
    display: block;
    font-size: 13px;
    text-transform: none
}

.nav-menu ul li:hover>a {
    color: #fff
}

.nav-menu ul ul {
    margin: 0
}

.nav-menu ul li a {
    color: #fff
}

#mobile-nav-toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 55px 10px 0 0;
    border: 0;
    background: 0 0;
    font-size: 24px;
    display: none;
    transition: all .4s;
    outline: 0;
    cursor: pointer
}

button#mobile-nav-toggle i.fa-times {
    top: -31px;
    position: relative
}

#mobile-nav-toggle {
    top: -110px
}

#mobile-nav-toggle i {
    color: #888;
    font-size: 35px
}

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(52, 59, 64, .9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: .4s
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#mobile-nav ul li {
    position: relative
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: 0
}

#mobile-nav ul li a:hover {
    color: #fff
}

#mobile-nav ul li li {
    padding-left: 30px
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    /* color: #904d97 */
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, .9);
    display: none
}

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 33px;
    left: 0;
    z-index: 99
}

.nav-menu li {
    position: relative;
    white-space: nowrap
}

.nav-menu>li {
    float: left
}

.nav-menu li.sfHover>ul,
.nav-menu li:hover>ul {
    display: block
}

.nav-menu ul ul {
    top: 0;
    left: 100%
}

.nav-menu ul li {
    min-width: 180px
}

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(52, 59, 64, .9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: .4s
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#mobile-nav ul li {
    position: relative
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: 0
}

#mobile-nav ul li a:hover {
    color: #fff
}

#mobile-nav ul li li {
    padding-left: 30px;
    margin-right: 15px
}

#mobile-nav ul li a.active {
    color: #363d42
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    text-align: right;
    width: 100%
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #fff
}

#mobile-nav ul .menu-item-active {
    color: #fff
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, .9);
    display: none
}

body.mobile-nav-active {
    overflow: hidden
}

body.mobile-nav-active #mobile-nav {
    left: 0
}

body.mobile-nav-active #mobile-nav-toggle i {
    color: #fff
}

#clients {
    padding: 15px 0;
    border: 1px solid #f5f1f1
}

#clients img {
    max-width: 100%;
    transition: .3s;
    padding: 15px;
    max-height: 110px;
    margin: 0 auto
}

.owl-carousel .owl-item {
    width: 100%
}

.owl-carousel .owl-item img {
    height: inherit;
    max-height: 100%
}

.owl-item span {
    font-size: 12px;
    width: 75%;
    font-weight: 600
}

.c-logo img {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 5px
}

.testimonial-nav .left-logo img {
    -webkit-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%)
}

.testimonial-nav .slick-active .left-logo img {
    filter: none!important
}

.c-logo img:hover {
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
    filter: none;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 2px #ccc;
    padding: 5px
}

.c-logo:hover span {
    color: #635bb0
}

.all-clients .slick-slide {
    opacity: 1!important;
    padding: 0 15px
}

.all-clients.slick-initialized .slick-slide {
    text-align: center
}

.findjobs {
    margin: 70px 0 50px
}

.section-header {
    text-align: center
}

.btn-search {
    /* background: #904d97; */
    border-radius: 35px!important;
    color: #fff;
    border: none;
    padding: 7px 27px;
    font-weight: 600
}

.input-group-btn {
    font-size: 15px!important
}

.btn-search:link,
.btn-search:visited {
    color: #fff
}

.findjobs .input-group {
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 35px;
    width: 500px;
    margin: 0 auto
}

.findjobs .input-group input {
    border: none;
    background: 0 0;
    box-shadow: none
}

h2 {
    font-size: 35px;
    margin: 25px 0 10px;
    font-weight: 600;
    color: #4e4f6e
}

.grey-wrapper {
    background-color: #ebebeb;
    padding: 50px 0
}

.grey-wrapper .section-header h2 {
    font-size: 35px;
    margin: 25px 0 10px;
    font-weight: 600;
    color: #4e4f6e
}

.grey-wrapper .section-header p {
    font-size: 13px;
    font-weight: 500;
    color: #a2a2a2;
    width: 50%;
    margin: 0 auto
}

.steps_holder {
    background-image: url(../images/new_images/steps_background.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    background-size: contain
}

.separator {
    position: relative;
    display: block;
    height: 1px;
    background-color: #e0dede;
    margin: 25px 0
}

.separator.transparent {
    background-color: transparent
}

.steps_holder_inner {
    margin: 0 auto;
    width: 100%;
    height: 245px;
    position: relative
}

.steps_holder .circle_small {
    width: 160px;
    position: absolute;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.steps_holder .circle_small .image_holder {
    width: 160px;
    height: 160px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.steps_holder .circle_small .image_holder img {
    margin: 12px;
    max-width: 148px;
    max-height: 148px
}

.steps_holder.show .circle_small {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.steps_holder .step1 {
    left: 21%;
    top: 95px;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.steps_holder .step2 {
    left: 43%;
    top: 115px;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.steps_holder .step3 {
    left: 75%;
    top: 75px;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.steps_holder .circle_small.step3 .image_holder img {
    width: 78px;
    margin-left: -63px
}

.top-specialization .section-header h2 {
    font-size: 35px;
    margin: 25px 0 10px;
    font-weight: 600;
    color: #4e4f6e
}

.specializations-item {
    box-sizing: content-box;
    margin: 30px 15px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08)
}

.specializations-item .specializations-img {
    width: 90px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 auto
}

.specializations-item h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 5px 0;
    color: #111
}

.specializations-item h4 {
    font-size: 14px;
    color: #999;
    margin: 0
}

.specializations-item .quote-sign-left {
    margin-top: -15px;
    padding-right: 10px;
    display: inline-block;
    width: 37px
}

.specializations-item .quote-sign-right {
    margin-bottom: -15px;
    padding-left: 10px;
    display: inline-block;
    max-width: 100%;
    width: 37px
}

.specializations-item p {
    margin: 0 auto 15px auto
}

.col-item {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #fff
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%
}

.col-item .info {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
    position: relative
}

.col-item .price {
    float: left;
    margin-top: 5px
}

.col-item .price h5 {
    margin: 0;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
    color: #4e4f6e;
    min-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis
}

.col-item .price p {
    margin: 5px 0 10px 0;
    font-size: 12px!important;
    text-align: left;
    line-height: 18px;
    color: #4e4f6e
}

.price-text-color {
    color: #219fd1
}

.clear-left {
    clear: left
}

.col-item .separator p.course-count {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center
}

.col-item .btn-add {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    width: 100%;
    float: left
}

.col-item .btn-add span {
    font-size: 14px
}

.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0
}

.separator-txt {
    position: absolute;
    background: #bbf2f5;
    padding: 3px 6px;
    border-radius: 10px;
    color: #000;
    top: -39px;
    right: 11px;
    font-size: 11px
}

.top-specialization {
    padding: 60px 0 160px;
    background: #f6f7f9;
    position: relative;
    z-index: 2
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    position: relative
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #cacaca;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px
}

#quote-carousel .carousel-control.left {
    bottom: 0;
    position: relative
}

#quote-carousel .carousel-control.right {
    bottom: 0;
    position: relative;
    right: 0
}

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #ccc;
    border-radius: 50px;
    opacity: .4;
    overflow: hidden;
    transition: all .4s
}

#quote-carousel .carousel-indicators .active {
    background: #333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden
}

.carousel-inner {
    min-height: 300px
}

.item blockquote {
    border-left: none;
    margin: 0
}

.item blockquote p:before {
    content: "\f10d";
    font-family: Fontawesome, sans-serif;
    float: left;
    margin-right: 10px
}

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

#testimonial {
    /* background: #904d97; */
    height: auto;
    padding: 15px 0 25px 0
}

.test-content h3 {
    margin-top: 3px
}

#testimonial .slick-next::before,
#testimonial .slick-prev::before {
    color: #000
}

.quote {
    margin: -150px 0 0 0;
    position: relative;
    z-index: 3;
    height: 176px
}

#testimonial .col-md-12 h1,
#testimonial .col-md-12 p {
    z-index: 4
}

.test_cir {
    border: 1px dashed #49538a;
    height: 1200px;
    border-radius: 50%;
    width: 1200px;
    position: absolute;
    margin-top: -15%;
    z-index: 1;
    display: none
}

#testimonial .testimonial-slider p {
    z-index: 4;
    color: #fff;
    text-align: center;
    margin: 0 auto 0;
    width: 75%;
    line-height: 28px;
    font-size: 15px;
    font-family: lato, Arial, Tahoma, sans-serif
}

#testimonial .testimonial-slider .slick-slide>p {
    margin: 0 auto 0;
    width: 75%;
    line-height: 28px;
    font-size: 15px;
    font-family: lato, Arial, Tahoma, sans-serif
}

.testimonial-slide {
    z-index: 2
}

#testimonial .slick-prev::before,
.slick-next::before {
    display: none
}

#testimonial .slick-prev,
.slick-next {
    width: 61px;
    height: 61px;
    top: 53%
}

#testimonial .slick-next {
    background-image: url(../images/new_images/right-Arrow.png)
}

#testimonial .slick-prev {
    background-image: url(../images/new_images/left-Arrow.png)
}

#testimonial .slick-slide img {
    display: block;
    transition: all .5s ease-in-out;
    padding: 30px
}

#testimonial .slick-slide.slick-current.slick-center>figure img {
    opacity: 1;
    width: 180px;
    height: 180px
}

#testimonial .slick-slide.slick-current.slick-center>figure {
    width: 180px;
    height: 180px
}

.testimonial-slide.testimonial-nav {
    width: 730px;
    margin: -20px auto 0;
    height: 270px
}

.testimonial-nav .slick-list .slick-slide {
    width: 144px!important;
    margin: 0 10px;
    background: #fff;
    border-radius: 50%;
    /*border: 2px solid #904d97;*/
    height: 144px;
    transition: all .5s ease-in-out;
    padding: 25px
}

.testimonial-nav .slick-list .slick-slide.slick-center.slick-active {
    margin: 0 50px 0;
    width: 194px!important;
    height: 192px;
    transition: all .5s ease-in-out;
    padding: 25px
}

.testimonial-nav .slick-list {
    top: 60px
}

.slick-slide .content {
    display: none;
    transition: display .5s ease-in-out
}

.slick-slide.slick-current .content {
    display: block
}

.all-apps-screenshots {
    padding-top: 20px
}

.apps-screenshots {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 23px;
    position: relative;
    padding-bottom: 35px;
    z-index: 2
}

.apps-screenshots-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f6f7f9
}

.apps-screenshots-single {
    padding: 39px 48px 70px 45px;
    position: relative
}

.apps-frame {
    position: relative;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0
}

.apps-frame img {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 40%;
    top: -70px
}

.slick-initialized .slick-slide {
    opacity: 1
}

.slick-current.slick-active {
    opacity: 1;
    box-shadow: none
}

.app-bg {
    background: #f6f7f9;
    padding: 30px 0 10px 0
}

.app-icon {
    width: 430px;
    margin: 0 auto;
    text-align: center
}

.app-icon ul {
    padding: 0;
    display: inline-flex
}

.app-icon li {
    float: left;
    list-style: none;
    margin-right: 10px
}

.subcribe_bg {
    background-image: url(../images/new_images/subscribe.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%
}

.subcribe_bg:before {
    /* background: #904d97; */
    opacity: .43;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute
}

.subcribe_bg {
    vertical-align: middle;
    width: 100%
}

.subcribe-content {
    padding: 20px 0
}

.sub-header {
    text-align: center
}

.sub-header h5 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative
}

.btmline::after {
    width: 80px;
    height: 2px;
    background: #fff;
    text-align: center;
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    right: 0;
    margin: auto
}

.subscribe-input {
    background: #fff
}

.ma0 {
    margin: 0!important
}

.subcribe_bg p {
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 12px
}

#footer {
    background: #000;
    color: #fff;
    margin-top: 40px;
    padding: 12px 0;
}

.page_learning-tracker>#footer {
    margin: 50px 0 0
}

.footer-link ul {
    list-style: none;
    padding-left: 0
}

.footer-link ul li {
    padding: 7px 0
}

.footer-link ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600
}

.footer-link ul li a:hover {
    text-decoration: none
}

.footer-link h3 {
    font-size: 14px;
    text-transform: uppercase
}

.footer-sub-header {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    /* border-bottom-color: #904d97; */
    display: inline-block;
    margin: 0 0 -2px 0;
    padding: 10px 3px
}

.footer-link .col-md-4 {
    padding: 0
}

.footer-logo .main-logo {
    width: 320px;
    margin-bottom: 10px
}

.footer-social {
    padding-bottom: 20px;
    border-bottom: 4px double #313131;
    margin-bottom: 25px
}

.findjobs .section-header h2 {
    font-size: 40px;
    margin: 25px 0 10px;
    font-weight: 600;
    color: #4e4f6e
}

.findjobs .section-header p {
    font-size: 17px;
    margin: 0 0 20px 0;
    color: #4e4f6e
}

.intro-txt {
    text-align: center
}

.intro-txt h2 {
    font-size: 31px;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.white-wrapper {
    display: block
}

#Map area {
    max-width: 100%
}

.map {
    position: absolute
}

.white-wrapper {
    background-color: #fff;
    padding: 50px 0;
    margin-top: 0;
    overflow: hidden
}

.eco-back {
    text-align: center;
    background-image: url(../images/new_images/eco-bg.png);
    height: 600px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: relative;
    width: 850px;
    margin: auto
}

.ent-sol {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 119px;
    margin: auto;
    height: 80px;
    float: left;
    opacity: .8;
    transition: opacity .5s ease-in-out
}

.ent-sol:hover {
    opacity: 1
}

.ent-sol img {
    float: left;
    width: auto;
    height: 80px
}

.eco-back>div:hover a span {
    /* color: #904d97 */
}

.student-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase;
    font-size: 12px
}

.student-txt:hover {
    /* color: #904d97 */
}

.student-1:hover {
    text-decoration: none
}

.student-1 {
    position: relative;
    bottom: 140px;
    left: 7px;
    -webkit-transform: preserve-3d;
    -moz-transform: preserve-3d;
    -ms-transform: preserve-3d;
    -o-transform: preserve-3d;
    transform: preserve-3d
}

.profession-1 {
    position: relative;
    bottom: 295px;
    left: 202px
}

.profession-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase
}

.profession-txt:hover {
    /* color: #904d97 */
}

.profession-1:hover {
    text-decoration: none
}

.corporate-1 {
    position: relative;
    bottom: 352px;
    left: 250px
}

.corporate-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase
}

.corporate-txt:hover {
    /* color: #904d97 */
}

.corporate-1:hover {
    text-decoration: none
}

.corporate-1 img {
    position: relative;
    left: 19px
}

.recurting-1 {
    position: relative;
    bottom: 425px;
    left: 118px
}

.recurting-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase
}

.recurting-txt:hover {
    /* color: #904d97 */
}

.recurting-1:hover {
    text-decoration: none
}

.university-1 {
    position: relative;
    left: -98px;
    bottom: 632px
}

.university-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase
}

.university-txt:hover {
    /* color: #904d97 */
}

.university-1:hover {
    text-decoration: none
}

.excutived-1 {
    position: relative;
    left: -233px;
    bottom: 1013px
}

.excutived-1 img {
    position: relative;
    left: -4px
}

.excutived-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 0
}

.excutived-txt:hover {
    /* color: #904d97 */
}

.excutived-1:hover {
    text-decoration: none
}

.trainer-1 {
    position: relative;
    left: -185px;
    bottom: 1472px
}

.trainer-txt {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: Roboto, sans-serif!important;
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 0
}

.trainer-1:hover {
    text-decoration: none
}

.tc-search-btn a {
    padding: 0!important
}

.close-btn {
    position: absolute;
    top: 25px;
    right: 10%;
    z-index: 9999
}

.close-btn img {
    width: 24px;
    height: 24px
}

.close-btn button.close {
    opacity: 1
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mr-6 {
    margin-right: 6rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

.mt-120 {
    margin-top: 120px
}

.mt-140 {
    margin-top: 140px
}

.mt-145 {
    margin-top: 145px
}

.mt-100 {
    margin-top: 100px
}

.mt-85 {
    margin-top: 85px
}

.tag-h2 {
    color: #fff!important;
    font-weight: 300!important
}

.mt-160 {
    margin-top: 160px
}

.drop-select {
    width: 100%!important
}

.drop-select .btn {
    background-color: transparent!important;
    border-bottom: 1px solid #000!important;
    border-bottom-color: #000;
    border: #000;
    border-radius: 0;
    font-size: 18px;
    color: rgba(0, 0, 0, .5);
    font-weight: 400;
    font-family: Roboto, sans-serif!important;
    padding-top: 9px
}

.drop-select .btn:nth-child(1) {
    border-bottom: none!important;
    font-size: 16px
}

.border-bootom-1 {
    border-bottom: 1px solid #000
}

.drop-select .btn:focus {
    outline: 0;
    color: #000;
    font-size: 18px;
    outline: 0
}

.drop-select .btn:active {
    outline: 0;
    color: #000;
    font-size: 18px;
    outline: 0
}

.search-input:focus {
    outline: 0
}

.drop-select .btn:focus {
    background-color: transparent;
    color: #000;
    outline: transparent!important
}

.drop-select .btn:active {
    color: #000
}

.bootstrap-select .dropdown-toggle:focus {
    outline: transparent!important
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    font-family: FontAwesome;
    content: "\f077"
}

oi-select.drop-select .select-search::after {
    font-family: FontAwesome;
    content: "\F107";
    font-size: 20px;
    font-weight: 700
}

.search-input {
    width: 100%;
    background-color: transparent!important;
    border-bottom: 1px solid rgba(0, 0, 0, .5)!important;
    border-bottom-color: rgba(0, 0, 0, .5);
    border: rgba(0, 0, 0, .5);
    border-radius: 0;
    font-size: 30px;
    line-height: 36px;
    /* color: #904d97!important; */
    font-weight: 300;
    font-family: Roboto, sans-serif!important;
    padding: .35rem .75rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-right: 92px
}

.search-input::placeholder {
    font-size: 30px
}

.go-btn::after {
    font-family: FontAwesome;
    content: "\F105 ";
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 20px;
    padding-left: 20px;
    position: relative;
    bottom: 5px;
    right: 10px
}

.go-btn {
    position: absolute;
    bottom: 0;
    /* color: #904d97!important; */
    font-weight: 600;
    font-size: 30px;
    padding: 0 30px;
    font-family: montserrat, sans-serif!important;
    right: 0;
    opacity: .5
}

.go-btn:hover {
    text-decoration: none;
    opacity: 1
}

.tags-bg {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../images/new_images/tags-bg.jpg);
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.tag-container {
    color: #fff;
    text-align: center;
    padding: 10px 35px;
    width: 10%;
    border: 1px solid #fff;
    border-radius: 50px;
    font-family: Roboto, sans-serif!important;
    font-weight: 300
}

.tag-container:hover {
    background-image: linear-gradient(#544cf9, #814cf9), url(../images/new_images/tags-bg.jpg);
    border: 1px solid rgba(255, 255, 255, 0);
    color: #fff;
    text-decoration: none
}

.rect-design {
    width: 100%;
    height: 350px;
    background-color: #39cccc;
    background-size: cover;
    -webkit-clip-path: polygon(100% 0, 100% 0, 0 0, 0 200%);
    clip-path: polygon(100% 0, 100% 0, 0 0, 0 200%)
}

.login-container {
    position: relative;
    width: 728px;
    height: 380px;
    background-image: url(../images/new_images/signin-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.login-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .9;
    background-color: #635bb0
}

.login-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(62.8265% 0, -1.49859% 4px, -1.24483% 411px, 52.0649% 108.936%)!important;
    clip-path: polygon(62.8265% 0, -1.49859% 4px, -1.24483% 411px, 52.0649% 108.936%)!important;
    background-color: #620cc2
}

.email-input {
    border-radius: 0;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 10px;
    font-family: montserrat, sans-serif!important
}

.password-input {
    border-radius: 0;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 10px;
    font-family: montserrat, sans-serif!important
}

.email-input::placeholder {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: montserrat, sans-serif!important
}

.password-input::placeholder {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: montserrat, sans-serif!important
}

.forgot-pass {
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    font-family: Roboto, sans-serif!important
}

.forgot-pass:hover {
    color: #fff;
    text-decoration: none
}

.btn-white {
    background-color: #fff!important;
    color: #620cc2;
    border-radius: 50px!important;
    padding: 12px 40px!important;
    font-weight: 600!important;
    font-family: montserrat, sans-serif!important
}

.cra-account {
    color: #fff!important;
    font-weight: 300;
    text-decoration: underline;
    font-family: Roboto, sans-serif!important
}

.cra-account:hover {
    color: #fff!important;
    font-weight: 300;
    text-decoration: underline
}

.login-l-h2 {
    color: #fff!important;
    font-family: BebasNeueBold!important;
    font-style: normal;
    font-weight: 600!important;
    font-size: 36px!important;
    text-transform: uppercase
}

.text-size-24 {
    font-size: 24px!important
}

.mt-45 {
    margin-top: 45px
}

.login-p {
    color: #fff;
    width: 51%;
    line-height: 35px;
    font-family: Roboto, sans-serif!important;
    font-weight: 400
}

.login-close {
    position: absolute;
    right: 10px;
    color: #fff!important;
    z-index: 300;
    opacity: 1!important;
    font-size: 45px!important
}

.btn-white::after {
    font-family: FontAwesome;
    content: "\F105 ";
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 20px;
    padding-left: 20px;
    font-weight: 400
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em
}

.flex-grid {
    display: flex;
    flex-wrap: wrap
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0 dashed;
    border-right: 0 solid transparent!important;
    border-left: 0 solid transparent!important
}

.btn-group.open .dropdown-toggle {
    box-shadow: none!important
}

#search_modal {
    padding-left: 0!important
}

.right-inner-addon {
    position: relative
}

.right-inner-addon input {
    padding-right: 30px
}

.right-inner-addon i {
    position: absolute;
    right: 0;
    padding: 10px 12px;
    pointer-events: none
}

.tc-search-btn i {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 18px;
    /* color: #904d97 */
}

.tc-search-btn input {
    padding-left: 40px;
    /* color: #904d97; */
    border-radius: 20px
}

oi-select.bootstrap-select {
    font-size: 16px
}

.oi-select-search oi-select {
    background: 0 0;
    border-bottom: 1px solid #000;
    height: 34px;
    margin-bottom: 15px
}

.oi-select-search .select-search {
    border-bottom: 0;
    background: 0 0
}

.oi-select-search .select-search-list-item_input input {
    background: 0 0;
    color: #000
}

.oi-select-search oi-select:not(.multiple) .select-search-list-item_selection:not(:active) {
    background-color: transparent!important;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.oi-select-search ul.select-search-list li span.close {
    color: #000;
    opacity: 1;
    right: 3px;
    font-size: 17px;
    top: 6px;
    position: absolute
}

.oi-select-search .select-search-list-item_input input::placeholder {
    color: #000
}

.global-search input::placeholder {
    color: #000
}

.global-search input {
    background: 0 0;
    border-bottom: 1px solid #000;
    height: 34px;
    margin-bottom: 15px;
    border-left: none;
    border-right: none;
    border-top: none
}

.navbar-nav .dropdown-menu.nav-top-user-dropdown li a {
    color: #000;
    padding: 15px!important;
    width: 100%;
    border-bottom: 1px solid #f7eded
}

.log-footer,
.log-header {
    color: #000
}

.log {
    width: 100%
}

.sign-circle li {
    width: 100%;
    line-height: 33px
}

.log .navbar-nav {
    float: none
}

.log ul.navbar-nav .my-account span {
    color: #fff
}

.navbar-nav .dropdown-menu.nav-top-user-dropdown li a:hover {
    /* color: #904d97!important; */
    background-color: #f1ebeb
}

#testimonial .slick-active.slick-center {
    opacity: 1
}

slick.testimonial-slide .slick-active {
    opacity: 1
}

slick.testimonial-slide .slick-slide {
    opacity: .5
}

#screenshots .slick-active {
    opacity: 1
}

.slick-slide:nth-child(2) {
    opacity: 1
}

.top-specialization .slick-initialized .slick-slide {
    opacity: 1
}

.tooltip1 {
    position: relative;
    display: inline-block
}

.tooltip1 .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #c67fce;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 8px 8px 8px 8px;
    position: absolute;
    z-index: 1;
    height: 44px;
    top: -43px;
    width: 92px
}

.tooltiptext ul li:hover {
    border-color: #fff
}

.tooltiptext ul li:hover i {
    color: #fff
}

.student-1.tooltip1 .tooltiptext {
    top: 29px;
    position: absolute;
    left: 61px
}

.corporate-1.tooltip1 .tooltiptext {
    top: 29px;
    position: absolute;
    left: 100px
}

.recurting-1.tooltip1 .tooltiptext {
    top: 95px;
    position: absolute;
    left: 67px
}

.university-1.tooltip1 .tooltiptext {
    top: 93px;
    position: absolute;
    left: -83px
}

.excutived-1.tooltip1 .tooltiptext {
    top: 86px;
    position: absolute;
    left: -73px
}

.tooltip1:hover .tooltiptext {
    visibility: visible
}

.tooltiptext ul {
    display: inline;
    padding: 0;
    margin: 0
}

.tooltiptext ul li {
    float: left;
    border: 2px solid #000;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    padding: 5px
}

.tooltiptext ul li:last-child {
    margin-right: 0
}

.tooltiptext ul li i {
    font-size: 15px
}

.subscribe-input .form-control {
    padding-left: 10px
}

.mob-student {
    position: relative;
    top: 50px
}

.mob-student img {
    max-width: 100%;
    width: 75%
}

.mob-professional {
    position: relative;
    right: 0;
    top: -47px;
    left: 27%
}

.mob-professional img {
    max-width: 100%;
    width: 75%
}

.mob-corporate {
    position: relative;
    top: -164px;
    left: 0
}

.mob-corporate img {
    max-width: 100%;
    width: 75%
}

.mob-recurting {
    position: relative;
    top: -267px;
    left: 33%
}

.mob-recurting img {
    max-width: 100%;
    width: 75%
}

.mob-university {
    position: relative;
    top: -374px
}

.mob-university img {
    max-width: 100%;
    width: 75%
}

.mob-excutived {
    position: relative;
    top: -472px;
    left: 27%
}

.mob-excutived img {
    max-width: 100%;
    width: 75%
}

.mob-trainer {
    position: relative;
    top: -610px;
    left: -1%
}

.mob-trainer img {
    max-width: 100%;
    width: 75%
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: #fff;
    right: 5px
}

.mob-professional.tooltip1 .tooltiptext {
    top: -49px;
    position: absolute;
    left: 100px
}

.mob-corporate.tooltip1 .tooltiptext {
    top: -46px;
    position: absolute;
    left: 21px
}

.mob-recurting.tooltip1 .tooltiptext {
    top: -46px;
    position: absolute;
    left: 104px
}

.mob-university.tooltip1 .tooltiptext {
    top: -45px;
    position: absolute;
    left: 19px
}

.mob-excutived.tooltip1 .tooltiptext {
    top: -46px;
    position: absolute;
    left: 103px
}

.mob-trainer.tooltip1 .tooltiptext {
    top: -45px;
    position: absolute;
    left: 22px
}

.apps-screenshots h2 {
    text-align: center;
    font-size: 35px;
    position: relative;
    margin-bottom: 35px
}

.mob-search .select-search ul:after {
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 16px;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px
}

.mrt15 {
    margin-top: 15px
}

.videoWrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.videoWrapper video {
    min-width: 100%;
    min-height: 100%
}

.white-wrapper {
    background: url(../images/new_images/brain.jpg) no-repeat center center
}


.tc-copyright p {
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin: 0
}

.specializations img {
    width: 106px;
    max-width: inherit
}

.tc-ecosystem-mob {
    display: none
}

.mobsocialLogin {
    display: none
}

.m-help-error {
    color: #ff0
}

@media (max-width:767px) {
    .mobsocialLogin {
        display: block
    }
    .findjobs .input-group {
        width: 100%
    }
    .grey-wrapper .section-header p {
        width: 100%
    }
    .apps-frame {
        display: none
    }
    .white-wrapper {
        display: none
    }
    .tc-ecosystem-mob {
        display: block;
        position: relative
    }
    .app-icon {
        width: 95%
    }
    .my-account span {
        line-height: 22px
    }
    .app-icon li {
        margin-bottom: 15px
    }
    .app-icon li:last-child {
        margin-right: 0
    }
    .top-specialization .section-header h2 {
        font-size: 22px
    }
    .top-specialization {
        padding: 20px 0 40px
    }
    .tc-ecosystem-mob .section-header h2 {
        font-size: 22px
    }
    .test_cir,
    .test_line {
        display: none
    }
    #testimonial .slick-next,
    #testimonial .slick-prev {
        display: none!important
    }
    .testimonial-nav .slick-list {
        margin-top: 48px;
        margin-bottom: 35px;
        top: 0
    }
    #testimonial {
        height: auto
    }
    .testimonial-slide.testimonial-nav {
        width: 100%
    }
    #testimonial .col-md-12 h1 {
        font-size: 22px
    }
    .grey-wrapper .section-header h2 {
        font-size: 22px;
        line-height: 30px
    }
    .userlogged .bars #logo a {
        left: 0
    }
    .log {
        right: 0
    }
    .quote {
        display: none
    }
    #medias h2,
    .apps-screenshots h2 {
        text-align: center;
        font-size: 22px
    }
    .mob-pad {
        padding: 10px
    }
    .search-input {
        padding-right: 62px
    }
    .search-input::placeholder {
        font-size: 15px
    }
    .go-btn {
        font-size: 22px;
        padding: 0 15px
    }
    .trial-but {
        padding: 0 28px;
        font-size: 16px
    }
    .slick-slide img {
        border: 1px solid #eee
    }
}

@media only screen and (max-width:600px) and (min-width:320px) {
    .sign-circle {
        width: 150px;
        height: 34px;
        padding: 0;
        margin: 10px 0 10px 40px;
        float: right
    }
    input.mob-search-btn {
        display: none
    }
    .no-pad {
        padding: 0
    }
    .mt-140 {
        margin-top: 87px;
        font-size: 23px
    }
    #logo a img {
        width: 90%
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .nav-menu>li {
        margin-left: 0
    }
    .nav-menu a {
        font-size: 13px
    }
    .test_cir,
    .test_line {
        display: none
    }
    .apps-screenshots-single {
        padding: 17px 41px 70px 37px
    }
}

@media only screen and (max-width:1311px) and (min-width:1191px) {
    .test_cir {
        display: none!important
    }
    #testimonial .slick-prev {
        display: block;
        right: -140px
    }
    #testimonial .slick-next {
        display: block;
        right: -218px
    }
}

@media only screen and (max-width:1190px) and (min-width:1060px) {
    .test_cir {
        display: none!important
    }
    #testimonial .slick-prev {
        display: block;
        left: -144px
    }
    #testimonial .slick-next {
        display: block;
        right: -160px
    }
}

@media only screen and (max-width:1059px) and (min-width:992px) {
    .test_cir {
        display: none!important
    }
    #testimonial .slick-prev {
        display: block;
        left: -100px
    }
    #testimonial .slick-next {
        display: block;
        right: -100px
    }
}

@media only screen and (max-width:991px) and (min-width:856px) {
    .test_cir {
        display: none!important
    }
    #testimonial .slick-prev {
        display: block;
        left: -60px
    }
    #testimonial .slick-next {
        display: block;
        right: -60px
    }
}

@media only screen and (max-width:855px) and (min-width:768px) {
    .test_cir {
        display: none!important
    }
    #testimonial .slick-prev {
        display: block;
        left: -60px
    }
    #testimonial .slick-next {
        display: block;
        right: -60px
    }
    .testimonial-nav .slick-list .slick-slide {
        width: 110px!important;
        height: 110px
    }
    .testimonial-nav .slick-list .slick-slide.slick-center.slick-active {
        width: 150px!important;
        height: 150px
    }
    .testimonial-slide.testimonial-nav {
        width: 615px!important
    }
    #testimonial .slick-prev,
    .slick-next {
        top: 50%
    }
}

@media only screen and (max-width:320px) and (min-width:270px) {
    .sign-circle {
        height: 34px;
        margin-left: 5px;
        margin-right: 5px
    }
    .signin .col-xs-5 {
        padding: 0
    }
    .no-pad {
        padding: 0
    }
    .signin a {
        padding: 0
    }
    #logo a img {
        width: 85%
    }
}

@media (max-width:768px) {
    #header {
        padding: 20px 0;
        height: 74px
    }
    #header #logo img {
        max-height: 60px
    }
    #nav-menu-container {
        display: none
    }
    .mobile-nav-active #mobile-nav-toggle i.fa.fa-times {
        color: #fff
    }
}

@media (max-width:992px) {
    #nav-menu-container {
        display: none
    }
    #mobile-nav-toggle {
        display: inline
    }
    .apps-frame {
        display: none
    }
}

@media only screen and (max-width:480px) and (min-width:310px) {
    .feedback-questions-header .card.card-left {
        padding: 15px 10px
    }
}

@media only screen and (max-width:767px) {
    .col-xs-12.process-steps {
        padding: 0;
        margin: 20px 0 0
    }
    #process-steps li {
        float: left;
        width: 100%;
        margin: 0;
        border-bottom-width: 1px
    }
    .grey-wrapper {
        padding: 20px 0
    }
    .process-wrapper {
        padding-bottom: 30px!important
    }
    .search-feilds-3 .search-field {
        width: 50%
    }
    .search-feilds-3 .search-field:first-child {
        margin-left: 0!important
    }
    .footer-social {
        padding-top: 20px
    }
    .feedback-header {
        font-size: 20px
    }
    .white-wrapper {
        display: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .tab-eco {
        padding: 0
    }
    .eco-back {
        background-position: 0;
        width: 760px;
        margin: auto
    }
    .ent-sol {
        right: 6px
    }
    .excutived-1 {
        position: relative;
        left: -287px;
        bottom: 993px
    }
    .trainer-1 {
        position: relative;
        left: -237px;
        bottom: 1462px
    }
    .student-1 {
        bottom: 130px;
        left: -43px
    }
    .profession-1 {
        bottom: 295px;
        left: 152px
    }
    .corporate-1 {
        bottom: 352px;
        left: 203px
    }
    .recurting-1 {
        position: relative;
        bottom: 425px;
        left: 66px
    }
    .university-1 {
        position: relative;
        left: -149px;
        bottom: 622px
    }
}

@media only screen and (max-width:1198px) and (min-width:992px) {
    .col-md-8.col-sm-12.col-xs-12.footer-link {
        padding: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .test_cir,
    .test_line {
        display: none
    }
    .testimonial-slide.testimonial-nav {
        width: 100%
    }
}

@media (max-width:1023px) {
    .go-top {
        bottom: 0;
        left: 0;
        width: 65px
    }
    #mobile-nav-toggle {
        display: inline
    }
    .apps-screenshots-single {
        padding: 10px
    }
    .testmonial-logo {
        display: none
    }
    .testmonial-logo {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    .log {
        position: absolute;
        right: 0!important;
        top: 12px;
        width: 40%
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 35px;
        width: 50%!important;
        left: 7%;
        position: relative
    }
    .global-search-left .dropdown-toggle {
        padding: 10px 8px 7px!important;
        border-right: 1px solid #dcdada!important;
        border-radius: 0!important
    }
    .padding-0 {
        padding: 0!important
    }
    .modal-footer {
        padding: 12px!important
    }
    .dropdown-menu {
        margin-left: 0!important
    }
    .search-feilds-2 .search-field {
        width: 100%;
        margin-left: 0
    }
    .search-feilds-2 .search-btn-wrap {
        width: 100%!important;
        margin-left: 0!important
    }
    .mobile-wrap {
        width: 50%;
        float: left;
        margin-bottom: 10px!important
    }
    .media-specification-res {
        width: auto!important;
        height: auto!important;
        margin: 0!important
    }
    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
        margin-right: 34px;
        white-space: pre-wrap;
        line-height: initial
    }
    .jobs-card table tr td:first-child {
        width: 95px;
        vertical-align: top
    }
}

@media only screen and (max-width:480px) {
    .profile-clip img {
        width: 90px!important
    }
}

@media only screen and (min-width:568px) and (max-width:320px) and (orientation:landscape) {
    .my-account {
        padding-top: 5px!important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
    .log {
        position: absolute;
        right: 0!important;
        top: 12px;
        width: 40%
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 35px;
        width: 50%!important;
        left: 7%;
        position: relative
    }
    .global-search-left .dropdown-toggle {
        padding: 10px 8px 7px!important;
        border-right: 1px solid #dcdada!important;
        border-radius: 0!important
    }
    .padding-0 {
        padding: 0!important
    }
    .modal-footer {
        padding: 12px!important
    }
    .dropdown-menu {
        margin-left: 0!important
    }
    .search-feilds-2 .search-field {
        width: 100%;
        margin-left: 0
    }
    .search-feilds-2 .search-btn-wrap {
        width: 100%!important;
        margin-left: 0!important
    }
    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
        margin-right: 34px;
        white-space: pre-wrap;
        line-height: initial
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
    .log {
        position: absolute;
        right: 0!important;
        top: 12px;
        width: 40%
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 35px;
        width: 50%!important;
        left: 7%;
        position: relative
    }
    .global-search-left .dropdown-toggle {
        padding: 10px 8px 7px!important;
        border-right: 1px solid #dcdada!important;
        border-radius: 0!important
    }
    .padding-0 {
        padding: 0!important
    }
    .modal-footer {
        padding: 12px!important
    }
    .dropdown-menu {
        margin-left: 0!important
    }
    .search-feilds-2 .search-field {
        width: 100%;
        margin-left: 0
    }
    .search-feilds-2 .search-btn-wrap {
        width: 100%!important;
        margin-left: 0!important
    }
    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
        margin-right: 34px;
        white-space: pre-wrap;
        line-height: initial
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:640px) {
    .log {
        position: absolute;
        right: 0!important;
        top: 12px;
        width: 40%
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 35px;
        width: 50%!important;
        left: 7%;
        position: relative
    }
    .global-search-left .dropdown-toggle {
        padding: 10px 8px 7px!important;
        border-right: 1px solid #dcdada!important;
        border-radius: 0!important
    }
    .padding-0 {
        padding: 0!important
    }
    .modal-footer {
        padding: 12px!important
    }
    .dropdown-menu {
        margin-left: 0!important
    }
    .search-feilds-2 .search-field {
        width: 100%;
        margin-left: 0
    }
    .search-feilds-2 .search-btn-wrap {
        width: 100%!important;
        margin-left: 0!important
    }
}

@media only screen and (min-device-width:769px) and (max-device-width:1048px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
        width: auto!important;
        left: 0;
        position: relative
    }
    .log {
        position: absolute;
        right: 10px!important;
        top: 0;
        width: 40%
    }
    .navbar .navbar-toggle {
        color: #fff;
        top: 0!important
    }
    .navbar .navbar-toggle {
        position: absolute;
        right: -5px;
        display: block
    }
    .navbar-toggle[data-target="#navbar-collapse"] {
        padding: 8px 8px 6px 10px;
        width: 40px;
        display: none;
        z-index: 9999
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .content-center,
    .dashboard-content {
        margin-top: 0!important
    }
    .dashboard-right {
        margin-top: 30px
    }
}

@media only screen and (min-device-width:1280px) and (max-device-width:720px) {
    .search-feilds-2 .search-field {
        width: 40%;
        margin-left: 20%
    }
    .search-feilds-2 .search-btn-wrap {
        width: 20%!important;
        margin-left: 0!important
    }
}

@media only screen and (min-width:1551px) {
    .banner {
        background-size: cover
    }
}

@media only screen and (min-width:992px) {
    .new_leftment .dashboard-left {
        width: 0;
        float: left
    }
    .dashboard-left {
        width: 25%;
        width: -webkit-calc(300px - 0px);
        width: -moz-calc(300px - 0px);
        width: calc(300px - 0px);
        float: left
    }
    .sidebar-collapse .new_leftment .dashboard-right.inactive {
        width: 90%;
        padding-left: 20px;
        min-height: 850px;
        padding-left: 30px !important;
    }
    .dashboard-right {
        width: 80%;
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        float: right;
        padding-left: 35px;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        min-height: 85%;
        max-height: 100%
    }
    .new_leftment .dashboard-left.corporatemenu {
        width: 0;
        position: relative;
        float: left;
        z-index: 1;
        top: 0;
        left: 0;
        min-height: 100%
    }
    #side_bar {
        display: block!important
    }
    .position-r-md {
        position: relative!important
    }
    .position-a-md {
        position: absolute!important
    }
    #preview-chart-modal .modal-body {
        width: 900px
    }
    .preview-chart-active {
        width: 901px!important
    }
}

@media only screen and (min-width:1200px) {
    .sidebar-collapse .new_leftment .dashboard-right.inactive {
        width: 94%;
        padding-left: 20px;
        min-height: 930px;
        padding-left: 30px !important;
    }
    .card-list {
        width: 20%
    }
    .dashboard-content .container {
        width: 100%
    }
    .bars {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .dashboard-content {
        margin-top: 115px
    }
    .navbar-collapse.collapse {
        display: block!important
    }
    .right-list {
        padding-left: 8px
    }
    .right-content {
        margin-top: 35px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .info-box-3 .content .number {
        font-size: 20px
    }
    .info-box-3 .content {
        padding: 7px
    }
    #menu-toggle {
        display: none!important
    }
    .navbar-nav li a {
        padding: 12px 6px
    }
    #navbar-collapse {
        padding-right: 0
    }
    .navbar-brand {
        padding-left: 0;
        margin-left: 0!important
    }
    .sidebar {
        top: 103px
    }
    .new_leftment .sidebar {
        top: 0
    }
    .navbar-brand {
        padding-left: 0!important
    }
    .skill-list-grid .col-md-3 {
        width: 50%
    }
    .responsive-991 .col-md-3 {
        width: 33.333333%
    }
    .media-heading {
        font-size: 13px!important
    }
    .benefits>div>div {
        height: 400px!important;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .search-feilds-7 {
        padding-top: 7px;
        height: 210px
    }
    .search-feilds-7 .search-field {
        width: 33.333%
    }
    .search-btn-wrap {
        margin-left: 33.333%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .content-center,
    .dashboard-content {
        margin-top: 70px
    }
    .navbar-header {
        width: 28%;
        width: -webkit-calc(200px - 0px);
        width: -moz-calc(200px - 0px);
        width: calc(165px - 0px)
    }
    .global-search-wrap {
        width: 50%;
        width: -webkit-calc(100% - 355px);
        width: -moz-calc(100% - 355px);
        width: calc(100% - 355px)
    }
    .log {
        width: 22%;
        width: -webkit-calc(155px - 0px);
        width: -moz-calc(155px - 0px);
        width: calc(155px - 0px)
    }
    .log.languagepart {
        width: 100%
    }
    .mob-lang {
        padding: 0
    }
    .log li a {
        padding-left: 8px;
        padding-right: 8px
    }
    .navbar-toggle {
        display: block
    }
    .navbar .navbar-toggle {
        position: absolute;
        right: -5px;
        display: block
    }
    .search-feilds-6 {
        padding-top: 6px;
        height: 208px
    }
    .bg-search-wrap {
        margin-top: -20px
    }
    .right-content {
        margin-top: 85px
    }
    .userlogged .navbar-brand {
        margin-left: 16px!important;
        padding-right: 0
    }
    .userlogged .bars i {
        display: none
    }
    .navbar .navbar-toggle {
        /* color: #904d97!important; */
        top: 0!important
    }
    #header .container,
    #topbar .container {
        max-width: 100%;
        padding: 0 30px
    }
    .sign-circle {
        margin-right: -15px;
        width: 144px;
        padding: 0
    }
    #mobile-nav-toggle {
        right: 15px!important
    }
}

@media only screen and (min-width:768px) {
    .article {
        width: calc(100% - 450px)
    }
    .aside {
        width: 450px
    }
    .log.out {
        margin-top: 0;
        left: 0;
        top: 0;
        width: 100%
    }
    .sm-container {
        width: 720px
    }
    .modal-medium {
        width: 420px
    }
    .view-section .view-section {
        margin-top: 20px
    }
    .pull-right-sm {
        float: right!important
    }
}

@media only screen and (max-width:991px) {
    .sidebar {
        width: 300px;
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1111111!important;
        display: none
    }
    .new_leftment .sidebar {
        width: 300px;
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1111111!important;
        display: block
    }
    .logo-text {
        display: block;
        font-size: 16px;
        margin-top: 11px;
        /* color: #904d97 */
    }
    .navbar-brand img {
        display: none
    }
    .main-header {
        right: 270px!important
    }
    .sidebar-collapse.sidebar-open .sidebar .menu .list {
        display: block
    }
    .sidebar-collapse.sidebar-open .new_leftment .sidebar .menu .list {
        display: none
    }
    .navbar-brand {
        padding-left: 0;
        margin-left: 0!important
    }
    .category-wrap,
    .date-wrap,
    .price-wrap {
        margin-bottom: 10px
    }
    .global-search-right {
        position: static!important
    }
    .global-search-right [uib-typeahead-popup].dropdown-menu {
        width: 100%;
        top: 73px!important;
        left: 0!important
    }
    .login-page {
        max-width: 60%;
        min-width: 290px
    }
    .individual-left,
    .individual-right {
        width: 100%
    }
    .profile-right-2 {
        text-align: left
    }
    p.card-price {
        font-size: 12px
    }
    span.original-price {
        font-size: 12px
    }
    .userlogged .bars {
        display: block
    }
    .card .header h2 {
        font-size: 17px
    }
    .m-b-25-sm {
        margin-bottom: 25px!important
    }
    #preview-chart-modal .modal-body {
        width: 99%
    }
    .preview-chart-active {
        width: 100%!important
    }
    .sub-dash-head {
        margin-top: 20px
    }
}

@media only screen and (max-width:992px) {
    .search-feilds-6 {
        padding-top: 30px
    }
}

@media only screen and (max-width:767px) {
    ul.list {
        overflow: auto;
        height: 100%
    }
    .sidebar-open .sidebar .menu .list {
        display: none
    }
    .sidebar-open .new_leftment .sidebar {
        display: none
    }
    .resp-circle {
        width: 30px;
        height: 30px
    }
    .navbar-toggle[data-target="#navbar-collapse"] {
        display: block
    }
    .profile-left,
    .profile-right {
        width: 100%
    }
    .article {
        width: calc(100% - 450px)
    }
    .aside {
        width: 450px
    }
    .navbar-header {
        display: block!important;
        /* background-color: #904d97 */
        width: 100%!important;
        margin: 0!important
    }
    .nav-top .container {
        padding: 0
    }
    .nav-top {
        padding-top: 0
    }
    .navbar .navbar-toggle {
        left: 0;
        position: absolute
    }
    .navbar .navbar-brand {
        padding: 11px 5px;
        height: 45px;
        margin-left: 0!important
    }
    .global-search-wrap {
        width: 100%;
        padding: 4px;
        margin-top: 0
    }
    .log .navbar-nav {
        margin-right: 5px
    }
    .userlogged .global-search-wrap {
        padding: 4px 4px 4px 45px
    }
    .log {
        position: absolute;
        right: 21px;
        top: 12px;
        width: 100%
    }
    .ngdialog-wrapper {
        width: 70%
    }
    .log.in {
        right: 7px
    }
    .dashboard-content {
        margin-top: 116px;
        padding: 0
    }
    .logo-text {
        margin-top: 0;
        color: #fff;
        padding-left: 15px
    }
    .log.in li a {
        padding-top: 11px;
        padding-right: 4px;
        color: #fff!important
    }
    .log.out li a[data-toggle=dropdown] {
        color: #fff!important
    }
    .navbar-collapse {
        float: left!important;
        padding-left: 15px!important
    }
    .navbar-collapse .navbar-nav {
        margin: 0
    }
    .bg-search-wrap {
        margin-top: 0
    }
    .bg-slide,
    .bg-slider {
        height: 355px
    }
    .search-fields-title {
        font-size: 18px
    }
    .search-feilds-wrap .container {
        padding: 0
    }
    .search-feilds-10 {
        margin-top: -355px;
        height: 361px
    }
    .search-feilds-10 .search-field {
        width: 50%;
        float: left
    }
    .search-feilds-8 {
        margin-top: -355px;
        height: 275px
    }
    .search-feilds-8 .search-field {
        width: 50%
    }
    .search-feilds-6 .search-field {
        width: 50%
    }
    .search-feilds-6 {
        padding-top: 0;
        height: 195px;
        margin-top: -245px
    }
    .bg-feilds-6,
    .bg-feilds-6 .bg-slide {
        height: 265px
    }
    .search-feilds-7 {
        margin-top: -408px;
        height: 275px;
        margin-bottom: 60px
    }
    .search-feilds-7 .search-field {
        width: 50%
    }
    .search-feilds-7 .search-btn {
        width: 100%
    }
    .spinner-wrap {
        height: 100px
    }
    .log.out {
        top: 7px
    }
    .individual-left {
        margin-top: 15px
    }
    .home-icon {
        display: none!important
    }
    .nav-bottom .nav>li {
        width: 100%
    }
    .nav-bottom .nav>li a {
        text-align: left
    }
    #navbar-collapse {
        margin: 0;
        padding: 0!important
    }
    .nav-bottom .container {
        padding: 0
    }
    .dropdown-menu {
        margin-left: 5px
    }
    .edit-icon-pic {
        width: 100%;
        left: auto
    }
    .hidden-pic {
        width: 100%;
        left: 0;
        right: auto;
        margin: 0
    }
    .search-skills {
        width: 50%!important
    }
    .search-titles {
        margin-bottom: 15px
    }
    .log.out .navbar-nav {
        margin: -7px 0 0
    }
    .leftmenu-avatar-ctr #gradient,
    .leftmenu-avatar-ctr .left-logo {
        display: none
    }
    .header .col-xs-6.header-dropdown .btn {
        float: right
    }
    .mt-120 {
        margin-top: 44px
    }
    .md-card .header .col-sm-6:nth-child(2) {
        margin-top: 10px
    }
    .md-card .header .btn {
        float: left
    }
    .header h2.col-xs-12 {
        margin-bottom: 10px
    }
    .arrow_box {
        display: none
    }
    .resources h4,
    .skill-matrix h4 {
        height: auto!important
    }
}

@media only screen and (max-width:420px) {
    .g-card {
        width: 100%
    }
}

@media only screen and (min-height:319px) {
    ul.list {
        max-height: 200px
    }
}

@media only screen and (min-height:360px) {
    ul.list {
        max-height: 355px
    }
}

@media only screen and (min-height:481px) {
    ul.list {
        max-height: 488px
    }
}

@media only screen and (min-height:615px) {
    ul.list {
        max-height: 550px
    }
}

@media only screen and (min-height:800px) {
    ul.list {
        max-height: 640px
    }
}

@media screen and (max-width:767px) {
    .innowork-body .view-section {
        overflow-x: inherit!important
    }
}

@media (max-width:767px) {
    .Modern-Slider .item h3 {
        margin-top: 2%;
        font-size: 16px
    }
    .Modern-Slider .item h5 {
        margin-top: 1%;
        font-size: 13px;
        line-height: 14px
    }
    .img-fill img {
        height: 290px;
        min-height: 0;
        min-width: 0;
        vertical-align: text-bottom;
        margin-top: 0;
        border: 0
    }
    .Modern-Slider .item .img-fill {
        height: 600px
    }
    .sticky-half {
        top: 90%
    }
    .Modern-Slider .item .img-fill .info {
        padding: 1%
    }
    ul.timeline:before {
        left: 40px
    }
    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px)
    }
    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px
    }
    ul.timeline>li>.timeline-panel {
        float: right
    }
    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }
    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
    .timeline-title button.btn {
        margin: 0 26px 0 0;
        border-radius: 0!important
    }
    .sun-learn .badge1,
    .sun-learn .badge2,
    .sun-learn .badge3 {
        width: 278px;
        margin: 0 auto;
        float: none!important
    }
    .weekend .badge1,
    .weekend .badge2,
    .weekend .badge3 {
        width: 278px;
        margin: 0 auto;
        float: none!important
    }
    .repeat-learn .badge1,
    .repeat-learn .badge2,
    .repeat-learn .badge3 {
        width: 278px;
        margin: 0 auto;
        float: none!important
    }
    .night .badge1,
    .night .badge2,
    .night .badge3 {
        width: 278px;
        margin: 0 auto;
        float: none!important
    }
    .the-close .badge1,
    .the-close .badge2,
    .the-close .badge3 {
        width: 278px;
        margin: 0 auto;
        float: none!important
    }
    .procrastinator .badge1,
    .procrastinator .badge2,
    .procrastinator .badge3 {
        width: 278px;
        margin: 0 auto;
        float: none!important
    }
    .badges>div {
        height: 428px!important
    }
    .badges {
        width: 100%;
        float: left;
        margin: 50px auto 0
    }
}

@media screen and (min-width:768px) and (max-width:860px) {
    .profile-right-2 {
        text-align: right
    }
    .learn-point {
        padding: 10px 10px 0 30px
    }
    .impact-point {
        padding: 10px 10px 0
    }
    .badge-list li img {
        width: 40px;
        margin: 0 3px 0 0
    }
    .leader hr {
        width: 100%
    }
    .badge-list ul {
        margin: 10px 0 0 5px
    }
    .badge-detail {
        width: 84%
    }
    .timeline>li.timeline-inverted:nth-child(odd) .timeline-panel {
        max-width: 300px
    }
    .timeline>li.timeline-inverted:nth-child(even) .timeline-panel {
        max-width: 300px
    }
    .Modern-Slider .item h3 {
        margin-top: 2%;
        font-size: 16px
    }
    .Modern-Slider .item h5 {
        margin-top: 1%;
        font-size: 13px;
        line-height: 14px
    }
    .img-fill img {
        height: 330px;
        min-height: 0;
        min-width: 0;
        vertical-align: text-bottom;
        margin-top: 0;
        border: 0;
        margin-bottom: 50px
    }
    .Modern-Slider .item .img-fill {
        height: 380px
    }
    .sticky-half {
        top: 90%
    }
}

@media screen and (min-width:860px) and (max-width:1050px) {
    .img-fill img {
        height: 330px;
        min-height: 0;
        min-width: 0;
        vertical-align: text-bottom;
        margin-top: 0;
        border: 0;
        margin-bottom: 50px
    }
    .Modern-Slider .item .img-fill {
        height: 380px
    }
    .sticky-half {
        top: 90%
    }
    .Modern-Slider .item h3 {
        font-size: 25px
    }
    .Modern-Slider .item h5 {
        font-size: 16px
    }
}

@media screen and (min-width:320px) and (max-width:640px) {
    .nav-tabs>li {
        width: 100%
    }
    .leader {
        width: 100%;
        float: left;
        margin-bottom: 30px;
        height: 100%
    }
    .leader .row>div.leader-pic {
        float: none!important;
        text-align: center;
        margin: 10px auto
    }
    .leader hr {
        width: 100%
    }
    .leaders h3 {
        margin: 0
    }
    .leader .row {
        margin: 0
    }
    .leader-detail {
        text-align: center
    }
    .badge-list ul {
        margin: 10px auto;
        text-align: center
    }
    .leader .row>div,
    .leader .row>div.total-point {
        width: 100%;
        float: left;
        margin: 0
    }
    .impact-point,
    .learn-point {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #bdbcbc;
        border-right: 0
    }
    .leader .point {
        width: 100px;
        margin: 0 auto
    }
    .badges {
        width: 100%;
        float: left;
        margin: 50px auto 0
    }
    .badges>div {
        width: 100%;
        height: 428px!important;
        margin-bottom: 30px
    }
    .badges>div.badge2 {
        position: inherit;
        clear: both;
        height: 470px!important
    }
    .badge-detail {
        bottom: 37px;
        left: 14px;
        width: 92%
    }
    .badge-title {
        font-size: 14px
    }
    .profile-detail .timeline-wrap .timeline>li>.timeline-panel {
        max-width: 280px
    }
    .Modern-Slider .item h3 {
        font-size: 25px
    }
    .Modern-Slider .item h5 {
        font-size: 16px
    }
}

@media screen and (min-width:641px) and (max-width:767px) {
    .leader .row .impact-point,
    .leader .row .learn-point {
        width: 50%;
        float: left;
        margin: 0
    }
    .leader .row .badge-list {
        text-align: center;
        width: 100%;
        margin-top: 20px
    }
    .leader {
        height: auto;
        padding-bottom: 15px
    }
}

@media screen and (min-width:768px) {
    .padding-right-0 {
        padding-right: 0!important
    }
    .padding-left-0 {
        padding-left: 0!important
    }
}

@media screen and (max-width:992px) {
    #search_modal .modal-content>div.container {
        height: 70vh
    }
    #search_modal .modal-content>div {
        height: 30vh
    }
    .Modern-Slider .item h3 {
        margin-top: 10%;
        font-size: 22px
    }
    .Modern-Slider .item h5 {
        margin-top: 3%;
        font-size: 18px;
        line-height: 30px
    }
}

@media screen and (max-height:700px) {
    .search-heading {
        margin-top: 40px
    }
}

body.dirRight {
    unicode-bidi: bidi-override;
    direction: rtl
}

.dirRight .log ul.navbar-nav .my-account span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    direction: rtl
}

.dirRight input {
    unicode-bidi: initial;
    left: 0!important;
    font-weight: 600;
    font-size: 16px
}

.dirRight .footer-link h3 {
    text-align: right
}

.dirRight .footer-link ul li a,
.dirRight .tc-copyright p {
    direction: ltr
}

.dirRight .footer-link ul {
    padding: 0
}

.dirRight .form-group p.text,
.dirRight .new_leftment .sidebar .menu .list a {
    text-align: right;
    font-size: 17px
}

.dirRight tags-input .tags .input {
    float: right;
    font-weight: 600;
    font-size: 16px
}

.dirRight oi-select:not(.multiple) .select-search-list-item_selection {
    text-align: right
}

.dirRight .form-line oi-select .select-search:after,
.dirRight .oi-select-main oi-select .select-search:after,
.dirRight .oi-select-main ul.select-search-list li span.close,
.dirRight oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    left: 10px !important;
    right: inherit !important;
    bottom: 15px !important;
}

.dirRight oi-select .select-search-list-item_input input {
    text-align: right;
    font-weight: 600;
    font-size: 16px
}

.dirRight .form-line span.close {
    left: 0;
    right: inherit;
    float: left
}

.dirRight .search-fields .fa-calendar {
    right: inherit;
    left: 18px
}

.dirRight #topbar .signin a,
.dirRight .ql-editor {
    text-align: right
}

.dirRight .no-datas .text-center {
    text-align: right;
    direction: ltr
}

.dirRight .nav-top-user-dropdown ul {
    padding: 0
}

.dirRight .tep-txt {
    margin-right: 23%
}

.dirRight .dashboard-right .hierarchy-card,
.dirRight .sweet-alert h2,
.dirRight .timeline-second-style .left-part {
    direction: ltr
}

.dirRight .share i.material-icons {
    width: 30px
}

.dirRight .profile-top .stars {
    float: right
}

.dirRight th {
    text-align: right;
    font-size: 16px
}

.dirRight .width-135 {
    width: 160px!important
}

.dirRight .card .header h2 {
    float: right;
    direction: ltr;
    text-align: right
}

.dirRight .card .header .col-md-4 a,
.dirRight .card .header .col-md-4 button {
    float: left;
    margin-left: 5px
}

.dirRight .dtp>.dtp-content {
    left: -29%
}

.dirRight .resources .filter {
    float: left
}

.dirRight .form-group.inline p.text {
    float: none
}

.dirRight .sprite {
    float: right!important
}

.dirRight .new_leftment .sidebar .menu .list .menu-toggle:after,
.dirRight .new_leftment .sidebar .menu .list .menu-toggle:before {
    right: 250px
}

.dirRight .new_leftment .sidebar .menu .list a span {
    margin: 7px 10px 7px 0;
    font-size: 18px;
    font-weight: 500
}

.dirRight .new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a {
    padding: 0 50px 0 0
}

.dirRight .ml-menu.treeview-menu.show li:before {
    right: 30px;
    left: inherit
}

.dirRight .ml-menu.treeview-menu.show li a:before {
    right: 30px;
    left: inherit
}

.dirRight .nav-tabs>li {
    float: right;
    font-weight: 600;
    font-size: 16px
}

.dirRight .oi-select-main oi-select .select-search-list-item_input input {
    text-align: right;
    -webkit-transform: inherit
}

.dirRight .nav-menu a {
    font-weight: 600;
    font-size: 17px
}

.dirRight .new_leftment .sidebar .menu .list ul.ml-menu li a span {
    font-size: 15px;
    font-weight: 600
}

.dirRight .btn:not(.btn-link):not(.btn-circle) {
    font-size: 14px;
    font-weight: 600
}

.dirRight .home-services-item p {
    font-size: 16px;
    font-weight: 600
}

.dirRight .active-deactive {
    width: 160px
}

.dirRight .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: .5em
}

.dirRight .tc-details-head .detail-star {
    float: right
}

.dirRight .badge-pill {
    direction: ltr
}

.dirRight .fixed-table-container {
    direction: ltr
}

.dirRight .tc-list-timeline-items:before {
    left: 0;
    right: 20px
}

.dirRight .tc-list-timeline-items {
    padding: 10px 15px 0 10px
}

.dirRight .tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-badge:before {
    left: 0
}

.dirRight .tc-list-timeline-items .tc-list-timeline-item .tc-list-timeline-text {
    text-align: right;
    padding: 0 16px 0 0
}

.dirRight .tc-list-timeline-items .tc-list-timeline-item {
    margin: 5px 9px
}

.dirRight .search-heading {
    direction: ltr;
    text-align: right
}

.dirRight .mob-search .select-search ul:after {
    left: 0;
    right: inherit
}

.dirRight .mob-pad {
    direction: rtl
}

.dirRight .close-btn {
    left: 10%
}

.dirRight .linkedin-url,
.dirRight .signup-popup #sign_in a {
    direction: ltr
}

.dirRight .linkedin-url-wrap .form-control {
    text-indent: 0;
    padding-left: 194px
}

.dirRight .search-titles .col-md-8 {
    float: right
}

.dirRight .get-skills .fa {
    left: 7px;
    right: inherit
}

.dirRight .add-certficate-btn {
    left: 22px;
    right: inherit
}

.dirRight .btn-input label,
.dirRight .chart-title,
.dirRight .log-header p,
.dirRight .slick-slider,
.dirRight .sweet-alert p {
    direction: ltr
}

.dirRight .nav-tabs {
    padding: 0
}

.dirRight form p {
    text-align: right
}

.dirRight .activity-contant p {
    text-align: left
}

.dirRight .table-bordered tbody tr td {
    direction: initial;
    text-align: right
}

.dirRight .ql-toolbar.ql-snow {
    text-align: right !important;
}

.dirRight .rtl-tag tags-input *,
.dirRight .rtl-tag tags-input:after,
.dirRight .rtl-tag tags-input:before {
    direction: ltr
}

.dirRight tags-input .tags .tag-item {
    float: right
}

.dirRight .multiple-title .remove-input i {
    left: 7px
}

.dirRight .tooltip2 .tooltiptext {
    left: 83px
}

.dirRight .topemp .profile-pic {
    float: right
}

.dirRight .course-lesson-list h6 {
    direction: ltr;
    text-align: right
}

.dirRight .badge-title:after {
    right: -55px
}

.dirRight .badge-title::before {
    left: -61px
}

.dirRight #logo.pull-left {
    float: right!important
}

.dirRight #nav-menu-container {
    float: left
}

.dirRight #topbar .mob-lang,
.dirRight .log .navbar-nav {
    float: right
}

.dirRight .languagepart .navbar-nav li a.my-account span i {
    left: -2px;
    position: relative
}

.dirRight .md-card .header h2 {
    float: left
}

.dirRight .log .navbar-nav {
    padding: 0
}

.dirRight .my-account i {
    position: relative;
    left: -80px
}

.dirRight .tc-search-btn {
    float: right;
    margin-left: 20px
}

.dirRight #mobile-nav ul .menu-has-children i {
    text-align: left
}

.dirRight .match-rtl {
    direction: ltr;
    unicode-bidi: bidi-override
}

.dirRight .leftmenu-avatar-ctr h4,
.dirRight .sloginTxt,
.dirRight h1.testimonal-head {
    direction: ltr
}

.dirRight .navbar-nav .open .dropdown-menu {
    right: inherit
}

.dirRight .pull-right>.dropdown-menu {
    right: inherit;
    left: 0
}

.dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span {
    right: -2px
}

.dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
    right: 25px
}

.dirRight #medias {
    direction: ltr
}

.dirRight .text-left {
    text-align: right
}

.dirRight .text-right {
    text-align: left
}

.dirRight .m-l--0 {
    margin-right: 0
}

.dirRight .m-r--0 {
    margin-left: 0
}

.dirRight .m-l-0 {
    margin-right: 0
}

.dirRight .m-r-0 {
    margin-left: 0
}

.dirRight .p-l-0 {
    padding-right: 0
}

.dirRight .p-r-0 {
    padding-left: 0
}

.dirRight .m-l--5 {
    margin-right: -5px
}

.dirRight .m-r--5 {
    margin-left: -5px
}

.dirRight .m-l-5 {
    margin-right: 5px
}

.dirRight .m-r-5 {
    margin-left: 5px
}

.dirRight .p-l-5 {
    padding-right: 5px
}

.dirRight .p-r-5 {
    padding-left: 5px
}

.dirRight .m-l--10 {
    margin-right: -10px
}

.dirRight .m-r--10 {
    margin-left: -10px
}

.dirRight .m-l-10 {
    margin-right: 10px
}

.dirRight .m-r-10 {
    margin-left: 10px
}

.dirRight .p-l-10 {
    padding-right: 10px
}

.dirRight .p-r-10 {
    padding-left: 10px
}

.dirRight .m-l--15 {
    margin-right: -15px
}

.dirRight .m-r--15 {
    margin-left: -15px
}

.dirRight .m-l-15 {
    margin-right: 15px
}

.dirRight .m-r-15 {
    margin-left: 15px
}

.dirRight .p-l-15 {
    padding-right: 15px
}

.dirRight .p-r-15 {
    padding-left: 15px
}

.dirRight .m-l--20 {
    margin-right: -20px
}

.dirRight .m-r--20 {
    margin-left: -20px
}

.dirRight .m-l-20 {
    margin-right: 20px
}

.dirRight .m-r-20 {
    margin-left: 20px
}

.dirRight .p-l-20 {
    padding-right: 20px
}

.dirRight .p-r-20 {
    padding-left: 20px
}

.dirRight .m-l--25 {
    margin-right: -25px
}

.dirRight .m-r--25 {
    margin-left: -25px
}

.dirRight .m-l-25 {
    margin-right: 25px
}

.dirRight .m-r-25 {
    margin-left: 25px
}

.dirRight .p-l-25 {
    padding-right: 25px
}

.dirRight .p-r-25 {
    padding-left: 25px
}

.dirRight .m-l--30 {
    margin-right: -30px
}

.dirRight .m-r--30 {
    margin-left: -30px
}

.dirRight .m-l-30 {
    margin-right: 30px
}

.dirRight .m-r-30 {
    margin-left: 30px
}

.dirRight .p-l-30 {
    padding-right: 30px
}

.dirRight .p-r-30 {
    padding-left: 30px
}

.dirRight .m-l--35 {
    margin-right: -35px
}

.dirRight .m-r--35 {
    margin-left: -35px
}

.dirRight .m-l-35 {
    margin-right: 35px
}

.dirRight .m-r-35 {
    margin-left: 35px
}

.dirRight .p-l-35 {
    padding-right: 35px
}

.dirRight .p-r-35 {
    padding-left: 35px
}

.dirRight .m-l--40 {
    margin-right: -40px
}

.dirRight .m-r--40 {
    margin-left: -40px
}

.dirRight .m-l-40 {
    margin-right: 40px
}

.dirRight .m-r-40 {
    margin-left: 40px
}

.dirRight .p-l-40 {
    padding-right: 40px
}

.dirRight .p-r-40 {
    padding-left: 40px
}

.dirRight .m-l--45 {
    margin-right: -45px
}

.dirRight .m-r--45 {
    margin-left: -45px
}

.dirRight .m-l-45 {
    margin-right: 45px
}

.dirRight .m-r-45 {
    margin-left: 45px
}

.dirRight .p-l-45 {
    padding-right: 45px
}

.dirRight .p-r-45 {
    padding-left: 45px
}

.dirRight .m-l--50 {
    margin-right: -50px
}

.dirRight .m-r--50 {
    margin-left: -50px
}

.dirRight .m-l-50 {
    margin-right: 50px
}

.dirRight .m-r-50 {
    margin-left: 50px
}

.dirRight .p-l-50 {
    padding-right: 50px
}

.dirRight .p-r-50 {
    padding-left: 50px
}

.dirRight .m-l--55 {
    margin-right: -55px
}

.dirRight .m-r--55 {
    margin-left: -55px
}

.dirRight .m-l-55 {
    margin-right: 55px
}

.dirRight .m-r-55 {
    margin-left: 55px
}

.dirRight .p-l-55 {
    padding-right: 55px
}

.dirRight .p-r-55 {
    padding-left: 55px
}

.dirRight .m-l--60 {
    margin-right: -60px
}

.dirRight .m-r--60 {
    margin-left: -60px
}

.dirRight .m-l-60 {
    margin-right: 60px
}

.dirRight .m-r-60 {
    margin-left: 60px
}

.dirRight .p-l-60 {
    padding-right: 60px
}

.dirRight .p-r-60 {
    padding-left: 60px
}

.dirRight .m-l--65 {
    margin-right: -65px
}

.dirRight .m-r--65 {
    margin-left: -65px
}

.dirRight .m-l-65 {
    margin-right: 65px
}

.dirRight .m-r-65 {
    margin-left: 65px
}

.dirRight .p-l-65 {
    padding-right: 65px
}

.dirRight .p-r-65 {
    padding-left: 65px
}

.dirRight .m-l--70 {
    margin-right: -70px
}

.dirRight .m-r--70 {
    margin-left: -70px
}

.dirRight .m-l-70 {
    margin-right: 70px
}

.dirRight .m-r-70 {
    margin-left: 70px
}

.dirRight .p-l-70 {
    padding-right: 70px
}

.dirRight .p-r-70 {
    padding-left: 70px
}

.dirRight .m-l--75 {
    margin-right: -75px
}

.dirRight .m-r--75 {
    margin-left: -75px
}

.dirRight .m-l-75 {
    margin-right: 75px
}

.dirRight .m-r-75 {
    margin-left: 75px
}

.dirRight .p-l-75 {
    padding-right: 75px
}

.dirRight .p-r-75 {
    padding-left: 75px
}

.dirRight .m-l--80 {
    margin-right: -80px
}

.dirRight .m-r--80 {
    margin-left: -80px
}

.dirRight .m-l-80 {
    margin-right: 80px
}

.dirRight .m-r-80 {
    margin-left: 80px
}

.dirRight .p-l-80 {
    padding-right: 80px
}

.dirRight .p-r-80 {
    padding-left: 80px
}

.dirRight .m-l--85 {
    margin-right: -85px
}

.dirRight .m-r--85 {
    margin-left: -85px
}

.dirRight .m-l-85 {
    margin-right: 85px
}

.dirRight .m-r-85 {
    margin-left: 85px
}

.dirRight .p-l-85 {
    padding-right: 85px
}

.dirRight .p-r-85 {
    padding-left: 85px
}

.dirRight .m-l--90 {
    margin-right: -90px
}

.dirRight .m-r--90 {
    margin-left: -90px
}

.dirRight .m-l-90 {
    margin-right: 90px
}

.dirRight .m-r-90 {
    margin-left: 90px
}

.dirRight .p-l-90 {
    padding-right: 90px
}

.dirRight .p-r-90 {
    padding-left: 90px
}

.dirRight .m-l--95 {
    margin-right: -95px
}

.dirRight .m-r--95 {
    margin-left: -95px
}

.dirRight .m-l-95 {
    margin-right: 95px
}

.dirRight .m-r-95 {
    margin-left: 95px
}

.dirRight .p-l-95 {
    padding-right: 95px
}

.dirRight .p-r-95 {
    padding-left: 95px
}

.dirRight .m-l--100 {
    margin-right: -100px
}

.dirRight .m-r--100 {
    margin-left: -100px
}

.dirRight .m-l-100 {
    margin-right: 100px
}

.dirRight .m-r-100 {
    margin-left: 100px
}

.dirRight .p-l-100 {
    padding-right: 100px
}

.dirRight .p-r-100 {
    padding-left: 100px
}

.dirRight .m-l--105 {
    margin-right: -105px
}

.dirRight .m-r--105 {
    margin-left: -105px
}

.dirRight .m-l-105 {
    margin-right: 105px
}

.dirRight .m-r-105 {
    margin-left: 105px
}

.dirRight .p-l-105 {
    padding-right: 105px
}

.dirRight .p-r-105 {
    padding-left: 105px
}

.dirRight .m-l--110 {
    margin-right: -110px
}

.dirRight .m-r--110 {
    margin-left: -110px
}

.dirRight .m-l-110 {
    margin-right: 110px
}

.dirRight .m-r-110 {
    margin-left: 110px
}

.dirRight .p-l-110 {
    padding-right: 110px
}

.dirRight .p-r-110 {
    padding-left: 110px
}

.dirRight .m-l--115 {
    margin-right: -115px
}

.dirRight .m-r--115 {
    margin-left: -115px
}

.dirRight .m-l-115 {
    margin-right: 115px
}

.dirRight .m-r-115 {
    margin-left: 115px
}

.dirRight .p-l-115 {
    padding-right: 115px
}

.dirRight .p-r-115 {
    padding-left: 115px
}

.dirRight .m-l--120 {
    margin-right: -120px
}

.dirRight .m-r--120 {
    margin-left: -120px
}

.dirRight .m-l-120 {
    margin-right: 120px
}

.dirRight .m-r-120 {
    margin-left: 120px
}

.dirRight .p-l-120 {
    padding-right: 120px
}

.dirRight .p-r-120 {
    padding-left: 120px
}

.dirRight .m-l--125 {
    margin-right: -125px
}

.dirRight .m-r--125 {
    margin-left: -125px
}

.dirRight .m-l-125 {
    margin-right: 125px
}

.dirRight .m-r-125 {
    margin-left: 125px
}

.dirRight .p-l-125 {
    padding-right: 125px
}

.dirRight .p-r-125 {
    padding-left: 125px
}

.dirRight .trial-sticky {
    left: 0
}

.dirRight .navbar-right {
    margin-right: -30px
}

.dirRight #process-steps li:first-child {
    margin: 0
}

.dirRight #process-steps li:last-child {
    margin-right: 40px
}

.dirRight .sign-circle {
    width: 175px
}

.dirRight .timeline-skill {
    left: 0;
    right: auto!important;
    position: absolute!important
}

.dirRight .timelinenew {
    padding-right: 0
}

.dirRight .timelinenew>li:nth-child(even) .timeline-badge {
    margin-right: -17px
}

.dirRight .btn-flat {
    margin-right: 10px
}

.dirRight .feedback-questions-header .card.card-left .btn {
    white-space: normal
}

.dirRight .feedback-questions-header .fa.fa-arrow-circle-right {
    float: left!important
}

.dirRight .new-header h4 {
    float: right
}

.dirRight .btn-md-input {
    right: auto;
    left: 0
}

.dirRight .skill-row .autocomplete-add {
    left: 15px;
    right: auto
}

.dirRight .leader-detail {
    padding-right: 30px
}

.dirRight .cardBtnn .cardBadge {
    margin-left: 0px !important;
    margin-right: 15px !important;
}

.stretch-card {
    display: flex;
    -webkit-align-items: stretch;
    justify-content: stretch;
}

.cap-bor {
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
}

.break-text {
    word-break: word-break: width: 82%;
}

.tags-input {
    border-bottom: 1px solid #ccc;
}

.btn-violet label {
    background-color: #fff!important;
    border: 1px solid #00868b!important;
    color: #00868b!important
}

.btn-violet [type=checkbox]:checked+label,
.btn-violet [type=radio]:checked+label {
    background-color: #00868b!important
}

.dialog-view {
    width: 85% !important;
}

.bg-purble {
    /* background: #904d97; */
    color: #fff;
}

md-tabs.md-primary>md-tabs-wrapper {
    /* background: #904d97; */
}

md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active {
    background: #612068;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    height: 800px;
}

.beginner-badge {
    width: 10px;
    top: -11px;
    left: -11px;
    border-radius: 50%;
    position: absolute;
    color: #ffc107;
}

.intermediate-badge {
    width: 10px;
    top: -9px;
    left: -11px;
    border-radius: 50%;
    position: absolute;
    color: #00bcd4;
}

.expert-badge {
    width: 10px;
    top: -9px;
    left: -11px;
    border-radius: 50%;
    position: absolute;
    color: #59c35d
}

.advanced-badge {
    width: 10px;
    top: -9px;
    left: -11px;
    border-radius: 50%;
    position: absolute;
    color: #00868b;
}

.noskill-badge {
    width: 10px;
    top: -9px;
    left: -11px;
    border-radius: 50%;
    position: absolute;
    color: #ff5722;
}

.skill-badge {
    bottom: 26px;
    border-radius: 50%;
    position: absolute;
    color: #00af50;
    left: -10px;
}

.skills-badge {
    bottom: 25px;
    border-radius: 50%;
    position: absolute;
    color: #00af50;
    left: -10px;
}

.skilllevel-badge {
    border-radius: 50%;
    position: absolute;
    color: #00bcd4;
    left: -10px;
    bottom: -2px;
}

.dirRight .skilllevel-badge {
    right: 0;
    left: inherit;
}

.dirRight .skill-badge {
    right: 0;
    left: inherit;
}
.dirRight .skills-badge {
    right: 0;
    left: inherit;
}
.dirRight .skill-badge-grey {
    left: 0;
    right: inherit;
}


.gradient-overlay:before {
    position: absolute;
    content: '';
    /* background-color: #904d97 */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
}

.hero-equal-height {
    position: relative;
    min-height: 260px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    z-index: 0;
}

.dirRight .arabic-table-align td {
    text-align: right;
}

.met-profile-main-pic img {
    width: 110px;
    height: 110px;
}

table.md-table .arabic-table-align td.md-cell {
    border-top: none !important;
}

table.md-table.arabic-table-align {
    border-bottom: 1px rgba(0, 0, 0, .12) solid;
}

table.md-table.arabic-table-align:last-child {
    border-bottom: 0;
}

.dirRight .arabic-table-align td.md-cell {
    text-align: right;
}

.dirRight .arabic-table-align td.md-cell:last-child {
    text-align: left
}
.skills-badge {
    bottom: 26px;
    border-radius: 50%;
    position: absolute;
    color: #00bcd4!important;
    left: -10px;
}

.skill-badge-grey {
    bottom: 18px;
    border-radius: 50%;
    position: absolute;
    color: #a1a1a1;
   right: 0px;
}
.skill-grey {
    width: 10px;
    top: -9px;
   right:0px;
    border-radius: 50%;
    position: absolute;
    color: #a1a1a1;
}

.dirRight .section-skills .skill-value{
    right: inherit;
    left: 0;
}
.pending_cor{
    background:#f63c3c !important;
    color: #fff!important
}
.orange_begin{
    background:#ffc107 !important;
    color: #000!important
}
.blue_inter{
    background:#00bcd4 !important;
    color: #fff!important
}
.green_expert{
    background:#59c35d !important;
    color: #fff!important
}
.turkish_advance {
    background-color: #00868b !important;
    color: #fff!important
}

.has-val + .focus-input100 + .label-input100 {
    top: 14px;
    font-size: 13px;
}

/* .dirRight .svgLeft, .svgLeft svg{
    margin-right: 0 !important;
    vertical-align: 0 !important;
} */
.dirRight .new_leftment .sidebar .menu .list a span:first-child{
    position: relative;
    left: -10px;
}
/* .dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span:first-child {
    right:15px;
} */

.dirRight table.md-table.md-row-select th.md-column:first-child, .dirRight table.md-table.md-row-select td.md-cell:first-child{
    padding: 0 20px 0 0;
}

.dirRight table.md-table th.md-column:last-child{
    padding: 0 0 0 24px;
}

.hide-desc .ql-formats .ql-strike,
.hide-desc .ql-formats .ql-link,
.hide-desc .ql-formats .ql-blockquote,
.hide-desc .ql-formats .ql-code-block,
.hide-desc .ql-formats .ql-script,
.hide-desc .ql-formats .ql-indent,
.hide-desc .ql-formats .ql-direction,
.hide-desc .ql-formats .ql-picker,
.hide-desc .ql-formats .ql-clean,
.hide-desc .ql-formats .ql-formats
{
    display: none;
}

.btn-violet label {
    background-color: #fff!important;
    border: 1px solid #00868b!important;
    color: #00868b!important
}

.btn-violet [type=checkbox]:checked+label,
.btn-violet [type=radio]:checked+label {
    background-color: #00868b!important
}
.skill-update-grey {
    bottom: -2px;
    border-radius: 50%;
    position: absolute;
    color: #a1a1a1;
    left: -10px;
    cursor: help;
}
.dirRight .skill-update-grey{
right: 0;
    left: inherit;
}
.skill-level-grey {
    width: 10px;
    top: -9px;
    left: -11px;
    border-radius: 50%;
    position: absolute;
    color: #a1a1a1;
    cursor: help;
}
.dirRight .skill-level-grey{
    left: inherit;
right:-11px;
    }
md-dialog-content.remove-scroll {
    overflow: hidden;
}
md-dialog-actions.dialog-footer.highlight.scroll-shadow.layout-row {
    box-shadow: none;
}
tr.remove-italic :hover {
    font-style: normal;
}
.remove-bg tags-input[disabled] .tags {
    background: none !important;
  border-bottom: 1px solid #eee !important; 
}
.remove-bg tags-input[disabled] .tags .input {
 height: 10px;
    background: none !important;
}
.remove-bgborder tags-input .tags {
  background: none !important;
  border-bottom: 1px solid #eee !important; 
}
.remove-bgborder tags-input .tags .input {
height: 20px;
    background: none !important;
}
.skills_level_edit {
    position: relative;
    display: flex;
    background: #fff;
    padding: 0px;
    margin: 20px 0px;
    border-radius: 20px;    
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/*.skills_level_edit.from-jd {
    border-left: 3px solid #1a1551;    
}*/
/*.skills_level_edit.from-position {
    border-left: 3px solid #904d97;    
}*/
.skills_level_edit label{padding-top: 10px;}
.delete-button{
    position: absolute;
    right: -10px;
    top: -10px;
}
.dirRight .delete-button{
    top: -10px;
    left: -12px;
    right: auto;
}
.delete-button .fa{
    font-size: 24px;
}
.cursor-help {cursor: help;}
.update-skill{
        height: 100%;
        background: #f5f4f4;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
/*Fourth Level Design*/

.part-1{
    -webkit-clip-path: polygon(50% 0,50% 50%,100% 48%,100% 0);
    clip-path: polygon(50% 0,50% 50%,100% 48%,100% 0);
}
.part-2{
    -webkit-clip-path: polygon(50% 52%,51% 100%,100% 100%,110% 50%);
    clip-path: polygon(50% 52%,51% 100%,100% 100%,110% 50%);
}
.part-3{
    -webkit-clip-path: polygon(49% 100%,48% 55%,0% 50%,0% 100%);        
    clip-path: polygon(49% 100%,48% 55%,0% 50%,0% 100%);        
}
.part-4{
    -webkit-clip-path: polygon(48% 0,50% 50%,0% 48%,0 0);
    clip-path: polygon(48% 0,50% 50%,0% 48%,0 0);
}
.dirRight table.md-table td.md-cell:last-child {
    padding: 0 0px 0 24px;
}
.training_induction{
    width:50px;
}
.add-calender ul{
    z-index: 1;
}
.trash i{
        color: #ef0909;
}
.ban i{
        color: #f99704;
}
.check i{
     color: #02bd02;
}
.custom-dialog .input-group md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 5px;
}
.custom-dialog md-input-container .md-input {
    padding-left: 25px;
}

/*Development Plan Timeline style*/

.timeline-block {
margin-top: 150px;
margin-bottom: 60px;
padding: 0 40px;
position: relative;
color: #000;
line-height: initial;
}
.main-timeline .dev-timeline{
height: 200px;
padding: 35px 0;
margin-top: -20px;
position: relative;
z-index: 1;
}
.main-timeline .dev-timeline:before{
content: '';
height: 100%;
width: 84%;
border-radius: 100px 0 0 100px;
border: 20px solid #ddd;
border-right: none;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.sidebar-collapse .main-timeline .dev-timeline:before{width: 87%}
.main-timeline .dev-timeline-content{ display:inline-block; }
.main-timeline .dev-timeline-content:hover{ text-decoration: none; }

.main-timeline .dev-timeline:nth-child(odd):before{
left: auto;
right: 28px;
border-radius: 0 100px 100px 0;
border: 20px solid #ddd;
border-left: none;
}

.timeline-block .avatar-80 {
    position: absolute;
    top: -40px;
    left: 60px;
    z-index: 2;
    width: 140px;
    text-align: center;
}
.timeline-block .avatar-80 img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid rgb(215,215,215);
}
.main-timeline .dev-timeline .status {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
}
.main-timeline .dev-timeline .status-1 {
    left: 22%;
    top: -38%;
}
.main-timeline .dev-timeline .status-2 {
    left: 47%;
    top: 18%;
}
.main-timeline .dev-timeline .status-3 {
    left: 70%;
    top: -40%;
}
.main-timeline .dev-timeline:nth-child(even) .status-1{left: 70%!important;}
.main-timeline .dev-timeline:nth-child(even) .status-3{left: 20%!important;}
.main-timeline .dev-timeline .action {
    /*width: 70px;*/
        display: flex;
    justify-content: space-around;
    border-radius: 5px;
    color: #fff;
    margin-top: 5px;
    align-items: center;
}
.main-timeline .dev-timeline .connector-1 {/* background-color: #904d97 */}
.main-timeline .dev-timeline .connector-2 {bottom:75px !important;border-color: #fbdaa0!important}
.main-timeline .dev-timeline .connector-3 {border-color: #d0fdd4!important}
.main-timeline .dev-timeline .connector-5 {border-color: #FF0000!important}
.main-timeline .dev-timeline .connector-4 {border-color: #ffc1c1!important}
.main-timeline .dev-timeline .connector-2:before {top: 16px!important; border-color: #de8d00!important}
.main-timeline .dev-timeline .connector-3:before {border-color: #3dd44c!important}
.main-timeline .dev-timeline .connector-4:before {border-color: #e25353!important}
.main-timeline .dev-timeline .action-2, .connector-2 {background-color: #ffc107}
.main-timeline .dev-timeline .action-3, .connector-3 {background-color: #59c35d}
.main-timeline .dev-timeline .action-4, .connector-4 {background-color: #008896}
.main-timeline .dev-timeline .action-5, .connector-5 {background-color: #FF0000}
.main-timeline .dev-timeline .action .fa{font-size: 15px;}
.timeline-block .position-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: -25px;
    background: rgb(128, 128, 128);
    color: #fff;
    padding: 0px 10px;
    border: 5px solid white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    z-index: 2;
    left: 5%;
    height: auto;
    min-height: 70px;
    justify-content: center;
}
/*.main-timeline .dev-timeline .connector:before {
    content: '';
    height: 20px;
    border-left: 1px solid #904d97;
    position: absolute;
    left: 7px;
    top: -24px;
    z-index: 1;
}*/
.main-timeline .dev-timeline .connector {
    border-radius: 50%;
    height: 20px;
    padding: 2px 7px;
    border: 4px solid #fad4fe;
    position: absolute;
    bottom: -20px;
}
.dirRight .timeline-block {padding-right: 0}
@media screen and (max-width:1024px){
.sidebar-collapse .main-timeline .dev-timeline:before{width: 88%}
.main-timeline .dev-timeline:before{width: 84%}
.dirRight .timeline-block {
    padding-right: 20px;
    padding-left: 20px;
}
}
@media screen and (max-width:767px){
    .main-timeline .dev-timeline:before{width: 86%}
}
/*Development Plan Timeline style end*/

/*Career-Pathway Style starts*/

.nomination-role {
    /*background: rgb(219,219,219);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);*/
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: row;
}
.next-role {
    flex-direction: column;
    width: 150px;
    background: rgb(147,147,147);
    color: #fff;
    position: relative;
    border-right: 1px solid #fff;
    border-radius: 20px;
}
.next-role.bg-purple:after {
    /* background: #904d97!important; */
}
.next-role:last-child:after {display: none;}
.next-role:after {
    content: " ";
    position: absolute;
    top: 25px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    background: rgb(147,147,147);
    width: 20px;
    height: 20px;
    transform: rotate(135deg);
    margin-left: -10px;
    left: 150px;
    z-index: 1;
}
.mandatory-txt{
    color: #028000;
}
.competency-txt{
    color:#904d97;
}
.green-txt{
    color:#3eae8a
}
.blue-txt{
    color:#1a9bd6
}
.yellow-txt{
    color:#f39c00
}
.red-txt{
    color:#c92b2a
}
.quiz-block {
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
    padding: 15px 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.p-0-10{
    padding: 0 10px;
}
.skill-matched {background-color: #3eae8a!important;}

.add_calender ul{
    z-index: 1;
}
.custom-tooltip {
  /* background-color: #904d97  !important;*/
  color: white !important;
  border-radius: 5px;
}
.bg-notify{
    background:#904d97;
}
.dirRight .navbar-nav .open.notification-view .dropdown-menu {
    left: 20px;
}
.tab.d-flex li .btn-tab-active {
    background-color: white!important;
    color: #000!important;
    border-top: 4px solid #904d97!important;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2)!important;
    padding: 8px 10px!important;
}
oi-select.validation-btn li.btn {
    /* background-color: #904d97  !important;*/
    color: #fff!important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 20px!important;
    margin-right: 5px;
}
.nav-tabs>li.active>a.tab-color {
    /* border-bottom: 6px solid #904d97!important; */
}
.nav-tabs li.active .title-badge {
    /* background: #904d97; */
    color: #fff;
}
.dirRight .highcharts-data-label tspan:nth-child(1){
    display: none;
}
.btn-primary-theme{
    background-color: transparent !important;
        /* color: #904d97; */
        box-shadow: none;
        border: 0;
}
.place-right {
    float: right;
}
.dirRight .custom-dialog md-input-container .md-input {
    padding-right: 25px;
}
md-dialog._md.md-default-theme.md-transition-in md-dialog-actions .md-primary.md-confirm-button {
    /* background: #904d97; */
    color: #fff;
    border-radius: 20px;
    border: none;
    font-size: 13px;
    font-weight: 600;
}

 md-dialog._md.md-default-theme.md-transition-in md-dialog-actions .md-primary.md-cancel-button {
    background: #ff0202;
    color: #fff;
    border-radius: 20px;
    border: none;
    font-size: 13px;
    font-weight: 600;
}
.md-confirm-button{
    /* background-color: #904d97 */
}

.btn-mohre-secondary{
    background-color: #BF2300;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
    color: #fff;
}
.btn-mohre-secondary:hover{
    color: #fff!important;
}
.btn-black{
    background-color: #000;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
    color: #fff;
}
.btn-black:hover{
    color: #fff!important;
}
    .form-line.remove-border-bot {
    border-bottom: none !important;
}
.pending_purple{
    background: #730073 !important;
    color: #fff!important;
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: #730073;
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #f1f1f1;
    left: 24px;
}
.md-panel.md-tooltip.md-default-theme, .md-panel.md-tooltip{
     background: #606065 !important;
    color: #fff !important;
    border:1px solid #ccc;
}

[type=radio].radio-col-turkish:checked+label:after {
    background-color: #00868b!important;
    border-color: #00868b!important;
}
a.show_tabs{
   font-size: 15px;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}
md-input-container.md-input-has-value {
    position: relative !important;
    top: 0px !important;
}
.dirRight .md-datepicker-triangle-button.md-button.md-icon-button{
right: 270px;
}
.circle-purple{
    /* background-color: #904d97 */
}
.notify-view{
    height: 340px;
    max-height: 400px;
    overflow: auto;
}
a.show_tabs {
    position: absolute;
    right: 61px;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}
.dirRight a.show_tabs {
    right: inherit;
    left: 0;
}

.col-purple + .action, .main-timeline .dev-timeline .connector-6 {
    background-color: #ff0000 !important;
}

.dirRight tr.arabic-thead th
{
    text-align: right;
}
.under_line {
    text-decoration: underline;
}
.bg-theme{
    color:#904d97;
}
.rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    /* background-color: #904d97  !important;*/
}
.rzslider .rz-pointer{
    /* background-color: #904d97  !important;*/
}
.dirRight tr.arabic-td td{
    text-align: right;
}
.btn-input-radio label{
    padding: 5px 12px!important;
    line-height: 21px!important;
    height: auto!important;
    border-radius: 15px!important;
    /* color: #904d97 !important; */
    text-transform: capitalize!important;
    border: 1px solid #904d97  !important;
}
.btn-input-radio [type=radio]:checked+label {
    /* background-color: #904d97 !important; */ 
    color: #fff !important
}

.subscription{
    /* background: #904d97; */
    padding: 10px;
    border-radius: 13px;
    color: #fff;
    font-weight: 600;
}

 .add_competeny_type md-radio-button{
    display: inline-block;
    margin-right: 12px;
}
.add_competeny_type md-radio-button .md-label{
    margin-right: 22px;
}
.skills {
    height: 200px !important;
    overflow: auto;
}
.dirRight .share_new_post_profl_dtls{
    padding-right: 15px;
}
.open-rtl{
    display: none;
}
.dirRight .open-rtl{
    display: block;
}
.social_learning_commentDiv .bg-grey p{
    color: #595959;
    margin-top: 10px;
}

.dirRight .rtl-view-search .col-md-8{
    float: right;
}
.dirRight .form-group.has-search input.form-control{
    padding-left: 0;
    padding-right: 30px;
    margin-right: 27px;
}
.dirRight .has-search .form-control-feedback{
    right: 95%;
}
.dirRight .social_learning_commentDiv{
    margin-left: 0;
    margin-left: 20px;
}
.reply_comments{
    float: left;
}
.dirRight .reply_comments{
    float: right;
}
.pos-change{
    position: relative;
    left: -14px;
}
.share_new_post_profl_img img{
    border-radius: 50px;
}

/*NEW CODE BY EBE**/
.nav-tabs>li{
    border: 1px solid #904d97 !important;
    border-radius: 20px  !important;
    margin: 0px 4px  !important;
    left: auto !important;
    font-size: 12px;
}
/*.nav-tabs li.active a:active, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    background-color: #904d97  !important;
}*/
.nav-tabs>li.active>a{
    /* background: #904d97 !important; */
    border-radius: 20px;
    color: #fff !important;
    font-weight: 700;
}
.nav-tabs>li>a:before {
    border-bottom: 0;
}

.share_new_post_profl {
    display: flex;
    align-items: center;
    margin: 15px;
}
.share_new_post_profl_img img{
    width: 85px;
}
.share_new_post_profl_dtls {
    padding-left: 15px; 
}
.social_learning_main_cntnt {
    padding-left: 55px;
}
.social_learning_main_cntnt button.btn {
    line-height: 17px !important;
}
.social_learning_like_clap_div {
    padding: 15px 0 9px;
    border-bottom: 1px solid #00000040;
    margin-bottom: 10px;
    position: relative;
}
.social_learning_like_clap_div img {
    width: 18px;
    margin-right: 6px;
}
.social_learning_like_comment_innerdiv {
    margin: 10px 0 21px;
    text-align: center;
}
.social_learning_like_comment_innerdiv i.fa {
    font-size: 19px;
    color: #00000082;
    padding-right: 6px;
}
div#tab-01 .social_learning_top_search { 
    margin: 7px 0px;
}
div#tab-01 .social_learning_top_search  
 .form-group.has-search input.form-control {
    border: 1px solid #0000004a;
    border-radius: 10px;
    padding-left: 13px;
}
.social_learning_commentDiv {
    margin-left: 20px; 
    width: 100%;
    margin-bottom: 15px;
}
.social_learning_commentDiv .bg-grey {
    background-color: #eee7ed !important;    
    border-radius: 9px;
    margin-bottom: 15px;
}
.social_learning_commentDiv .bg-grey h6{
    font-weight: 600;
    color: #000;
}
.social_learning_commentDiv .bg-grey p{
    font-weight: 600;
    color: #000;
    font-size: 12px;
}
.social_learning_commentDiv a {
    color: #00000082;
    padding: 0 6px;
    font-size: 13px;
    font-weight: 500;
}
a.load_more_comnts {
    color: #00000091;
}
.go_back_btn_div .btn:not(.btn-link):not(.btn-circle):not(.select-search-list-item){
    padding: 6px 8px 3px;
}
.notification_bodyDiv .share_new_post_profl img {
    width: 32px;
}
.notification_bodyDiv .share_new_post_profl {
    padding: 0px 6px;
    margin: 6px 0;
}
.notification_bodyDiv .share_new_post_profl_dtls {
    line-height: 1;
}
.notification_bodyDiv .share_new_post_profl {
    padding: 6px;
    border-bottom: 1px solid #0000002e;
}
.notification_bodyDiv .share_new_post_profl_dtls p {
    margin: 0;
    font-weight: 500;
    font-size: 13px;
}
.notification_bodyDiv .share_new_post_profl_dtls span{ 
   color: #00000073;
    font-size: 13px;
    line-height: 1.5;
}
.notifications_dropdown_ul {
    overflow-x: hidden !important;
    max-height: fit-content !important;
}
.notifications_headerDiv .pull-right button.btn.btn-primary {
    margin: 5px 16px;
}
.chart-table-missing td.beginner {
    background-color: #f89805; 
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.chart-table-missing td.intermediate {
    background-color: #1c90f1;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.chart-table-missing td.advanced {
    background-color: #2b9630;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.chart-table-missing td.expert {
    background-color: #008896;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.chart-table-missing .bg-lite-blue{
    background-color: #8abeff;
    border-radius: 10px;
    color: #fff;
    text-align: center;    
}
.chart-table-missing .bg-lite_green {
     background-color: #4fd0be;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.chart-table-missing th{
    background-color: #f5f5f5;
    border-radius: 10px;
}
.chart-table-missing .bg_darkpink{    
    background-color: #e43e3e !important;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.chart-table-missing .bg-yellow {
    border-radius: 10px !important;    
    color: #fff !important;
    text-align: center;
}
table.table.chart-table-missing td {
    text-align: center;
}

.limited{
    position: absolute;
    top: 0;
}
.limited{
    position: absolute;
    top: -20px;
    background-color: #986e31;
    padding: 10px;
    color: #fff;
}

.social_learning_commentDiv .bg-grey p{
    color: #595959;
    margin-top: 10px;
}

.skill-line{
    padding: 0;
}
.skill-line li{
    float: left;
    margin: 5px 5px;
}

.slap_img{
    background: url(../../assets/images/Social_Learning_Icons/CI_clapping.png);
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    float: left;
}
.slap_img.active{
    background: url(../../assets/images/Social_Learning_Icons/CI_clapping_active.png);
     background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    float: left;
}

.heart_img{
    background: url(../../assets/images/Social_Learning_Icons/CI_heard.png);
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    float: left;
}
.heart_img.active{
    background: url(../../assets/images/Social_Learning_Icons/CI_heard_active.png);
     background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    float: left;
}

.like_img{
    background: url(../../assets/images/Social_Learning_Icons/CI_like.png);
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    float: left;
}
.like_img.active{
    background: url(../../assets/images/Social_Learning_Icons/CI_likeactive.png);
     background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    float: left;
}

.social_learning_top_search {
    display: flex;
    align-items: center;
        margin: 7px 10px;
}
.social_learning_top_search img {
    width: 40px;
}
div#tab-01 .row {
    margin-left: -1px;
}
.social_learning_top_search .form-group.has-search {
    margin-bottom: 1px;
}
.form-group.has-search {
    position: relative;
    padding-left: 20px;
}

.share_new_post_profl_dtls p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}

.leaderbord_imgctnt {
    display: flex;
    align-items: center;
    padding-top:48px;
}
.tab-pane .card {
    padding: 20px 10px 0px;
}
.leaderbord_imgctnt img {
    border-radius: 50%;
    width: 80px;
}
.leaderbord_candt_detls h5 {
    margin: 0;
}
.tab-pane .card .col-lg-6{
        margin-bottom: 0px !important;
}
.leaderbord_total_points {
    position: relative;
}
.leaderbord_total_points_bg_green {
    position: absolute;
    /* background-color: #904d97 */
    padding: 10px;
    color: #fff;
    text-align: center;
    right: -10px;
}
.leaderbord_total_points_bg_green p{
    color: #fff !important;
}
 .leaderbord_candt_detls .d-flex img {
    width: 51px;
    margin: 0px 6px;
}
.diamond_img{
    position: absolute;
    top: 7px;
}
.badge_table_inner{
    text-align: center;
}
.badge_table_inner p{
    margin: 0;
    padding: 0;
}
.badge_table_inner button{
    margin: 0 0 5px !important;
}
.tab-pane table .card {
    padding: 3px 5px 2px;
    margin: 6px 0;
    border-radius: 7px;
}
.badge_table_inner img {
    width: 100%;
}

.has-search .form-control {
    padding-left: 2.375rem;
}
.form-group.has-search {
    position: relative;
    padding-left: 20px;
}
.form-group.has-search input.form-control{
    border: 1px solid #0000004a;
    border-radius: 4px;
    padding-left: 30px;
}
.has-search .form-control-feedback {
   position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    left: 25px;
    top: 5px;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.leader-detail {
    padding-left: 10px
}
.leader-detail h5{
    height: 40px;
}

table.md-table th.md-column {
    color: #fff !important;
}
.btn-success {
    background-color: #01ab45;
    padding: 5px 12px !important;
    height: auto!important;
    border-radius: 15px !important;
    color: #fff !important;
}
.social_btn .fa-search{
    /* background: #904d97; */
    color: #fff;
}
.social_btn .fa-refresh{
    background: #948c8c;
    color: #fff;
}
.social_btn i {
    padding: 7px;
    border-radius: 50%;
    margin: 0px 3px 0px 0px;
    float: left;
}
.social_learning_main_cntnt .advanced{
    background-color: #2b9630; 
    color: #fff;
    border-radius: 15px;
    padding: 5px 15px 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
}
.social_learning_main_cntnt .expert{
    background-color: #008896; 
    color: #fff;
    border-radius: 15px;
    padding: 5px 15px 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
}
.social_learning_main_cntnt .intermediate{
    background-color: #1c90f1; 
    color: #fff;
    border-radius: 15px;
    padding: 5px 15px 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
}
.social_learning_main_cntnt .beginner{
    background-color: #f89805; 
    color: #fff;
    border-radius: 15px;
    padding: 5px 15px 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
}

.total_points-btm{
    /* background-color: #904d97 */
    text-align: center;
    padding: 5px;
    color: #fff;
}
.total_points-btm img{
    width: 17px;
    margin-right: 10px;
}
.select-search ul.select-search-list {
    border: 1px solid #ccc4c4 !important;
    border-radius: 6px !important;
}
.main-leader .leaderbord_imgctnt {
    padding-top: 45px !important;
}
.ass_score {
    /*border: 2px solid #904d97;*/
}
thead.md-head {
    /* background: #904D97;  */
    color: #fff;
}
th.innowork-sticky-col.action-sticky.md-column{
    /* background: #904D97 !important;   */
}
.succession_plan_table.md-table .md-head{
/* background: #904D97; */
}
.nav-tabs li.active a:active, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    /* background-color: #904d97  !important;*/
}
.gamif_badges_tableDiv ul {
    margin-bottom: 20px;
}

.no-results.nodatafound .nodatadesign{
    opacity: 1 !important;
}

.no-results.nodatafound .nodatadesign a.purple-btn{
    color: #fff !important;
}
.no-results.nodatafound .nodatadesign a.purple-btn:hover{
    color: #fff !important;
}
.my-learning{
    /* background: #904d97 !important; */
    border-top: 2px solid #fff;
    padding: 10px !important;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.skill-validate i{
  border-radius: 50%;
  border:1px solid #ccc;
  /* background: #904d97; */
  padding: 5px;
  margin-right: 8px;
  font-size: 14px;
  color: #fff;
}
.skills-frm-jd i{
  border-radius: 50%;
  border:1px solid #ccc;
  background: green;
  padding: 5px;
  margin-right: 8px;
  font-size: 14px;
  color: #fff;
}

md-dialog.md-transition-dialog {
    width: 80vw;
}
.chart-head span {
    position: absolute;
    right: 15px;
    top: 10px;
}

.chart-head svg {
    width: 30px;
    height: 30px;
}
.d-flex-same {
    display: flex;
    flex-wrap: wrap;
}

.chart-head {
    display: flex;
    align-items: center;
    padding: 10px;
    text-transform: uppercase;
    font-size: 13px;
}
.d-flex-same .card {
    width: 100%;
}
.analytics_charts_dropdown{
    padding: 0 10px;
}
.wid-heg {
    border: 1px solid #986e31;
    border-radius: 15px;
    height: 100%;
}
.tab1_table.green_color_table {
    border-radius: 17px;
    text-align: center;
}
.tab1_table.green_color_table h4 {
    border-bottom: 1px solid #7a2675;
    margin: 0;
    background: #8e468a21;
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
}
.tab1_table.green_color_table p {
    margin: 0 0 2px;
    padding: 4px;
}
.green_color_table p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    color: #986e31;
    font-weight: 600;
}
.skill-active{
    /* background-color: #904d97 !important;*/ 
}

.m_purple{
     /* background-color: #904d97 */
     color: #fff;
     padding: 10px;
}
.m_purple h4{
    margin: 0;
}
.skillgap_emp_neChart {
    padding: 5px 10px;
}
.skill-checkbox{
   
}
.skill-cheked-view{
    position: absolute;
    right: 0;

}
.skill-cheked-view input{
    z-index: 9999 !important;
    left: 3px !important;
    cursor: pointer;
}

.skill-current-level{
    background-color: #1c90f1 !important;
}

.skill-gap-new{
    background-color: #f74b3c !important;
}
.bor-ra15{
    border-radius: 15px;
}
.skil-indicator-new{
    background-color: #f1f1f1;
    padding: 10px;
    margin: 12px;
    border-radius: 15px;
}
.skil-indicator-new .media-object {
    width: 50px;
}
.skil-indicator-new .purble-txt{
    /* color: #904d97; */
}
.skill-new-indicator-view{
    float: right;
}
.skill-new-indicator-view ul{
    padding: 0;
}
.skill-new-indicator-view ul li{
    float: left;
    display: flex;
    align-items: center;
    margin: 0 10px;
}
.skill-new-indicator-view ul li:first-child{
    margin-left: 0px;
}
.skill-new-indicator-view ul li .developing{
   background-color: #fff;
   border-radius: 50%;
   width: 32px;
   height: 32px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;

}
.skill-new-indicator-view ul li .developing img{
    width: 20px;
}
.skill-new-indicator-view ul li span{
    margin-left: 5px;
    font-size: 14px;
    font-weight: 600;
}

.filter li span.mgreen{
    /* background: #904d97; */
}
.dashboard-item:hover {
    background: #7a2675;
    color: #fafafa;
}
.aligncenter-d{
    align-items: center;
    display: flex;
    font-weight: 600;
}

button#cached-icon {
    background: #948c8c;
    color: #fff;
    margin: 0 6px !important;
}

.bg-turkish_advance {
    background-color: #00868b !important;
    color: #fff !important;
    padding: 5px 12px!important;
    height: auto!important;
    border-radius: 15px!important;
}

.bg-turkish_advance {
    background-color: #00868b!important;
}

.card_profile {
    background-color: #fff;
    margin-bottom: 10px;
}

.tale_img {
    text-align: center;
}

.tale_img p {
    margin: 10px 0;
}

.card_profile .inn_heading{
    background: none;
    border: none;
    color: #333;
    padding: 10px !important;
    width: 100%;
    float: left;
    cursor: pointer;
}

.card_profile h4 {
    font-weight: bolder;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 10px;
}

.met-profile .met-profile-main .met-profile-main-pic .fro-profile_main-pic-change
{
    z-index: 999;
}

a.show_tabs {
    /* border: 1px solid #b4b4cb; */
    padding: 5px 10px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    background-color: #904d97;
    color: #fff !important;
    position: absolute;
    right: 10px !important;
}

span.num_count {
    color: #fff;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 20px;
}

.modal-header .close {
    position: absolute;
    right: 4px;
    top: 15px;
    padding: 2px 7px;
    opacity: .5;
    border-radius: 15px;
    color: #fff;
}

/*new css*/
button.mentor_down_btn {
	background-color: #242582;
	text-align: center;
	border-radius: 50px;
	width: 44px;
	display: flex;
	height: 43px;
	margin: 0 5px;
	border:none;
}

.open>.dropdown-menu.nav-top-user-dropdown {
    overflow: auto;
    max-height: 300px;
    width: 215px;
    margin-left: -150px !important;
    margin-top: 10px;
    border-radius: 20px;
    left: 105px;
    display: block;
}

.open>.dropdown-menu.nav-top-user-dropdown.drop-down-levels {
    width: max-content !important;
    top: -7rem !important;
    padding-top: 1rem !important;
    margin-left: 8rem !important;
    margin-top: 0 !important;
    border-radius: 10px !important;
}
/* .new_leftment .sidebar .menu .mn_leftmenu_main .list ul li a {
    padding: 3px 5px 3px 15px !important;
} */

/* .new_leftment .sidebar .menu .mn_leftmenu_main .list ul li a span{
    margin: 0 !important;
} */

.new_leftment .sidebar .menu .mn_leftmenu_main .list a:before{
    color: #fff !important;
}
.new_leftment .sidebar .menu .mn_leftmenu_main .list li.active a:before{
    color: #fff !important;
}

.new_leftment .sidebar .menu .list a:hover {
    background-color: #fff;
    border-radius: 30px 0 0 30px;
    width: auto;
    margin-left: 0;
    
}
.sidebar-collapse .new_leftment .sidebar .menu .list a:hover .treeview-menu{
    margin-left: -49px;
    width: 53px;
}
.sidebar-collapse .new_leftment .sidebar .menu .list a:hover .svgLeft svg{
    left: 7px;
}
.sidebar-collapse .new_leftment .sidebar .menu .list a:hover span.side-col{
/*    margin-left: -51px;*/
/*    width: 53px;*/
color: #fff !important;
}
.new_leftment .sidebar .menu .list ul.ml-menu li a span {
    color: #434243 !important;
    /* padding-left: 0; */
}


.new_leftment ul.sidebar-menu.list{
    max-height: 100% !important;
}
/* .new_leftment .sidebar .menu .list ul.ml-menu li.active a span{
    color: #904d97 !important;
} */

.sidebar-collapse .navbar-fixed-top{
    left: 120px;
    transition: all .5s;
}
.sidebar-collapse aside ul.breadcrumb{
    display: none;
    transition: all .5s;
}
.sidebar-collapse .sidebar-header{
    display: none;
    transition: all .5s;
}
.sidebar-collapse .main-header .sidebar-toggle{
    display: none;
    transition: all .5s;
}
.new_leftment aside.main-sidebar {
    min-height: 100%;
    background: #83287d;
    position: absolute
}

.sidebar-collapse .my-learning{
    /* display: none; */
    transition: all .5s;
}
.w-pro{
    width: 80px;
    height: 80px;
    transition: all .5s;
}
.sidebar-collapse .w-pro{
    width: 50px;
    height: 50px;
    transition: all .5s;
}
.dirRight .navbar-fixed-top{
    left: 0 !important;
    right: 325px;
}
.dirRight.sidebar-collapse .navbar-fixed-top{
    left:  0 !important;
    right: 188px;
}
.dirRight .profile-card{
    padding-left:0;
    padding-right:20px;
}
.dirRight .new_leftment .sidebar .menu .list .menu-toggle:before{
    right: 155px !important;
}
.dirRight .main-header{
    display: none;
}
/*.dirRight .menu-toggle .svgLeft svg{
    left: 34px;
}*/
/*.dirRight.sidebar-collapse .svg-icon .svgLeft svg{
    left: -8px;
}*/
.dirRight .new_leftment .sidebar-menu>li{
    margin: 0 60px 0 0px !important;
}

.dirRight .sidebar-menu li:before{
    left: inherit;
    right: 0px;
    transform: rotatex(180deg) rotatez(180deg);
}
.dirRight .sidebar-menu li:after{
    left: inherit;
    right: 0px;
    transform: rotatex(180deg) rotatey(180deg);
}
.dirRight .new_leftment .sidebar .menu .list a:hover{
    border-radius:0 30px 30px 0;
}

.dirRight .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span:first-child {
    right: 15px !important;
}
.dirRight .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
    right: 17px !important;
}
.dirRight .sidebar-collapse .new_leftment .sidebar-menu>li:hover span.svgLeft svg{
    left: 49px !important;
}
.dirRight ul.my-account-list li a span svg{
    float: right;
}
.dirRight .log.out{
    width: 35px;
    float: left;
    margin: 0 10px; 
}



@media only screen and (min-width:768px) {
    .search-feilds-2 {
        padding-top: 40px
    }
    .modal-sign-in {
        width: 600px
    }
    .signin-img-bg h5 {
        font-size: 14px
    }
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .right-side {
        margin-left: 50px!important;
        z-index: 840
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 85px!important;
        z-index: 850
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li {
        position: relative
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a {
        margin-right: 0;
        height: 58px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>span {
        border-top-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu li {
        border-bottom: 1px solid #e4e3e3
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu li.active {
        background-image: none
    }
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu li:last-child {
        border-bottom: none
    }
    .new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a {
        padding: 0 0 0 50px
    }
    .sidebar-collapse .new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a {
        padding: 0
    }
    .new_leftment .sidebar .menu .list a:active,
    .new_leftment .sidebar .menu .list a:focus,
    .new_leftment .sidebar .menu .list a:hover {
        color: #8e468a
    }
    .sidebar-mini.sidebar-collapse .new_leftment .main-sidebar .user-panel>.info,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-form,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu li.header,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>.pull-right,
    .sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li>a>span {
        display: none!important;
        -webkit-transform: translateZ(0)
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span {
        display: block!important;
        position: absolute;
        width: 270px;
        left: -5px; 
        top: 0px;
        padding: 12px;
        color: #fff !important;
        margin: 0
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
        display: block!important;
        position: absolute;
        width: 260px;
        left: 15px;
        top: 0;
        background: #fff;
        padding: 56px 12px 12px;
        box-shadow: 7px 6px 23px 2px rgba(0, 0, 0, .2);
        z-index: 555
    }
    .dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
        display: block!important;
        position: absolute;
        width: 260px;
        left: 3px;
        top: 0;
        background: #fff;
        padding: 56px 12px 12px;
        box-shadow: 7px 6px 23px 2px rgba(0, 0, 0, .2);
        z-index: 555
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span.side-col {
        left: 10px;
    }
    .sidebar-collapse .sidebar .menu .list .menu-toggle:before {
        display: none
    }
    .sidebar .menu .list .menu-toggle:after {
        display: none
    }
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover span.svgLeft{
    left:-45px !important;
}
.sidebar-collapse .new_leftment .sidebar-menu>li:hover span.side-col{
    left:-8px !important;
}
/* .sidebar-collapse .new_leftment .sidebar-menu>li:hover span.svgLeft svg{
    left:7px !important;
    top:-2px;
} */
.sidebar-collapse.dirRight .new_leftment .sidebar-menu>li:hover span.svgLeft svg{
    left:10px !important;
    top:-17px;
}
.left_menu_bgcolorDiv {
    border-top-left-radius: 10px;
}   
.new_leftment .sidebar .menu .list .ml-menu.treeview-menu li a:hover{
    margin-left: 0;
    width: auto;
}

.new_leftment .sidebar .menu .list a:active, .new_leftment .sidebar .menu .list a:focus, 
.new_leftment .sidebar .menu .list a:hover .ml-menu.treeview-menu li a:hover{
    width: auto;
}
/*.sidebar-collapse .new_leftment .sidebar .menu .list a:hover.hide-menu-view .svgLeft{
    left: 10px ;
}*/
/*.sidebar-collapse .new_leftment .sidebar-menu>li:hover span.svgLeft svg{
    left: 10px;
}*/

.sidebar-collapse .new_leftment .sidebar-menu>li.active>a>span.side-col {
/*    left: 53px !important;*/
}
/* .svgLeft, .svgLeft svg {
    position: absolute;
    left: -18px;
} */
.sidebar-collapse aside ul.breadcrumb{
    display: none;
    transition: all .5s; 
}

.dirRight .theme-purple .sidebar .menu .list li.active{
    border-top-right-radius: 26px;
    border-bottom-right-radius: 28px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.dirRight .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span:first-child {
    right: 15px !important;
}
.dirRight .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
    right: 17px !important;
}
.dirRight .sidebar-collapse .new_leftment .sidebar-menu>li:hover span.svgLeft svg{
    left: 49px !important;
}
.dirRight .curve-btn.m-r-15{
    margin-left:0;
}

/* .dirRight .svgLeft, .svgLeft svg{
    margin-right: 0 !important;
    vertical-align: 0 !important;
} */
.dirRight.sidebar-collapse .new_leftment .sidebar .menu .list a span.svgLeft{
    position: relative;
    left: 50px;
}
.dirRight .new_leftment .sidebar .menu .list a span.svgLeft{
    position: relative;
    left: 35px;
}
.dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span:first-child {
    right: -25px;
}

.dirRight.sidebar-collapse .new_leftment .sidebar .menu .list a:hover .svgLeft svg {
    left: 50px;
}
.dirRight table.md-table.md-row-select th.md-column:first-child, .dirRight table.md-table.md-row-select td.md-cell:first-child{
    padding: 0 20px 0 0;
}

.dirRight table.md-table th.md-column:last-child{
    padding: 0 0 0 24px;
}
.dirRight .form-group p.text,
.dirRight .new_leftment .sidebar .menu .list a {
    text-align: right;
    font-size: 17px
}
/* .dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>a>span {
    right: 95px
} */

/* .dirRight.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .new_leftment .sidebar-menu>li:hover>ul.ml-menu.treeview-menu {
    right: 95px
} */
.dirRight .help-curve-btn.svg-icon  svg{
    width: 25px;
    margin-left: -4px;    
}

.theme-purple .log .nav li a {
    padding:0 !important;
    color: #000
}

.btn:not(.btn-link):not(.btn-circle) span {
    position: relative;
    top: 0px;
    margin-left:0px;
}

.btn:not(.btn-link):not(.btn-circle) i {
    font-size: 18px;
    position: relative;
    top: 0px !important;
}

.dashboard-right {
    width: 80%;
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
    float: right;
    padding-left: 0px !important;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    min-height: 85%;
    max-height: 100%
}

.help-curve-btn:hover svg {
    fill: #ffffff !important;
}
.sidebar-collapse .new_leftment aside.main-sidebar {
    position: relative !important;
}

.filter li span {
    border-radius: 10px;
}

md-table-container.md-table-responsive {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

md-table-container.md-table-responsives {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

span.num_count_span {
	background-color: #904d97;
	color: #fff;
	padding: 3px 6px;
	border-radius: 6px;
	font-size: 20px;
}

button.close {
    position: absolute;
    padding: 2px 7px !important;
    border-radius: 15px;
    background-color: #904d97;
    opacity: 1 !important;
    color: #fff;
}

.close:focus, .close:hover {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    transform: scale(1.2) !important;
}

.table-responsive {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

th.innowork-sticky-col.action-sticky.md-column {
    border-top-right-radius: 20px;
}

md-calendar-month .md-calendar-day-header {
    color: #fff;
}

a.show_tabs {
    /* border: 1px solid #b4b4cb; */
    padding: 5px 10px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    background-color: #eee;
    color: #fff !important;
    position: absolute;
    right: 10px !important;
}

.panel.panel-primary {
    margin-bottom: 30px !important;
}

.hov.bulk-upload:hover md-icon {
    color: #fff !important;
}

.hov.bulk-upload:hover {
    border: none !important;
}

.dashboard-right.inactive {
    border-radius: 12px !important;
}

md-toolbar.md-table-toolbar.md-default._md._md-toolbar-transitions {
    border-radius: 12px;
}

.sidebar-menu li:hover:before,
.sidebar-menu li:hover:after,
.sidebar-menu li.active:before,
.sidebar-menu li.active:after {
    visibility: hidden;
}

table.md-table .md-table-progress th{
    padding:0 !important;
}

md-toolbar.md-table-toolbar.alternate {
    margin-bottom: 5px;
}

.inn_heading i {
    transform: none !important;
    color: #fff;
    padding: 6px !important;
    border-radius: 50%;
    font-size: 13px;
    margin-right: 5px !important;
}

.ml-menu.treeview-menu.show li a:before {
    border-bottom: none !important;
}

button.mentor_down_btn.bg-purple.rotate {
    transform: rotate(360deg) !important;
}

/* .form-group .form-line {
    border-bottom: none !important;
} */

.sidebar-collapse .new_leftment ul.sidebar-menu.list{
    /* height: 0 !important; */
}

.sidebar-collapse .profile-card{
    padding-left: 0 !important;
}
.sidebar-collapse .sidebar-menu{
    margin-top: 2rem !important;
}
.sidebar-collapse .menu-new-collapsed{
    /* width: 10% !important; */
}
.sidebar-collapse .menu-collapse::after{
    right: 6px;
}
.sidebar-collapse .my-learning{
    font-size: 14px;
}
.sidebar-collapse .dashboard-box{
    height: 100vh;
}

span.svgLeft.position-r.l-o {
    left: -6px !important;
    right: auto !important;
}

.theme-purple .sidebar .menu .list li.active ul.ml-menu.treeview-menu li {
    border-radius: 0 !important;
}

md-autocomplete input:not(.md-input) {
    padding: 0 0 5px 5px !important;
}

.sidebar-collapse .new_leftment .dashboard-right.inactive{
    width: 92% !important;
}

md-autocomplete .md-show-clear-button button md-icon {
    top: 40% !important;
}

thead tr td {
    color: #fff !important;
}

thead tr th {
    color: #fff !important;
}

button.md-icon-button.md-button.md-ink-ripple md-icon {
    color: rgba(0, 0, 0, 0.38);
}

/* Arabic */
.dirRight a.show_tabs {
    right: auto !important;
    left: 35px !important;
}

.dirRight.sidebar-collapse .new_leftment .dashboard-left.corporatemenu{
    position: relative !important;
}
.dirRight.sidebar-collapse .profile-card{
    padding-right:0;
}

.dirRight .help-curve-btn {
    float: left;
    margin: 0.5rem;
}

.dirRight .left_menu_bgcolorDiv {
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
}

.dirRight .pull-right>.dropdown-menu {
    right: -8rem !important;
    left: 0 !important;
}

.dirRight.sidebar-collapse .sidebar-menu {
    margin-left: 0rem !important;
}

.dirRight .dashboard-right {
    float: left;
    overflow-x: hidden;
}

.dirRight.sidebar-mini.sidebar-collapse .new_leftment .sidebar-menu>li:not(.treeview)>a>span {
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dirRight.sidebar-collapse .my-learning {
    text-align: right;
}

.dirRight.sidebar-collapse .menu-collapse::after {
    right: auto;
    top: 15px;
    left: 8px;
}

.dirRight.sidebar-collapse .new_leftment .sidebar-menu>li {
    margin: 0 60px 0 0px !important;
}

.dirRight .svgLeft, .svgLeft svg {
    left: auto !important;
    right: -18px !important;
    margin-left: 5px !important;
    margin-right: 0 !important;
}

.dirRight span.svgLeft.position-r.l-o {
    left: auto;
    right: 20px !important;
}

.dirRight .btn:not(.btn-link):not(.btn-circle) span {
    position: relative;
    top: 0px;
    margin-left: 3px;
}

.dirRight .complete-skill-I {
    float: right;
}

.dirRight .complete-skill-B {
    float: right;
}

.dirRight .complete-skill-A {
    float: right;
}

.dirRight .complete-skill-E {
    float: right;
}

.dirRight .col-md-6.col-xs-6.com-list {
    float: right !important;
}

.dirRight .skill-list li {
    float: right;
}

.col-md-7.col-xs-7.com-list {
    margin-top: 3px;
}

.col-md-12.col-xs-12.com-li {
    margin-left: -30px;
}

button.close_rb {
    position: absolute;
    padding: 0px 5px !important;
    border-radius: 5px;
    background-color: #904d97;
    opacity: 1 !important;
    color: #fff;
    margin: 30px 5px 0px 0;
}

.close_rb:focus, .close_rb:hover {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    transform: scale(1.2) !important;
}